정적 블로그를 먼저 만드는 이유

초기 범위

첫 버전은 글 목록, 글 상세, 이미지 표시, 기본 메타 정보만 포함합니다. 글 작성은 Markdown 파일로 시작하고, 배포는 Cloudflare Pages의 정적 파일 배포를 사용합니다.

이 구조는 나중에 Astro로 옮기기 쉽습니다. 디자인 토큰, 본문 폭, 코드 블록 스타일, 이미지 규칙을 먼저 정해 두면 프레임워크가 바뀌어도 시각 기준은 유지됩니다.

성능 예산

외부 폰트와 불필요한 클라이언트 스크립트를 넣지 않는 것이 가장 큰 최적화입니다. CSS는 작게 유지하고, 이미지에는 항상 크기를 지정해서 레이아웃 이동을 막습니다.

• 런타임 JavaScript는 검색, 테마, 목차 향상에 필요한 작은 모듈만 사용합니다.
• 본문 레이아웃은 빌드에서 완성된 HTML로 전달합니다.
• 이미지는 로컬 파일을 우선하고, 크기가 커지면 별도 저장소를 검토합니다.

코드 블록

기술 블로그는 코드가 읽기 경험의 일부입니다. 코드 블록은 본문 폭을 깨지 않고 가로 스크롤만 허용합니다.

const pageBudget = {
  htmlKb: 22,
  cssKb: 14,
  essentialJsKb: 6,
};

console.log(pageBudget);