웹과 정적 사이트, 그리고 개발 도구를 주로 다룹니다. 배운 것을 정리해 오래 남기려고 이 블로그를 씁니다.
최근 글
자바스크립트 없이 움직이기
애니메이션과 간단한 상호작용은 CSS만으로 된다. 정적 사이트에서도 컴포넌트가 움직일 수 있다.
MDX로 글 안에서 컴포넌트를 쓴다
마크다운으로는 부족할 때가 있다. MDX를 켜면 글 본문에서 Astro 컴포넌트를 그대로 import 해서 쓸 수 있다.
코드 하이라이팅은 Astro에 이미 들어 있다
플러그인을 깔 필요 없다. Astro는 Shiki를 내장하고 있어서 설정 한 줄이면 코드블록에 색이 입혀진다.
콘텐츠 컬렉션으로 이미지까지 타입 세이프하게
Astro 콘텐츠 컬렉션에 이미지를 넣으면 빌드 때 리사이즈·재인코딩까지 알아서 처리된다. 스키마에 image()를 선언하는 것부터 정리했다.
git add -p 로 커밋을 쪼개기
한 파일에 여러 변경이 섞였을 때, 조각별로 골라 스테이징하는 습관.