8529f501c7
- 결제 관리 페이지 다국어화 (결제 정보, 통보 데이터) * 헤더 타이틀 및 탭 버튼 다국어화 - 결제 엔티티 컴포넌트 전체 다국어화 * payment-tab: 결제 정보/결제데이터 통보 탭 * info-wrap: 서비스 이용, 수수료 및 정산주기 섹션 * notification-data-wrap: 결제데이터 통보 조회 (신용카드, 계좌이체 등 5개 결제수단) * info-item: 수수료 및 정산주기 버튼 * notify-row: 통보 상세 정보 (시작일자, 관리자 메일, URL/IP 등) - 결제 바텀시트 컴포넌트 다국어화 * card-commission-bottom-sheet: 카드 수수료 (일반/무이자/머니포인트 탭, 할부개월) * transfer-commission-bottom-sheet: 계좌이체 수수료 (통화 표기 포함) * credit-card-list-bottom-sheet: 카드사 목록 * no-interest-info-bottom-sheet: 무이자 정보 (통화 표기 포함) - 통화 표기 개선 (한국어: 원 suffix / 영어: ₩ prefix) - 번역 키 추가: payment 네임스페이스 32개 키 - 계정 관리 페이지 헤더 타이틀 다국어화 적용 🤖 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: 서버 상태 관리