# 네이버 블로그 글 미리보기 + 클린 복사 (Phase 1)

## 배경
- 현재 생성된 블로그 글이 md 원문 그대로 표시됨
- 제이회장님 요청: 실제 블로그 글 형태로 렌더링 + ctrl+c/v 시 클린 HTML

## 수정 대상
- `/home/jay/workspace/dashboard/components/NaverBlogView.js` — `BlogGenerateStep` 컴포넌트

## 요구사항

### 1. 블로그 미리보기 렌더링
현재 `generatedContent`를 `whitespace-pre-wrap`으로 표시 → 블로그 스타일 HTML로 렌더링:
- `# 제목` → `<h1>` (font-size: 24px, bold)
- `## 소제목` → `<h2>` (font-size: 20px, bold)
- 일반 본문 → `<p>` (font-size: 16px, line-height: 1.8)
- `[이미지: 설명]` → 회색 플레이스홀더 박스 (점선 테두리, "이미지: 설명" 텍스트)
- `[quotation_line]텍스트[/quotation_line]` → 네이버 인용구 스타일 (왼쪽 파란 보더 + 배경색)
- 문단 사이 적절한 간격
- 전체적으로 네이버 블로그 뷰어와 유사한 느낌

### 2. 클린 복사 기능
"복사" 버튼 클릭 시:
- 마크다운이 아닌 **스타일이 적용된 HTML**을 클립보드에 복사
- `navigator.clipboard.write()` + `ClipboardItem` 사용 (HTML MIME type)
- 복사된 내용을 네이버 SE 에디터에 붙여넣으면:
  - 불필요한 태그, class명, data 속성 없이 깔끔한 HTML
  - 본문 font-size: 16px (네이버에서 16으로 인식되도록)
  - 인라인 스타일만 사용 (`style="font-size:16px; line-height:1.8;"`)
  - div/span 최소화, p/h2/blockquote 위주

### 3. 복사 형식 옵션 (선택)
- "텍스트 복사" — 기존처럼 plain text
- "블로그용 복사" — 스타일 HTML (기본값)

### 4. `[이미지: 설명]` 처리
- 미리보기에서는 플레이스홀더 박스로 표시
- 복사 시에는 `[이미지: 설명]` 텍스트 그대로 유지 (이미지는 Phase 2에서 별도 처리)

## 테스트
1. 글 생성 후 미리보기가 블로그 스타일로 렌더링되는지
2. "블로그용 복사" 후 네이버 SE 에디터에 붙여넣기 → 폰트 16px, 깔끔한 포맷
3. 불필요한 class, data 속성이 없는지

## 보고서
`/home/jay/workspace/memory/reports/task-1584.md`에 작성