이 문서는 이번 작업이 단순한 게시물 추가가 아니라 검증용 콘텐츠 아키텍처의 재설계였다는 점을 남겨 둔다.

삭제한 기존 콘텐츠

이전 패스에 있던 검증 글들은 모두 제거하고 새 구조로 다시 작성했다.
이번 재구성의 목적은 제목만 봐도 용도를 추측할 수 있게 만드는 것이었다.

새로 설계한 구조

  • content/ko/theme-upgrade-lab/00-full-coverage.md
  • content/ko/theme-upgrade-lab/_index.md
  • content/ko/theme-upgrade-lab/01-foundation/_index.md
  • content/ko/theme-upgrade-lab/01-foundation/design-tokens.md
  • content/ko/theme-upgrade-lab/01-foundation/layout-spacing.md
  • content/ko/theme-upgrade-lab/01-foundation/typography-language.md
  • content/ko/theme-upgrade-lab/01-foundation/color-surface.md
  • content/ko/theme-upgrade-lab/02-components/_index.md
  • content/ko/theme-upgrade-lab/02-components/controls-cards.md
  • content/ko/theme-upgrade-lab/02-components/cta-shortcode.md
  • content/ko/theme-upgrade-lab/02-components/media-figure.md
  • content/ko/theme-upgrade-lab/03-rendering/_index.md
  • content/ko/theme-upgrade-lab/03-rendering/markdown-rendering.md
  • content/ko/theme-upgrade-lab/03-rendering/shortcode-composition.md
  • content/ko/theme-upgrade-lab/03-rendering/edge-cases.md
  • content/ko/theme-upgrade-lab/04-architecture/_index.md
  • content/ko/theme-upgrade-lab/04-architecture/taxonomy-navigation.md
  • content/ko/theme-upgrade-lab/04-architecture/bundles-resources/index.md
  • content/ko/theme-upgrade-lab/05-operations/_index.md
  • content/ko/theme-upgrade-lab/05-operations/verification-log.md
  • content/ko/theme-upgrade-lab/05-operations/upgrade-summary.md
  • content/ko/theme-upgrade-lab/06-public-posts/_index.md
  • content/ko/theme-upgrade-lab/06-public-posts/01-productivity-routine.md
  • content/ko/theme-upgrade-lab/06-public-posts/02-budget-guide.md
  • content/ko/theme-upgrade-lab/06-public-posts/03-weekend-cleanup.md
  • content/ko/theme-upgrade-lab/06-public-posts/04-travel-checklist.md

이번 구조의 의도

  • 제목만 봐도 무엇을 확인하는 페이지인지 바로 알 수 있게 했다.
  • 기능별 페이지와 복합 검증 페이지를 분리했다.
  • 콘텐츠만으로 프런트엔드의 실제 상태를 점검할 수 있게 했다.
  • 중앙 토큰과 page params가 실제 UI로 내려오는 흐름을 검증하기 쉽게 했다.
  • 일반 독자용 포스트와 검증용 포스트를 한눈에 분리했다.
  • 외부 공개 이미지를 사용해 실제 렌더링만 확인하도록 바꿨다.

프런트엔드 확인 순서

  1. 통합 검증: Markdown·UI·이미지·CTA를 한 번에 확인하는 풀 커버리지 포스트
  2. 디자인 토큰과 CSS 변수 검증
  3. 레이아웃 폭과 간격 검증
  4. 타이포그래피와 다국어 서체 검증
  5. 버튼, 카드, 입력 컨트롤 검증
  6. CTA shortcode 검증
  7. 마크다운 렌더링 검증
  8. 목록, 분류, 탐색 구조 검증
  9. 대표 포맷 예시: 일반 독자용 게시글 묶음

한 줄 정리

수정 범위는 콘텐츠에만 한정했고, 프런트엔드 검증에 필요한 항목은 제목만 봐도 용도가 드러나도록 재배치했다.