이번 주는 지난주에 잡은 전자책 아이디어를 실제 원고로 구현하여 초안을 작성함.
주제는 크럼볼츠의 우연학습이론(Happenstance Learning Theory) — 진로를 계획이 아닌 우연의 연속으로 바라보는 내용임.
결과물은 프롤로그 + 11챕터 + 에필로그 + 부록 4개, HTML 3,441라인짜리 인터랙티브 전자책으로 전자책 출간을 위해 최종 PDF, Epub으로 변환함.
도구 세 개를 직렬로 연결한 방식을 공유함.
---
## 하려던 것
1주차에 잡은 아이디어를 실제 원고로 구현하는 것으로 이론 조사부터 원고 집필, HTML 구현, 포맷 변환까지 각 단계에 맞는 도구를 직렬로 연결하여 진행.
---
## 활용한 툴
- NotebookLM: HLT 관련 논문 업로드 후 출처 명시 이론 보고서 작성
- Claude Project (전자책:진로편_우연학습이론): 전자책 전 챕터 원고 집필 및 HTML 구현
- Claude Code (VS Code): PDF·EPUB 변환, 이 사례글 작성
- 구글드라이브: 크롬볼츠 HLT 국내외 논문·자료 보관 및 제공
---
## 진행 세부 내용
1️⃣ NotebookLM으로 이론 자료조사
구글드라이브에 모아둔 HLT 논문을 NotebookLM에 업로드 + 자체 검색 내용으로 이론 보고서를 먼저 작성. 인용 출처를 명시해주기 때문에 나중에 원고 작성 시 출처를 다시 찾아볼 필요가 없었음. 이 보고서를 Claude Project에 올려 전자책의 이론적 근거로 활용.
2️⃣ Claude Project를 "전자책 편집장"으로 설정
프로젝트에 저자 소개, 독자 페르소나, HLT 이론 보고서, 문체 가이드, 목차 구조를 사전에 지침으로 명시. 이후 "4장 호기심 챕터 써줘"만 입력해도 앞 챕터와 일관된 문체로 완성해줌.
> 1주차 질문에 대한 답: Claude Code는 세션 간 초기화되지만, Claude Project는 설정·문서가 영구 유지됨. 장편 글쓰기에 는 Claude Project가 적합한가?
토큰 과다 사용 문제와 해결 방법
Claude Project에서 자료를 통째로 올리면 매 세션마다 전체 컨텍스트가 재로딩되어 토큰이 빠르게 소진. 시도한 방법:
- 논문 보고서를 요약본(5페이지) + 전체본으로 분리, 집필 시에는 요약본만 참조
- "전체 원고 리뷰"와 "신규 챕터 작성"을 별도 세션으로 분리
- 작업 중인 챕터 전후 1~2개만 대화에 첨부
3️⃣ 여러 자료 참고해 ver.5까지 반복 개선
총 16개 md 파일로 챕터별 원고를 작성. 효과적이었던 프롬프트 패턴:
```
[지시] 4장 '호기심' 챕터를 써줘.
[제약] 800자 내외, 저자의 기술기획 발령 경험 반드시 삽입
[참조] 3장 끝부분의 흐름을 이어받아
[출력 형식] md 파일 형식, 섹션 헤딩 3개
```
"AI 냄새" 제거는 챕터마다 별도로 진행했습니다:
```
"다음 문단에서 AI가 자주 쓰는 표현을 찾아 저자의 실제 말투로 바꿔줘"
```
4️⃣ Claude Project 안에서 인터랙티브 HTML 구현
16개 md 파일이 완성된 후 Claude Project 안에서 강의에 활용하기 위해 인터액티브 기능 구현이 가능한 HTML로 통합. v5 기준 구현 기능:
- 좌측 사이드바 챕터 네비게이션
- 부록 A: PHCI 자가진단 도구 (Chart.js 레이더 차트)
- 부록 B: 성찰 워크시트 (로컬 저장)
- 부록 C: 2025 청년노동 데이터 시각화
- 다크모드, 모바일 반응형, 읽기 진행률 표시바
PDF로는 구현 불가능한 기능들을 HTML로는 하루 안에 만들 수 있었음.
5️⃣ Claude Code로 PDF·EPUB 변환 — 역할 분리의 이유
HTML 초안 완성 후 Claude Code로 넘어와 변환 작업을 진행함.
Claude Project는 세션이 쌓일수록 프로젝트 문서와 이전 대화가 컨텍스트에 계속 누적. 변환 작업까지 그 안에서 하면 긴 컨텍스트를 그대로 끌고 가게 되지만, Claude Code는 새 환경으로 시작하기 때문에 축적된 컨텍스트 없이 변환 작업만 처리할 수 있었고, 불필요한 토큰 낭비를 줄일 수 있었음.
창작·판단은 Claude Project, 실행·변환은 Claude Code로 역할을 나누어 진행함.
6️⃣ Claude Code에게 이 과정을 학습시켜 이 사례글을 쓰게 했습니다
이 글 자체도 Claude Code로 작성했습니다. 1~5단계 과정을 Claude Code에 입력하고 사례글 형식으로 작성 요청.
---
## 배운 점
| 도구 | 역할 |
|---|---|
| NotebookLM | 논문 기반 이론 정리 (출처 명시) |
| Claude Project | 자료 보고서 → 원고 집필 → HTML 구현까지 전담 |
| Claude Code | PDF·EPUB 변환, 파일 조작, 사례글 작성 |
각 도구의 강점만 모아 직렬로 연결하여 실행.
---
## 도움이 필요한 점
현재 작업 환경이 세 곳으로 나뉘어 있음.
- 노트북: VS Code + Claude Code
- 데스크탑: VS Code + Claude Code
- 모바일: Claude Project
세 환경에서 동일한 작업을 이어갈 때, 한 곳에서 쌓은 작업 맥락을 다른 환경에서도 이어받을 수 있는 방법이 있는지 궁금함.
노트북 Claude Code에서 진행하던 작업을 모바일 Claude Project에서 이어가거나, 반대로 모바일에서 정리한 내용을 데스크탑 Claude Code로 가져올 때 매번 처음부터 설명해야 하는 상황을 해결할 수 있는지 궁금함.
