DalGom Staff

미디엄 스타일 분석

에디토리얼 리스트 레이아웃을 살리기 위해 카드 대신 행 구조를 선택한 이유

스크린샷의 인상을 유지하려면 카드보다 텍스트와 이미지가 나란히 놓인 세로 리스트가 더 적절했습니다.

2026년 3월 15일읽는 시간 1분

10d86014

목록 첫인상은 화면의 밀도를 결정합니다. 이번 작업에서는 카드 격자를 쓰지 않고, 한 줄에 한 글만 두는 행 구조로 정리했습니다.

이 방식은 제목을 크게 보여주면서도 썸네일을 충분히 확보할 수 있어, 미디엄 스타일과 잘 맞았습니다.

행 단위 구성은 시선이 위에서 아래로 곧게 흐릅니다. 또한 구분선만으로도 충분한 리듬을 만들 수 있습니다.

태그를 너무 잘게 쪼개지 않고도 관련 글을 묶어 보여주기 위해 최소한의 규칙만 정리했습니다.

파일 기반 콘텐츠를 읽어 빌드 시점에 정리하고, 상세 페이지와 태그 페이지까지 한 흐름으로 이어지게 만들었습니다.

문서 구조 개선

코드 블록, 본문, 메타 정보의 간격을 다시 조정하면서 개발자용 블로그 페이지를 조금 더 차분하고 읽기 쉽게 다듬었습니다.

문서 구조 개선

본문은 크게 유지하고, h2와 h3의 대비를 분명하게 잡아 긴 글에서도 정보 흐름이 자연스럽게 이어지도록 구성했습니다.

콘텐츠 파이프라인

파일 기반 콘텐츠를 읽어 빌드 시점에 정리하고, 상세 페이지와 태그 페이지까지 한 흐름으로 이어지게 만들었습니다.

콘텐츠 파이프라인

태그를 너무 잘게 쪼개지 않고도 관련 글을 묶어 보여주기 위해 최소한의 규칙만 정리했습니다.

미디엄 스타일 분석

관련된 글을 시간순만으로 찾기 어렵기 때문에, 시리즈 단위 진입점을 별도 페이지로 구성했습니다.

문서 구조 개선

본문을 다 읽은 뒤에는 조용한 전환이 중요해서, 하단 탐색 요소를 단계적으로 배치했습니다.