---
task_id: task-2074
type: plan
scope: task
created: 2026-04-22
updated: 2026-04-22
status: completed
---

# 계획서: task-2074

**task**: task-2074
**목표**: InsuRo 베타 UX 개선 5건 — 키워드 분석, 포스팅 설명 페이지, 사이드바 헤더, 콘텐츠 유형 선택 하이라이트, AI 주제 추천 UX 개선
**승인**: 아누 2026-04-22
**근거**: InsuRo 베타 테스트 피드백

---

## 목표

5개 UX 개선 사항을 모두 구현하고, 빌드 성공 + Playwright 스크린샷으로 검증

## 범위

### 포함
1. KeywordAnalysis.tsx — 네이버 검색량 API 서버 키 fallback + 구글 트렌드 섹션 추가 (섹션 분리 UX)
2. AiOnestop.tsx / AiAutomation.tsx — 팝업 → 전용 설명 페이지로 교체 (비교 카드 + CTA)
3. ContextSubMenu.tsx + navigationConfig.ts — 사이드바 헤더에 아이콘 + 설명 + 배경/구분선
4. GenerateSettingsPanel.tsx — 콘텐츠 유형 선택 카드 하이라이트 강화 (배경색 + 체크마크 + 그림자)
5. Generate.tsx — AI 주제 추천 버튼 활성화 + 빠른 주제 선택 → 입력란 위로 이동 + 안내문구

### 제외 (다음 페이즈 이후)
- 구글 트렌드 실제 API 연동 (UI 준비만, 데이터는 mock/placeholder)
- 피그마 디자인 (코드 기반 UX 개선만)

## 위임 계획

- 개선 1 (키워드 분석): **엔키(백엔드)** — API 서버 키 fallback 확인 + **이쉬타르(프론트)** — 구글 트렌드 섹션 UI
- 개선 2 (포스팅 설명 페이지): **이쉬타르(프론트)** — AiOnestop/AiAutomation 페이지 리디자인
- 개선 3 (사이드바 헤더): **이쉬타르(프론트)** — ContextSubMenu 헤더 강화
- 개선 4 (콘텐츠 유형 하이라이트): **이쉬타르(프론트)** — GenerateSettingsPanel 카드 스타일
- 개선 5 (AI 주제 추천): **이쉬타르(프론트)** — Generate.tsx 레이아웃 + UX 개선

## 검증 기준

- 빌드 성공: `npm run build` → exit 0
- Playwright 스크린샷: 5개 화면 캡처 성공