# 네이버 SE 에디터 인용구 API 구조 캡처

## 작업 개요
Playwright를 사용하여 네이버 블로그 SE 에디터의 인용구(quotation) 3종류의 컴포넌트 JSON 구조를 캡처한다.
캡처한 구조를 기반으로 BlogAuto(blog-publish-naver)에 인용구 지원을 추가한다.

## 캡처 대상 — 인용구 3종
1. **세로줄 인용구** — 왼쪽에 굵은 세로선, 소제목 용도
2. **회색 박스 인용구** — 회색 배경 박스, 접힌 메모지 느낌, 정리/요약 용도
3. **꺾쇠 인용구** — 「 」 꺾쇠 코너 장식, 강조 용도

## 캡처 방법

### Step 1: Playwright로 네이버 블로그 글쓰기 진입
- 쿠키 기반 인증: `.env.keys`의 `NAVER_NID_AUT`, `NAVER_NID_SES`
- URL: `https://blog.naver.com/incar_top` → 글쓰기 버튼 클릭
- 또는 직접: `https://blog.naver.com/{blogId}/postwrite`

### Step 2: SE 에디터에서 인용구 3종 삽입
- 에디터 로드 후 인용구 버튼 찾기
- 3가지 스타일 각각:
  1. 세로줄 인용구에 "테스트 세로줄" 텍스트 입력
  2. 회색 박스 인용구에 "테스트 박스" 텍스트 입력
  3. 꺾쇠 인용구에 "테스트 꺾쇠" 텍스트 입력

### Step 3: 임시저장 시 Network 요청 캡처
- Network 모니터링 활성화
- 임시저장 버튼 클릭
- `RabbitWrite` 또는 `autosave` API 요청의 Request Body 캡처
- `documentModel` 내의 인용구 관련 컴포넌트 JSON 추출

### Step 4: JSON 구조 분석 및 문서화
- 각 인용구 타입별 `@ctype`, `style`, `layout` 등 필드 구조 정리
- `/home/jay/workspace/memory/specs/naver-se-quotation-api.md` 에 문서화
- 각 타입별 예시 JSON 포함

### Step 5: BlogAuto에 인용구 컴포넌트 함수 추가
- `/home/jay/projects/BlogAuto/publisher/naver_blog.py`에 `_quotation_component()` 함수 추가
- 3종 스타일 지원: line(세로줄), box(박스), bracket(꺾쇠)
- `_convert_html_to_components()`에서 인용구 HTML 태그 → SE 인용구 컴포넌트로 변환

## Playwright 스킬 참고
- `/home/jay/workspace/skills/webapp-testing/SKILL.md` 참고
- Playwright MCP 서버 사용

## 인증 정보
- `.env.keys`에서 로드 (코드/로그에 노출 금지)
- `NAVER_BLOG_ID=incar_top`
- `NAVER_NID_AUT`, `NAVER_NID_SES`

## 산출물
- `/home/jay/workspace/memory/specs/naver-se-quotation-api.md` — API 구조 문서
- `/home/jay/projects/BlogAuto/publisher/naver_blog.py` — 인용구 함수 추가

## 완료 기준
- 인용구 3종 JSON 구조 캡처 완료
- API 구조 문서 작성
- BlogAuto에 `_quotation_component()` 함수 추가
- 인용구 포함 글 임시저장 테스트 PASS