f7db3236e8
- 헤더 오른쪽 버튼 시스템 구현 - ContextType에 setOnRightClick 추가 - useSetOnRightClick 훅 추가 - HeaderNavigationProps에 onRightClick 추가 - HeaderType.LeftArrow에 오른쪽 삭제 버튼 렌더링 - 사용자 삭제 API 및 타입 추가 - UserDeleteParams, UserDeleteResponse 인터페이스 추가 - use-user-delete-mutation 훅 생성 - API_URL_USER.deleteUser() 엔드포인트 사용 - 사용자 설정 페이지에서 삭제 기능 구현 - 현재 로그인한 사용자가 아닐 경우에만 삭제 버튼 표시 - showConfirm 다이얼로그로 삭제 확인 - 삭제 성공 시 토스트 메시지 표시 및 목록 페이지로 이동 - 목록 페이지에서 refresh 상태로 자동 갱신 - showConfirm 위젯 추가 - Promise 기반의 확인 다이얼로그 - 취소/확인 버튼 지원 - 다국어 지원 (common.cancel, common.confirm) 🤖 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: 서버 상태 관리