SamProject/sam-react-prod
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
c6b605200d7b8ce6991d6ec0ecd3733dd517ddb0
sam-react-prod/claudedocs/settings/[IMPL-2025-12-19] popup-management.md
byeongcheolryu c6b605200d feat: 신규 페이지 구현 및 HR/설정 기능 개선 
신규 페이지:
- 회계관리: 거래처, 예상비용, 청구서, 발주서
- 게시판: 공지사항, 자료실, 커뮤니티
- 고객센터: 문의/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>
2025-12-19 19:12:34 +09:00

2.0 KiB
Raw Blame History

[IMPL-2025-12-19] 팝업관리 페이지 구현

버디 셋팅 > 팝업관리 페이지 구현

스크린샷 분석

리스트 페이지 (팝업관리)

  • 테이블 컬럼: 체크박스, No, 대상, 제목, 상태, 작성자, 등록일, 기간, 작업
  • 헤더: "팝업 등록" 버튼
  • 검색: 검색창
  • 선택 삭제: 2개 이상 선택 시 활성화

상세/등록 페이지 (팝업 상세)

  • 대상: Select (전사/부서별)
  • 기간: DateRangePicker (시작일~종료일)
  • 제목: Input
  • 내용: RichTextEditor (게시판과 동일)
  • 상태: Radio (사용안함/사용함)
  • 작성자: 읽기전용
  • 등록일시: 읽기전용

체크리스트

Phase 1: 컴포넌트 구조 설정

  • types.ts 생성 (Popup 타입 정의)
  • PopupList 컴포넌트 생성
  • PopupForm 컴포넌트 생성
  • PopupDetail 컴포넌트 생성

Phase 2: 페이지 라우트 생성

  • /settings/popup-management/page.tsx (리스트)
  • /settings/popup-management/new/page.tsx (등록)
  • /settings/popup-management/[id]/page.tsx (상세)
  • /settings/popup-management/[id]/edit/page.tsx (수정)

Phase 3: 마무리

  • 테스트 URL 문서 업데이트 (all-pages-test-urls.md)
  • 구현 완료

구현 세부사항

경로 구조

/ko/settings/popup-management          → 리스트
/ko/settings/popup-management/new      → 등록
/ko/settings/popup-management/[id]     → 상세
/ko/settings/popup-management/[id]/edit → 수정

참고 컴포넌트

  • 리스트: IntegratedListTemplateV2
  • 에디터: /components/board/RichTextEditor
  • 폼 패턴: /components/board/BoardForm

작업 로그

시간 작업 상태
시작 체크리스트 문서 생성 ✅
types.ts 생성 ✅
PopupList 컴포넌트 ✅
PopupForm 컴포넌트 ✅
PopupDetail 컴포넌트 ✅
page.tsx 라우트 생성 ✅
테스트 URL 업데이트 ✅