카페 브랜딩 쇼핑몰 사이트 (작업중)
타입 안정성과 SEO 최적화, Best Practices를 중심으로 한 Next.js 쇼핑몰 프로젝트. 명확한 폴더 구조와 DOM 계층 구조를 시작으로 견고하고 친절한 코드 작성에 초점을 맞추면서도 최근 코딩 테스트와 기술 면접에서 부족했던 부분을 재학습하기 위해 프로젝트를 진행했습니다.
Next.jsTypeScriptTailwindCSSZustand결제 API
카페 브랜딩 쇼핑몰 사이트
타입 안전성을 중심으로 설계한 Next.js 이커머스 프로젝트입니다.
keyof typeof 패턴으로 Constants의 값으로부터 타입을 자동 생성하고,
순환 참조 없는 폴더 구조로 확장 가능한 아키텍처를 구현했습니다.
🔧 기술 스택
| 분류 | 스택 |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript 5 |
| Styling | Tailwind CSS 3 |
| Architecture | 계층별 책임 분리 |
| Pattern | keyof typeof 타입 동기화 |
🎯 핵심 강점 (진행 중)
- 타입 자동 동기화: Constants 수정 → Types, Lib, Components 자동 최신화
- DRY 원칙 준수: 같은 정보를 한 곳에만 정의
- 순환 참조 없음: Constants → Types → Lib → Components (단방향)
- 타입 안전성: IDE 자동완성 + 런타임 에러 방지
- 확장성: 새 항목 추가 시 최소 수정