---
title: "A파트 — Claude.ai 직접 개발 산출물 (5/13, git 도입 전)"
notion_id: "364229620868811dbf03e3017b1fa456"
notion_url: "https://app.notion.com/p/364229620868811dbf03e3017b1fa456"
category: "workreport"
parent: "Claude Code 작업보고"
updated: "2026-05-18"
priority: "Medium"
purpose: "Claude.ai Artifacts로 직접 코딩한 달록 최초 버전(v0.1.0~v1.1.0) 산출물 이력 — git 도입 전"
---

## 📌 스터디 요약
- 오너(Claude.ai)가 **달록 PaceLog 앱의 최초 펴형**을 직접 코딩하여 산출물로 전달한 단계
- Claude Code + git 시스템 도입 **이전** 작업물. Artifacts 방식으로 생성된 코드를 zip으로 전달하고 사용자가 로컬에 적용하는 방식으로 진행
- 프로젝트 최초 생성: **Dashboard / LogEntry(체성분+러닝) / History / CoachNotes 4탭 기본 구조**
- 이후 버전업 엄무 없이 A-2~A-5로 순차 마이너 버전업 진행
- 작업 종결: v1.1.0 산출물(A-5) 이후 Claude Code + git 체계로 전환

---
## 프로젝트 기본 정보
| 항목 | 값 |
|---|---|
| 프로젝트명 | 달록 (dallog) |
| 산출물 위치 | `D:\dallog\claude work\output\output-history` |
| 작업 주체 | Claude.ai (Artifacts 직접 코딩) |
| 작업일 | 2026-05-13 |
| 스택 | React 18 + TypeScript + Vite + Supabase + Cloudflare Pages |

---
## A-1: dallog-v0.1.0 — 프로젝트 최초 생성
**생성 파일:** App.tsx / Layout.tsx / Dashboard.tsx / LogEntry.tsx / History.tsx / CoachNotes.tsx / supabase.ts / main.tsx
**라우팅 구조:**
```
/dashboard  → Dashboard
/log        → LogEntry (체성분 + 러닝 2탭)
/history    → History
/coach      → CoachNotes
```
**주요 특징:**
- Supabase 연동 기반 구조 확립 (body_logs / running_logs 테이블)
- LogEntry: 체성분탭(체중/근육/체지방/BMR) + 러닝탭(거리/시간/페이스/심박/케이던스 등)
- CoachNotes: brief/review/milestone 3유형 카테고리
- Cloudflare Pages 리다이렉트(`_redirects`) 포함
- `.env.example` 포함, Supabase anon key 환경변수로 관리

---
## A-2: dallog-main — main 브랜치 베이스 스냅샷
**v0.1.0 대비 주요 차이:** Settings 탭 없음, 라우팅 동일 (4탭 유지)
**특징:** v0.1.0 기반에서 main 브랜치용으로 추출한 순수 분리본. `.env.example` 미포함.

---
## A-3: dallog-v0.2.0 — Settings 탭 추가
**라우팅 구조:**
```
/dashboard  → Dashboard
/log        → LogEntry
/history    → History
/coach      → CoachNotes
/settings   → Settings  ← 신규
```
**주요 특징:**
- Settings.tsx 신규 생성
- 설정탭 네비게이션 추가
- Layout.tsx 네비 메뉴에 Settings 항목 추가

---
## A-4: dallog-v1.0.0 — StrengthLog 탭 추가
**라우팅 구조:**
```
/dashboard  → Dashboard
/log        → LogEntry
/strength   → StrengthLog  ← 신규
/history    → History
/coach      → CoachNotes
/settings   → Settings
```
**주요 특징:**
- StrengthLog.tsx 신규 생성
- 운동 종목별 세트/렝 입력 구조
- exerciseOptions Supabase 연동으로 동적 로드
- SessionForm 타입: recorded_at / label / exercises(name + sets[])

---
## A-5: dallog-v1.1.0 — RunningSummary + Settings ChangeLog 추가
**라우팅 구조:**
```
/dashboard         → Dashboard
/log               → LogEntry
/strength          → StrengthLog
/history           → History
/summary           → RunningSummary  ← 신규
/coach             → CoachNotes
/settings          → Settings
/settings/changelog → ChangeLog      ← 신규
```
**주요 특징:**
- RunningSummary.tsx 신규: 러닝 데이터 주치별 차트 시각화, 심박/거리 추세선도형, 툴팁 인터랙션
- Settings에 ChangeLog 하위 라우트 추가
- 주차 해석기(weekKey/weekLabel) 내장

---
## A파트 종료 시점 스택 현황
| 목록 | 내용 |
|---|---|
| 페이지 | 7개 (Dashboard/LogEntry/StrengthLog/History/RunningSummary/CoachNotes/Settings+ChangeLog) |
| 인증 | 없음 (로그인 미구현) |
| 상태관리 | 없음 (Supabase 직접 호출) |
| 데모버전 | 없음 |
| AI브리프 | 없음 |

**다음 단계(B파트):** Claude Code + git 도입, v2.0 명세서 기반 전면 재구성

---
*A파트 스터디 요약 페이지 — 2026-05-18 작성*