문서 구조 개선
본문은 크게 유지하고, h2와 h3의 대비를 분명하게 잡아 긴 글에서도 정보 흐름이 자연스럽게 이어지도록 구성했습니다.
긴 문서에서 가장 먼저 무너지는 건 정보 구조입니다. 제목과 소제목의 차이가 모호하면 사용자는 어디를 읽고 있는지 쉽게 놓칩니다.
그래서 이번에는 위계를 장식이 아니라 탐색 수단으로 다시 정의했습니다. 굵기와 크기만이 아니라 여백과 줄 간격도 함께 조정했습니다.
h1은 페이지의 선언, h2는 장면 전환, h3는 세부 논점으로 역할을 분리했습니다.
작은 변화였지만 긴 글에서 피로감이 크게 줄었습니다. 특히 모바일에서 훨씬 안정적으로 보였습니다.
More Posts
문서 구조 개선
코드 블록, 본문, 메타 정보의 간격을 다시 조정하면서 개발자용 블로그 페이지를 조금 더 차분하고 읽기 쉽게 다듬었습니다.
콘텐츠 파이프라인
파일 기반 콘텐츠를 읽어 빌드 시점에 정리하고, 상세 페이지와 태그 페이지까지 한 흐름으로 이어지게 만들었습니다.
미디엄 스타일 분석
스크린샷의 인상을 유지하려면 카드보다 텍스트와 이미지가 나란히 놓인 세로 리스트가 더 적절했습니다.
콘텐츠 파이프라인
태그를 너무 잘게 쪼개지 않고도 관련 글을 묶어 보여주기 위해 최소한의 규칙만 정리했습니다.
미디엄 스타일 분석
관련된 글을 시간순만으로 찾기 어렵기 때문에, 시리즈 단위 진입점을 별도 페이지로 구성했습니다.
문서 구조 개선
본문을 다 읽은 뒤에는 조용한 전환이 중요해서, 하단 탐색 요소를 단계적으로 배치했습니다.