---
title: "📓 작업일지 — 러닝플랜 프리셋(모달·프리뷰·되돌리기) + 테마 토글 리모컨"
category: "worklog"
parent: "Claude Code 작업일지"
updated: "2026-07-09"
priority: "Medium"
purpose: "러닝플랜에 프리셋 불러오기 기능(DB 저장 프리셋 + 모달 + 표 오버레이 미리보기 + 되돌리기)과, 다크/라이트 테마 토글 UI를 데모 검증 완료 후 메인에 반영한 작업 기록. 카카오·네이버 OAuth 콜백에 데모 호스트 분기도 함께 포함."
read_when: ["러닝플랜 프리셋", "running_plan_presets", "테마 토글", "다크모드 라이트모드", "IS_DEMO_HOST 분기", "카카오 네이버 콜백"]
document_type: "개발일지"
source_status: "generated"
knowledge_group: "03_history"
work_timestamp: "20260709_195853"
source_of_truth: "https://dallog-tools.hansbridge.co.kr/knowledge/"
context: "달록 본레포(ccy-hansbridge/dallog), 커밋 c0cfca4."
---

# 작업일지 — 러닝플랜 프리셋 + 테마 토글 메인 반영

> 러닝플랜 화면에서 매번 처음부터 계획을 입력하지 않고, 미리 저장된 "프리셋"을 불러와 표에 덧씌워보고(미리보기) 마음에 들면 적용, 아니면 되돌릴 수 있는 기능을 추가했다. 동시에 화면을 밝게/어둡게 바꾸는 테마 토글 버튼도 추가했다. 데모 서버에서 먼저 검증을 마친 뒤 메인에 반영한 작업이다.

## 1. 무엇을 했나

1. **러닝플랜 프리셋**: `running_plan_presets` 테이블 기반으로, 불러오기 모달(기본 프리셋/내 프리셋 탭 + 검색)을 열어 표 위에 오버레이로 미리보기를 띄우고, 적용하거나 되돌릴 수 있도록 구현. Codex 검수 2회전 반영.
2. **플랜 드롭다운 UI 정리**: 표 위로 재배치, 이모지 아이콘을 실루엣 SVG로 교체, 검색바 정렬 정리.
3. **다크/라이트 테마 토글**: 데스크톱은 상단바 프로필 왼쪽, 모바일은 설정 햄버거 왼쪽에 아이콘만(테두리 없음) 배치.
4. **OAuth 데모 호스트 분기**: 카카오·네이버 인증(auth 3종)과 CF Workers auth-proxy에 `IS_DEMO_HOST` 분기를 추가해, 데모 호스트에서는 CF 고정 콜백(pages.dev) 대신 접속 도메인을 그대로 사용하도록 폴백(메인 동작에는 영향 없음).
5. 데모 전용 요소(index.html 타이틀/파비콘, studio.css, studioStructure.ts)는 배포 거버넌스 원칙에 따라 이번 반영에서 제외.

## 2. 주요 변경 파일

| 파일 | 내용 |
|---|---|
| `src/pages/RunningPlanPage.tsx` | 프리셋 모달·미리보기·되돌리기, 드롭다운 재배치 (+228/-) |
| `src/components/runningPlan/RunningPlanTable.tsx` | 표 오버레이 미리보기 연동 |
| `src/components/runningPlan/running-plan.css` | 프리셋 UI 스타일 (+47) |
| `src/components/Layout.tsx` | 테마 토글 버튼 배치 (+33) |
| `src/lib/runningPlan.ts` | 프리셋 로드/적용 로직 (+43) |
| `src/lib/auth.ts` | 카카오·네이버 콜백 데모 호스트 분기 |
| `src/pages/KakaoCallbackPage.tsx`, `src/pages/NaverCallbackPage.tsx` | auth-proxy URL·redirect URI 데모 호스트 폴백 |
| `workers/auth-proxy/index.js` | 허용 origin에 `demo.dallog.kr`, `dallog-demo.pages.dev` 추가 |

## 3. 관련 커밋

- `c0cfca4` feat: 러닝플랜 프리셋(모달·프리뷰·되돌리기) + 테마 토글 리모컨 메인 반영 (데모 검증 완료) (2026-07-09)

## 4. 남은 이슈

- 커밋 메시지 기준으로 별도 남은 이슈 언급 없음.