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.5 KiB
2.5 KiB
[IMPL-2025-12-19] 1:1 문의 관리 구현
개요
- 페이지: 1:1 문의 (고객센터)
- URL:
/ko/customer-center/inquiries - 참조: 공지사항, 이벤트, 게시판 구조
체크리스트
Phase 1: 기본 구조
- types.ts 생성 (Inquiry 타입, 필터 옵션 등)
- Mock 데이터 생성
Phase 2: 목록 페이지
- InquiryList.tsx 생성
- IntegratedListTemplateV2 사용
- 날짜 범위 선택 (DateRangeSelector)
- 문의 등록 버튼
- 검색창
- 테이블 필터 3개 (상담분류, 상태, 정렬)
- 테이블 컬럼: No., 상담분류, 제목, 상태, 등록일
- page.tsx (목록)
Phase 3: 상세 페이지
- InquiryDetail.tsx 생성
- 문의 영역 (제목, 작성자, 날짜, 내용, 첨부파일)
- 답변 영역 (작성자, 날짜, 내용, 첨부파일)
- 댓글 등록 입력창
- 댓글 목록 (프로필, 이름, 내용, 날짜, 수정/삭제)
- 삭제/수정 버튼
- [id]/page.tsx (상세)
Phase 4: 등록/수정 페이지
- InquiryForm.tsx 생성
- 상담분류 선택
- 제목 입력
- 내용 에디터 (게시판 에디터 사용)
- 파일 첨부
- create/page.tsx (등록)
- [id]/edit/page.tsx (수정)
Phase 5: 마무리
- index.tsx export
- 테스트 URL 문서 업데이트
스펙 상세
목록 페이지
| 필드 | 타입 | 설명 |
|---|---|---|
| 상담분류 필터 | Select | 전체, 문의하기, 신고하기, 건의사항, 서비스오류 |
| 상태 필터 | Select | 전체, 답변대기, 답변완료 |
| 정렬 | Select | 최신순, 오래된순 |
테이블 컬럼
| 컬럼 | 설명 |
|---|---|
| No. | 번호 |
| 상담분류 | 문의하기, 신고하기, 건의사항, 서비스오류 |
| 제목 | 문의 제목 |
| 상태 | 답변대기, 답변완료 |
| 등록일 | YYYY-MM-DD |
상세 페이지 구조
-
문의 영역
- 제목
- 작성자 | 등록일시
- 내용 (에디터 콘텐츠)
- 첨부파일
-
답변 영역
- 작성자 | 답변일시
- 내용
- 첨부파일
-
댓글 영역
- 댓글 등록 입력창 + 등록 버튼
- 댓글 목록
- 프로필 이미지
- 이름
- 댓글 내용
- 등록일시
- 수정/삭제 버튼
테스트 URL
- 목록:
/ko/customer-center/inquiries - 상세:
/ko/customer-center/inquiries/[id] - 등록:
/ko/customer-center/inquiries/create - 수정:
/ko/customer-center/inquiries/[id]/edit