refactor(categories): 카테고리 목록 페이지를 카드 그리드로 분리 - #78
Merged
Conversation
/categories and /tags shared the exact same chip-list component (TaxonomyList), so two taxonomies with different semantics looked identical. Categories are exclusive (one per post, few in number, broad sections); tags are cross-cutting (many per post, can grow large) — the pill list already fits tags well. Add CategoryGrid: a card grid where each category gets a folder icon, its name, post count, and a chevron affordance, sized to read as a section hub rather than a keyword chip. Tags and the homepage's compact "둘러보기" preview are untouched. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
변경 내용
src/components/category-grid.tsx추가 — 카테고리명·글 개수·폴더 아이콘·화살표를 가진 카드 그리드.src/app/(site)/categories/page.tsx가TaxonomyList대신CategoryGrid를 쓰도록 변경./tags, 홈 화면 "둘러보기" 미리보기는 그대로TaxonomyList(칩 목록) 유지.변경 이유
/categories와/tags가 같은TaxonomyList컴포넌트를 그대로 써서 픽셀 단위로 동일했다. 두 taxonomy는 성격이 다르다: 카테고리는 글마다 정확히 하나만 붙는 배타적 분류라 수가 적고 사이트의 큰 섹션 역할을 하고, 태그는 글마다 여러 개 붙는 교차 분류라 수가 늘어날 수 있다. 지금의 작은 칩 목록은 태그에는 맞지만, 카테고리에는 실제보다 가벼워 보였다.카테고리 목록만 카드 그리드로 바꿔서 "섹션 허브"처럼 보이게 했다. 상세 페이지([category]/[tag])와 홈의 압축 미리보기는 그대로 뒀다 — 목록 페이지 하나만 바뀌어도 두 taxonomy가 다르게 느껴진다.
검증
pnpm lint통과pnpm typecheck통과pnpm test— 211개 전부 통과pnpm build통과/categories(카드 그리드로 변경 확인),/tags(칩 목록 그대로), 홈 "둘러보기" 미리보기(칩 그대로) 스크린샷으로 확인🤖 Generated with Claude Code