Trond Archive

가독성과 탐색성을 우선으로, 구현 메모와 기술 문서를 차곡차곡 쌓아가는 프론트엔드 블로그.

제목, 태그, 본문 키워드로 전체 글을 검색할 수 있습니다.
Frontend··1 min read

문서형 블로그 IA를 먼저 설계한 이유

개인 기술 블로그를 오래 운영하려면 첫 화면보다 정보 구조를 먼저 설계해야 하는 이유를 정리했다.

문서형 블로그 IA를 먼저 설계한 이유

개인 기술 블로그는 처음에는 글이 몇 개 없어서 단순해 보이지만, 시간이 지나면 분류 체계가 느슨할수록 다시 찾기 어려워집니다. 그래서 홈 화면보다 먼저 탐색 구조를 잡는 편이 낫습니다.

왜 홈보다 구조가 먼저인가

  • 블로그의 핵심 사용자는 미래의 나 자신입니다.
  • 글이 많아질수록 태그와 카테고리의 일관성이 중요해집니다.
  • 추천 글보다 최근 글, 관련 글, 분류 이동이 더 자주 사용됩니다.

1차 버전에서 중요한 기준

이번 구조는 과한 카드 UI를 피하고, 제목과 요약을 중심으로 빠르게 읽을 수 있게 설계합니다. 문서형 블로그에서는 리스트의 밀도와 본문 폭이 읽기 경험을 크게 좌우합니다.

tsx
export function PostListItem() {
  return (
    <article className="border-b py-6">
      <h2>Readable title first</h2>
    </article>
  );
}

이후 확장 포인트

  • 검색 인덱스 추가
  • 연도별 아카이브 강화
  • 다크모드 토글
  • MDX 컴포넌트 확장

Related Posts

같이 읽으면 좋은 글