---
title: "📓 작업일지 — 러닝플랜 목업 재적용 및 demoHost(demo.dallog.kr) 인식"
category: "worklog"
parent: "Claude Code 작업일지"
updated: "2026-07-07"
priority: "Medium"
purpose: "데모 역패치로 사라진 러닝플랜 목업 기능을 최신 main 위에 재적용하고, 신규 데모 커스텀 도메인(demo.dallog.kr)을 데모 판정 로직에 추가해 진입 버튼이 보이지 않던 문제를 해소."
read_when: ["러닝플랜", "demoHost", "IS_DEMO_HOST", "demo.dallog.kr", "목업"]
document_type: "개발일지"
source_status: "generated"
knowledge_group: "03_history"
work_timestamp: "20260707_230502"
source_of_truth: "https://dallog-tools.hansbridge.co.kr/knowledge/"
context: "달록 본레포(ccy-hansbridge/dallog), 커밋 35f9ec6, 9e55bbf."
---

# 작업일지 — 러닝플랜 목업 재적용 및 demoHost(demo.dallog.kr) 인식

> 데모 서버가 메인 코드로 역패치되면서 데모 전용 기능(러닝플랜)이 한 번 사라졌던 것을 다시 적용하고, 데모 서버의 새 도메인 주소를 인식하도록 코드가 고쳐진 기록입니다.

## 1. 무엇을 했나

### 1-1. 러닝플랜 풀목업 재적용 (35f9ec6)
- demo-dallog를 `origin/main`으로 역패치한 뒤 사라졌던 러닝계획 목업 기능을 최신 main 코드 위에 다시 적용해, 데모가 main보다 항상 앞선 상태(기능이 뒤처지지 않는 상태)로 정상화.
- `demoHost.ts`의 `IS_DEMO_HOST` 판정 정규식에 `demo.dallog.kr` 도메인을 추가. 기존에는 `dallog-demo.pages.dev`·`localhost`·`127.0.0.1`만 인식하고 있어서, 신규 커스텀 도메인(demo.dallog.kr)에서는 러닝플랜 진입 버튼이 아예 노출되지 않는 원인이 되었다.

```diff
 export const IS_DEMO_HOST = typeof window !== 'undefined'
-  && /(^|\.)dallog-demo\.pages\.dev$|^localhost$|^127\.0\.0\.1$/.test(window.location.hostname)
+  && /(^|\.)dallog-demo\.pages\.dev$|(^|\.)demo\.dallog\.kr$|^localhost$|^127\.0\.0\.1$/.test(window.location.hostname)
```

- 러닝플랜 라우트·모든 진입점을 `IS_DEMO_HOST` 게이트로 감싸 main(dallog.kr, 당시 앱 심사 중)에는 노출되지 않도록 유지.
- 이 시점 데이터·저장은 로컬 목업(백엔드 미연결) 상태이며, 컨펌 후 승격 예정으로 명시(실제 승격은 다음날 69f397b에서 진행됨).
- `src/App.tsx`에 `RunningPlanPage`를 lazy 로드로 추가하고 `/running-plan` 라우트를 `IS_DEMO_HOST` 조건부로 등록.
- `docs/running_plan/_01_GAP_FIRST.md` 문서 신설(57줄), `RunningPlanTable.tsx`(260줄)와 `running-plan.css`(163줄) 등 러닝플랜 관련 컴포넌트 일체 재적용.

### 1-2. AI서포트 카드 재디자인 + 모바일 표폭 확대 + 진입점 추가 (9e55bbf)
- AI카드 디자인 변경: 배경 테두리 제거(폭을 표 폭과 동일하게), 결과를 코치저널 `tl-card` 띠밴드 스타일로 표시. 라벨을 'AI코치 서포트'·'서포트 출력'으로, 복사 버튼은 실루엣 SVG·아웃라인 버튼으로 변경. 캡션과 원가 관련 워딩 제거.
- 모바일에서 표 좌우 여백을 절반으로 축소해 표 폭을 넓힘.
- 기록(History) 화면의 보기형식 선택에 '플랜' 버튼을 추가(5번째 옵션, 데모 전용)해서 기록 화면에서도 러닝플랜으로 진입 가능해짐. `RunningPlanPage`에 `entry=history` 개념을 추가해 복귀 지점을 기록 화면으로 지정.
- 보기형식 명칭을 전수 정리: "큰썸네일" → "썸네일", "한줄 자세히" → "셀모드". `History.tsx`·`ProfileRecords.tsx`·`PublishModal.tsx` 세 곳에 걸쳐 일관 적용.

## 2. 주요 변경 파일

| 파일 | 내용 |
|---|---|
| `src/lib/demoHost.ts` | `IS_DEMO_HOST` 판정에 `demo.dallog.kr` 추가 |
| `src/App.tsx` | `RunningPlanPage` lazy 로드·`/running-plan` 라우트(IS_DEMO_HOST 게이트) |
| `src/components/runningPlan/RunningPlanTable.tsx` | 러닝계획 표 컴포넌트 재적용(신규 260줄) |
| `src/components/runningPlan/running-plan.css` | 러닝플랜 스타일 재적용(163줄) + AI카드 재디자인·모바일 여백 |
| `src/components/dashboard/RunningSection.tsx` | 러닝플랜 진입 연결 |
| `src/pages/History.tsx` | 보기형식에 '플랜' 버튼 추가, 명칭(썸네일/셀모드) 정리 |
| `src/pages/RunningPlanPage.tsx` | `entry=history` 복귀 지점 지원 등 |
| `src/components/profile/ProfileRecords.tsx`, `PublishModal.tsx` | 보기형식 명칭 전수 정리 |
| `docs/running_plan/_01_GAP_FIRST.md` | 러닝플랜 관련 문서 신설 |

## 3. 관련 커밋

- `35f9ec6` feat(running-plan): 러닝계획 풀목업 재적용(main 역패치 후) + demoHost demo.dallog.kr 인식 (2026-07-07)
- `9e55bbf` feat(running-plan): AI서포트 카드 코치저널 띠밴드 재디자인 + 모바일 표폭 확대 + 기록-러닝 플랜 진입 (2026-07-07)

## 4. 남은 이슈

커밋 메시지 기준 "데이터·저장 로컬 목업(백엔드 미연결), 컨펌 후 승격"이라고 명시되어 있으며, 이는 다음날(2026-07-08) 69f397b 커밋에서 실데이터 연결로 승격되었다. 이 문서 시점 기준으로는 별도 미해결 이슈 언급 없음.