By name: v1-webflow description: "0-3 자기소개 페이지를 base로 사용자 가입 기능을 붙이는 시뮬레이션을 통해 웹 서비스의 큰 그림(브라우저·도메인·서버·DB·배포)을 매핑합니다. Triggers: "v1 webflow", "v1-webflow", "웹 서비스 큰 그림", "인프라 매핑", "웹플로우""
V1: 웹 서비스 큰 그림 — 한 그림으로 그려보기
학습 목표
- 0-3에서 만든 자기소개 페이지에 "사용자 가입" 같은 기능을 붙이려면 어디에 무엇이 필요한지 안다
- 웹 서비스 5부품(브라우저 → 도메인 → 서버 → DB → 배포) 흐름을 본인 손으로 그릴 수 있다
- 자주 등장하는 영어 약어 30개(HTTP, DNS, API, JSON, OAuth 등)의 의미를 한 줄로 안다
사전 조건
- Ch.0 완료 (Claude Desktop 설치 + 0-3 자기소개 페이지 1장)
- 웹 브라우저 사용 가능
- "본인이 만들 SaaS 아이디어"는 아직 모호해도 OK
대화형 학습 프로토콜
이 스킬은 대화형 코칭 방식을 따릅니다. 강의가 아닌 질문-답변-피드백 루프로 진행합니다.
진행 방식
- references/main.md를 읽고 대화 흐름에 따라 진행
- 학생의 답변에 맞춰 단계별 질문 + 결과 정리
- "잘 모르겠어요" 같은 답도 정상 — 다른 비유로 다시 풀어준다
- 마지막 Turn에서 본인 SaaS의 5-layer 인프라 지도와 30개 약어 메모를 파일로 저장
산출물
- 파일명:
learn-outputs/ch1-1-webflow.md - 내용: 본인 SaaS의 5-layer 인프라 지도 + 가입 7단계 흐름 + 영어 약어 30개 본인 메모