Skip to content

feat: TOC 고도화 - H2~H5 지원 및 현재 섹션 하이라이트#101

Merged
ryu9663 merged 4 commits intomainfrom
feat/TOC
Jan 17, 2026
Merged

feat: TOC 고도화 - H2~H5 지원 및 현재 섹션 하이라이트#101
ryu9663 merged 4 commits intomainfrom
feat/TOC

Conversation

@ryu9663
Copy link
Owner

@ryu9663 ryu9663 commented Jan 17, 2026

Summary

  • H2~H5 헤딩 추출 및 계층적 들여쓰기 표시
  • Intersection Observer 기반 현재 섹션 파란색 하이라이트
  • 통합 Heading 컴포넌트로 h2~h5 렌더링 통합
  • 86px 고정 헤더 오프셋 처리 (scroll-margin-top, rootMargin)
  • HeadingType 타입 정의로 타입 안정성 강화
  • CLAUDE.md에 TOC 아키텍처 문서화
  • Link vs a 태그 컨벤션 규칙 추가

Test plan

  • 포스트 페이지에서 H2~H5 헤딩이 TOC에 모두 표시되는지 확인
  • 스크롤 시 현재 섹션이 파란색으로 하이라이트되는지 확인
  • TOC 항목 클릭 시 해당 위치로 부드럽게 이동하는지 확인
  • 이동 후 헤딩이 고정헤더에 가려지지 않는지 확인 (86px offset)
  • 빌드 성공 확인

🤖 Generated with Claude Code

ryu9663 and others added 2 commits January 17, 2026 22:50
- H2~H5 헤딩 추출 및 계층적 들여쓰기 표시
- Intersection Observer 기반 현재 섹션 파란색 하이라이트
- 통합 Heading 컴포넌트로 h2~h5 렌더링 통합
- $HEADER_HEIGHT 변수로 고정 헤더 오프셋 처리
- HeadingType 타입 정의로 타입 안정성 강화
- CLAUDE.md에 TOC 아키텍처 문서화
- Link vs a 태그 컨벤션 규칙 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- matchAll + map으로 let 변수 제거
- CLAUDE.md에서 실제 코드와 일치하도록 86px 명시

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Jan 17, 2026

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

Project Deployment Review Updated (UTC)
blog Ready Ready Preview, Comment Jan 17, 2026 2:23pm

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- useState 제거, CSS opacity/visibility로 hover 처리
- console.log 제거
- 에러 핸들링 추가 (.catch)
- 리렌더링 최적화

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@ryu9663 ryu9663 merged commit e58076e into main Jan 17, 2026
3 checks passed
@ryu9663 ryu9663 deleted the feat/TOC branch January 17, 2026 14:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant