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

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

## 스크린샷 분석

### 리스트 페이지 (팝업관리)
- **테이블 컬럼**: 체크박스, No, 대상, 제목, 상태, 작성자, 등록일, 기간, 작업
- **헤더**: "팝업 등록" 버튼
- **검색**: 검색창
- **선택 삭제**: 2개 이상 선택 시 활성화

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

---

## 체크리스트

### Phase 1: 컴포넌트 구조 설정
- [x] types.ts 생성 (Popup 타입 정의)
- [x] PopupList 컴포넌트 생성
- [x] PopupForm 컴포넌트 생성
- [x] PopupDetail 컴포넌트 생성

### Phase 2: 페이지 라우트 생성
- [x] /settings/popup-management/page.tsx (리스트)
- [x] /settings/popup-management/new/page.tsx (등록)
- [x] /settings/popup-management/[id]/page.tsx (상세)
- [x] /settings/popup-management/[id]/edit/page.tsx (수정)

### Phase 3: 마무리
- [x] 테스트 URL 문서 업데이트 (all-pages-test-urls.md)
- [x] 구현 완료

---

## 구현 세부사항

### 경로 구조
```
/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 업데이트 | ✅ |