좋은 문장도 줄 길이가 길어지면 금방 피로해집니다. 본문 폭은 레이아웃보다 독서 경험에 더 직접적으로 영향을 줍니다.
이번에는 상세 페이지 본문을 별도 최대 폭으로 제한해, 제목의 힘과 읽기 편한 문단 폭을 동시에 가져가려 했습니다.
결과 메모
줄 길이를 줄이니 문단 호흡이 더 또렷해졌고, 코드 블록도 주변 여백과 함께 안정적으로 보였습니다.
문서 구조 개선
상세 페이지에서 너무 넓은 폭을 피하고, 긴 문장이 안정적으로 읽히는 범위로 본문 영역을 조정했습니다.
좋은 문장도 줄 길이가 길어지면 금방 피로해집니다. 본문 폭은 레이아웃보다 독서 경험에 더 직접적으로 영향을 줍니다.
이번에는 상세 페이지 본문을 별도 최대 폭으로 제한해, 제목의 힘과 읽기 편한 문단 폭을 동시에 가져가려 했습니다.
줄 길이를 줄이니 문단 호흡이 더 또렷해졌고, 코드 블록도 주변 여백과 함께 안정적으로 보였습니다.
More Posts
문서 구조 개선
코드 블록, 본문, 메타 정보의 간격을 다시 조정하면서 개발자용 블로그 페이지를 조금 더 차분하고 읽기 쉽게 다듬었습니다.
문서 구조 개선
본문은 크게 유지하고, h2와 h3의 대비를 분명하게 잡아 긴 글에서도 정보 흐름이 자연스럽게 이어지도록 구성했습니다.
콘텐츠 파이프라인
파일 기반 콘텐츠를 읽어 빌드 시점에 정리하고, 상세 페이지와 태그 페이지까지 한 흐름으로 이어지게 만들었습니다.
미디엄 스타일 분석
스크린샷의 인상을 유지하려면 카드보다 텍스트와 이미지가 나란히 놓인 세로 리스트가 더 적절했습니다.
콘텐츠 파이프라인
태그를 너무 잘게 쪼개지 않고도 관련 글을 묶어 보여주기 위해 최소한의 규칙만 정리했습니다.
미디엄 스타일 분석
관련된 글을 시간순만으로 찾기 어렵기 때문에, 시리즈 단위 진입점을 별도 페이지로 구성했습니다.