Skip to content

Conversation

@kickbelldev
Copy link
Owner

Summary

  • 기존 복잡한 UI 구조를 제거하고 최소한의 placeholder 구조로 재설계
  • shadcn/ui 기반 컴포넌트 시스템 도입으로 일관된 디자인 구현
  • stone 컬러 팔레트 적용으로 통일성 있는 UI 제공
  • Header/Footer 컴포넌트 구현으로 전체 레이아웃 구조 완성

주요 변경사항

  • 의존성 및 설정: shadcn/ui 설정 및 필요한 패키지 추가
  • 유틸리티 함수: utils.ts를 cn.ts로 리팩터링하여 간소화
  • 페이지 구조: 홈, About, 블로그 상세 페이지를 placeholder 구조로 단순화
  • Header 컴포넌트: sticky 네비게이션 및 반응형 구조 구현
  • Footer 컴포넌트: 3컬럼 반응형 레이아웃 (연락처, 링크, 저작권)
  • 레이아웃 시스템: header-main-footer 구조로 전체 레이아웃 통합
  • 스타일 시스템: Tailwind CSS 및 다크/라이트 테마 지원 CSS 변수 추가

Test plan

  • 개발 서버 실행 확인 (pnpm dev)
  • 빌드 프로세스 정상 동작 확인
  • 모든 페이지 접근 가능 확인
  • Header/Footer 컴포넌트 정상 렌더링 확인
  • 반응형 레이아웃 동작 확인
  • Biome 린트 및 포맷팅 통과 확인

🤖 Generated with Claude Code

kickbelldev and others added 9 commits July 14, 2025 19:59
향후 Claude Code 인스턴스를 위한 개발 가이드 문서 추가
- 프로젝트 아키텍처 및 핵심 기술 스택 정보
- 개발 명령어 및 코드 품질 도구 설정 안내

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- components.json 설정 업데이트
- 필요한 패키지 의존성 추가

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- utils.ts 파일 제거
- cn.ts로 간소화된 유틸리티 함수 추가

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- 홈페이지, About 페이지, 블로그 상세 페이지 단순화
- 복잡한 UI 구조 제거하고 placeholder로 대체
- 추후 컨텐츠 작성을 위한 기본 구조 준비

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- sticky 헤더 네비게이션 구현
- stone 컬러 팔레트 적용
- 반응형 네비게이션 구조

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- 3컬럼 반응형 푸터 레이아웃
- 연락처, 링크, 저작권 정보 섹션
- 모바일 대응 및 적절한 density 조정

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Header/Footer 컴포넌트 통합
- header-main-footer 레이아웃 구조 구현
- placeholder 메타데이터 적용

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- Tailwind CSS 및 shadcn/ui 스타일 설정
- stone 컬러 팔레트 CSS 변수 추가
- 다크/라이트 테마 지원 준비

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
- CLAUDE.md에 논리적 커밋 분리 가이드라인 추가
- lefthook.yml에 pnpm 명령어 적용
- package.json scripts 정리 및 개선

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
@kickbelldev kickbelldev merged commit f5ad3b1 into main Jul 14, 2025
2 checks passed
@kickbelldev kickbelldev deleted the feat/ui-structure branch July 14, 2025 12:59
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.

2 participants