# InsuRo PDF 편집기 — Phase 4: 주석

## 작업 레벨: Lv.2

## 프로젝트 시스템 3문서
- InsuRo: `/home/jay/workspace/memory/plans/insuro-system/plan.md`

## 작업 3문서 (PDF 편집기)
- 계획서: `/home/jay/workspace/memory/plans/insuro-pdf-editor/plan.md`
- 맥락노트: `/home/jay/workspace/memory/plans/insuro-pdf-editor/context-notes.md`
- 체크리스트: `/home/jay/workspace/memory/plans/insuro-pdf-editor/checklist.md`

## 배경
Phase 1~3 완료. Phase 4에서 PDF 주석 기능을 추가한다. PDF 편집기 최종 Phase.

## 구현 기능

### 1. 하이라이트/밑줄/취소선
- PDF 페이지 위에 투명 Canvas 오버레이
- 마우스 드래그로 영역 선택 → 하이라이트(노란색 반투명)/밑줄/취소선 적용
- 색상 선택 가능 (노랑/초록/분홍/파랑)
- pdf-lib로 주석을 PDF에 임베드 (drawRectangle with opacity)

### 2. 스티키 노트
- 페이지 클릭 → 메모 아이콘 + 텍스트 입력 팝업
- 메모 내용은 PDF 주석으로 저장
- 메모 아이콘 클릭 시 내용 표시/편집

### 3. 자유 그리기
- 펜 도구로 PDF 위에 자유 그리기
- 펜 색상/굵기 선택
- pdf-lib로 그리기 결과를 이미지로 PDF에 임베드

## affected_files
- `src/pages/PdfEditor.tsx` (수정 — 주석 탭 추가)
- `src/hooks/usePdfAnnotation.ts` (신규 — 주석 로직)
- `src/components/pdf-editor/AnnotationPanel.tsx` (신규 — 주석 UI)

## 검증 시나리오
1. 텍스트 영역 드래그 → 노란색 하이라이트 → PDF 다운로드에 반영
2. 밑줄/취소선 적용 → 다운로드에 반영
3. 스티키 노트 추가 → 메모 내용 입력 → 다운로드에 반영
4. 펜으로 자유 그리기 → 다운로드에 반영
5. 기존 Phase 1~3 기능 정상
6. `npm run build` 성공