8fbc7d2f743c104f5357be9036ea7136a835fcd1
- 즐겨찾기 삭제 시 최소 1개 유지 검증 추가 (favorite-wrapper.tsx) - 즐겨찾기 추가/삭제 로직 분리 및 개선 (menu-category.tsx) - 추가 시: 최대 10개만 체크 - 삭제 시: 최소 1개 유지 체크 - 각 조건에서 early return으로 명확한 흐름 구성 - 메뉴 오픈 시 즐겨찾기 목록 스크롤을 맨 앞으로 초기화 - prevMenuOn 상태로 메뉴 오픈 감지 - 추가/삭제 시에만 마지막 아이템으로 스크롤 - 로컬라이제이션 키 추가 - cannotDeleteLastItem: 최소 1개 유지 메시지 - cannotAddMoreThan10: 최대 10개 제한 메시지 - snackBar import 추가 및 showAlert에서 snackBar로 변경 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
웹 프론트엔드 개발 환경
1. 개발 환경
- Vite: 빠른 개발 서버 및 번들러
- TypeScript: 정적 타입 지원
- ESLint: 코드 린팅(정적 분석)
- Prettier: 코드 포매터
2. UI/UX
- TailwindCSS: 유틸리티 기반 CSS 프레임워크
- react-i18next: 다국어(i18n) 지원
3. 네트워킹 & 데이터
- Axios: HTTP 클라이언트
- openapi-typescript 또는 Orval: OpenAPI 기반 API 타입/클라이언트 코드 자동 생성
- TanStack/React Query: 서버 상태 관리 및 데이터 패칭
4. 네비게이션 & 라우팅
- TanStack/React Router: SPA 라우팅
5. 상태 관리
- Zustand: 클라이언트/로컬 상태 관리
- TanStack/React Query: 서버 상태 관리
Description
Languages
TypeScript
89%
CSS
9%
HTML
0.8%
JavaScript
0.8%
Makefile
0.3%