Skip to content

refactor(ui): 레이아웃·타이포·컴포넌트 정리#70

Merged
emayom merged 3 commits into
mainfrom
refactor/visual-polish-pass-1
Jun 29, 2026
Merged

refactor(ui): 레이아웃·타이포·컴포넌트 정리#70
emayom merged 3 commits into
mainfrom
refactor/visual-polish-pass-1

Conversation

@emayom

@emayom emayom commented Jun 29, 2026

Copy link
Copy Markdown
Owner

개요

블로그 전반의 시각적 디테일을 다듬는 비주얼 폴리시 패스입니다. 기능 동작 변경은 최소화하고 레이아웃·타이포그래피·컴포넌트 표현을 정리했습니다.

주요 변경

아카이브

  • 폴더 카드 크기 80% 축소(scale 대신 실제 사이즈 조정), hover 배경 제거, 불필요한 패딩 정리
  • 인덱스 그리드: 모바일 4컬럼 / md 이상 flex-wrap
  • 사이드바: 글 수를 책등 막대 + hover 툴팁(heading anchor와 동일 패턴)으로 시각화

레이아웃

  • 헤더·푸터 컨테이너를 본문과 동일하게 max-w-4xl px-6으로 통일

홈 / 글 목록

  • 최근 글 lg 2단에서 홀짝 컬럼별 좌우 패딩 분리
  • 최근 글 노출 수 3 → 4
  • Featured 글: 썸네일 13:7 비율, 미존재 시 회색 배경, 제목 크기·line-clamp-2·break-keep 정리, 날짜·헤딩 제거(sr-only)

콘텐츠

  • Featured 카드 썸네일 표시를 위해 글 frontmatter에 thumbnail 경로 추가

테스트

  • 변경에 맞춰 archive-sidebar / recent-posts / featured-posts 테스트 갱신
  • post-card 날짜 테스트는 카드에서 날짜 블록이 주석 처리(WIP)되어 it.skip 임시 처리

Note

기존부터 실패하던 json-ld 테스트 2건(placeholder social 관련)은 이번 작업과 무관하여 별도 처리 예정입니다.

🤖 Generated with Claude Code

emayom and others added 2 commits June 29, 2026 23:53
- 아카이브 폴더 카드 크기 80% 축소, hover 배경 제거, 불필요한 패딩 정리
- 아카이브 인덱스 그리드: 모바일 4컬럼 / md 이상 flex-wrap
- 헤더·푸터 컨테이너를 본문과 동일하게 max-w-4xl px-6으로 통일
- 최근 글 lg 2단에서 홀짝 컬럼별 좌우 패딩 분리
- 아카이브 사이드바: 글 수를 책등 막대 + hover 툴팁으로 시각화
- Featured 글: 썸네일 13:7 비율, 미존재 시 회색 배경, 제목 크기·line-clamp·break-keep 정리, 날짜·헤딩 제거(sr-only)
- 최근 글 노출 수 3→4
- 위 변경에 맞춰 archive-sidebar/recent-posts/featured-posts 테스트 갱신, post-card 날짜 테스트 임시 skip

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Featured 카드 썸네일 표시를 위해 글 frontmatter에 thumbnail 경로 추가

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@emayom emayom added refactor Code refactoring without feature change test Adding or updating tests labels Jun 29, 2026
@vercel

vercel Bot commented Jun 29, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
blog Ready Ready Preview, Comment Jun 29, 2026 3:10pm

@emayom emayom changed the title refactor(ui): 비주얼 폴리시 패스 1 — 레이아웃·타이포·컴포넌트 정리 refactor(ui): 레이아웃·타이포·컴포넌트 정리 Jun 29, 2026
- Hero에서 CTA 제거됨 → home.spec의 CTA 표시/네비게이션 테스트 정리, 헤딩 표시 검증만 유지
- 태그 페이지 "← 모든 글" 버튼이 breadcrumb로 대체됨 → breadcrumb "글" 링크 네비게이션 테스트로 교체

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@emayom emayom merged commit ea62772 into main Jun 29, 2026
3 checks passed
@emayom emayom deleted the refactor/visual-polish-pass-1 branch June 29, 2026 15:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

refactor Code refactoring without feature change test Adding or updating tests

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant