c6b605200d
신규 페이지: - 회계관리: 거래처, 예상비용, 청구서, 발주서 - 게시판: 공지사항, 자료실, 커뮤니티 - 고객센터: 문의/FAQ - 설정: 계정, 알림, 출퇴근, 팝업, 구독, 결제내역 - 리포트 (차트 시각화) - 개발자 테스트 URL 페이지 기능 개선: - HR 직원관리/휴가관리/카드관리 강화 - IntegratedListTemplateV2 확장 - AuthenticatedLayout 패딩 표준화 - 로그인 페이지 UI 개선 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2.8 KiB
2.8 KiB
[IMPL-2025-12-19] 카드관리 기능 구현
개요
- 위치: 기준정보 > 카드관리
- 경로:
/hr/card-management
구현 체크리스트
1. Types 정의
types.ts- Card 타입, 상태, 카드사 옵션 정의
2. 컴포넌트 구현
src/components/hr/CardManagement/index.tsx- 리스트 컴포넌트 (IntegratedListTemplateV2 사용)src/components/hr/CardManagement/CardDetail.tsx- 상세 컴포넌트src/components/hr/CardManagement/CardForm.tsx- 등록/수정 폼 컴포넌트src/components/hr/CardManagement/types.ts- 타입 정의
3. 페이지 라우팅
src/app/[locale]/(protected)/hr/card-management/page.tsx- 리스트 페이지src/app/[locale]/(protected)/hr/card-management/[id]/page.tsx- 상세 페이지src/app/[locale]/(protected)/hr/card-management/[id]/edit/page.tsx- 수정 페이지src/app/[locale]/(protected)/hr/card-management/new/page.tsx- 등록 페이지
4. 문서 업데이트
claudedocs/[REF] all-pages-test-urls.md업데이트
스크린샷 기반 필드 정의
리스트 테이블 컬럼
| 컬럼 | 설명 |
|---|---|
| No. | 번호 |
| 카드사 | 카드사 이름 |
| 카드번호 | 1234---1234 형식 |
| 카드명 | 카드 명칭 |
| 상태 | 사용/정지 |
| 부서 | 사용자 부서 |
| 사용자 | 사용자 이름 |
| 직책 | 사용자 직책 |
| 작업 | 선택 시 수정/삭제 버튼 |
상세 페이지 필드
기본 정보
| 필드 | 타입 | 설명 |
|---|---|---|
| 카드사 | Select | 카드사 선택 |
| 카드번호 | Input | 1234-1234-1234-1234 |
| 유효기간 | Input | MMYY 형식 |
| 카드 비밀번호 앞 2자리 | Input | ** |
| 카드명 | Input | 카드 명칭 |
| 상태 | Select | 사용/정지 |
사용자 정보
| 필드 | 타입 | 설명 |
|---|---|---|
| 부서/이름/직책 | Select | 사용자 선택 셀렉트박스 |
진행 상황
- 시작일: 2025-12-19
- 완료일: 2025-12-19
- 현재 상태: 완료
생성된 파일 목록
src/components/hr/CardManagement/
├── types.ts # 카드 타입 정의
├── index.tsx # 리스트 컴포넌트
├── CardDetail.tsx # 상세 컴포넌트
└── CardForm.tsx # 등록/수정 폼 컴포넌트
src/app/[locale]/(protected)/hr/card-management/
├── page.tsx # 리스트 페이지
├── new/
│ └── page.tsx # 등록 페이지
└── [id]/
├── page.tsx # 상세 페이지
└── edit/
└── page.tsx # 수정 페이지