Claude 개발 마스터 — 왕초보에서 SaaS 출시까지 A-Z

강의 소개

학원 6개월 + 부트캠프 + 마케팅 강의를 한 코스에 압축. 외주 견적서 보고 한숨 쉬다가 "내가 그냥 만들면 되지" 결심한 사람을 위한 코스. Claude Code가 매 강의 옆에서 같이 작업합니다. 환경 셋업 → 프로그래밍 기초 → 프론트(HTML·CSS·React·Next.js 15) → 백엔드 → DB(Postgres·Prisma) → 인증·보안 → 결제(Stripe·PortOne) → 배포(Vercel·도메인·SSL) → 마케팅·런칭 → 캡스톤(RecipeRadar SaaS 0→Product Hunt 런칭). 졸업할 때 손에 쥐는 것: 본인 도메인에 SSL 깔린 결제 받는 실제 SaaS 1개 + 첫 10명 유료 고객 확보 플레이북.

커리큘럼

1. 01Claude Code 설치미리보기
2. 02Claude 세션 기본 조작🔒
3. 03터미널 친해지기🔒
4. 04VSCode 설치 + 한글 폰트 + 확장 프로그램 필수 5개🔒
5. 05VSCode + Claude Code 통합🔒
6. 06Cursor 설치 (선택)🔒
7. 07Git 설치 + `git init` · `git add` · `git commit` 기초🔒
8. 08GitHub 계정 만들고 첫 repo push🔒
9. 09SSH key 등록🔒
10. 10`.gitignore` 제대로 쓰기 (`.env`, `node_modules/`, `.next/`)🔒
11. 11`git status`·`git log`·`git diff` 읽는 법🔒
12. 12브랜치·PR 흐름🔒
13. 13GitHub 협업 기본🔒
14. 14셸 커스터마이징🔒
15. 15모듈 1 미니 프로젝트🔒
16. 16프로그래밍이란 뭔가🔒
17. 17내 첫 코드🔒
18. 18변수·상수🔒
19. 19자료형🔒
20. 20조건문🔒
21. 21반복문🔒
22. 22함수🔒
23. 23배열 메서드🔒
24. 24객체 & 구조분해🔒
25. 25에러·try/catch🔒
26. 26스프레드·rest🔒
27. 27ES 모듈 `import`·`export`🔒
28. 28npm 생태계 기초🔒
29. 29코딩 컨벤션🔒
30. 30디버깅 첫걸음🔒
31. 31Claude 프롬프트 디자인 5원칙🔒
32. 32"Claude에게 코드 시키지 말 것"🔒
33. 33코드 리뷰 셀프 체크리스트 10가지🔒
34. 34Git 커밋 메시지 Claude에게 시키기🔒
35. 35모듈 2 미니 프로젝트🔒
36. 36HTML 뭐냐🔒
37. 37시맨틱 태그 7개🔒
38. 38폼 태그🔒
39. 39이미지·링크·미디어🔒
40. 40CSS 기초🔒
41. 41박스 모델🔒
42. 42Flexbox 완전정복🔒
43. 43Grid 기초🔒
44. 44반응형 디자인🔒
45. 45Tailwind CSS 설치 + 왜 쓰는가🔒
46. 46Tailwind 필수 유틸 50개🔒
47. 47접근성 (a11y)🔒
48. 48다크모드 구현🔒
49. 49애니메이션🔒
50. 50브라우저 개발자 도구🔒
51. 51폰트·타이포그래피🔒
52. 52UI 디자인 원칙🔒
53. 53모듈 3 미니 프로젝트🔒
54. 54JavaScript 실행 환경🔒
55. 55모던 JS (ES2020+)🔒
56. 56스코프·클로저🔒
57. 57비동기 1🔒
58. 58비동기 2🔒
59. 59Promise.all / allSettled / race / any🔒
60. 60fetch API🔒
61. 61에러 처리 고급🔒
62. 62JSON · 객체 복사 · deep vs shallow, 세 가지 함정 해부🔒
63. 63Date · 타임존 · 한국 시간 · Intl로 포맷팅🔒
64. 64정규표현식(Regex) 기초🔒
65. 65TypeScript 첫 만남🔒
66. 66TS 기본 타입🔒
67. 67Interface vs Type🔒
68. 68Generic🔒
69. 69유틸리티 타입🔒
70. 70타입 가드🔒
71. 71`unknown` vs `any` vs `never` 구분🔒
72. 72tsconfig 설정🔒
73. 73Zod · 런타임 타입 검증🔒
74. 74TS 에러 메시지 읽는 법🔒
75. 75모듈 4 미니 프로젝트🔒
76. 76React 필요성🔒
77. 77JSX 문법 + Claude에게 컴포넌트 생성 시키기🔒
78. 78함수형 컴포넌트 + props🔒
79. 79useState🔒
80. 80useEffect🔒
81. 81이벤트 핸들러 · 폼 제어🔒
82. 82조건부 렌더링 · 리스트 렌더링🔒
83. 83React에서 CSS🔒
84. 84Context API🔒
85. 85커스텀 훅🔒
86. 86React 18/19 새 기능🔒
87. 87Next.js 15 설치 + 프로젝트 구조🔒
88. 88App Router 개요🔒
89. 89Route 그룹 `(group)` 활용🔒
90. 90동적 라우트 `[param]` + `generateStaticParams`🔒
91. 91Server Component vs Client Component🔒
92. 92Server Actions🔒
93. 93Route Handler 기초🔒
94. 94캐싱🔒
95. 95Metadata API🔒
96. 96`next/image` + `next/font`🔒
97. 97미들웨어🔒
98. 98환경변수🔒
99. 99Next.js 빌드·프리뷰·프로덕션 차이🔒
100. 100모듈 5 미니 프로젝트🔒
101. 101백엔드가 뭐냐🔒
102. 102HTTP 메서드·상태 코드·헤더🔒
103. 103REST API 설계🔒
104. 104Next.js Route Handler 복습 + 심화🔒
105. 105POST 바디 파싱🔒
106. 106입력 검증🔒
107. 107에러 처리 표준🔒
108. 108커스텀 에러 클래스🔒
109. 109로깅🔒
110. 110Rate Limit 기초🔒
111. 111파일 업로드🔒
112. 112CORS 이해🔒
113. 113WebSocket 기초🔒
114. 114Socket.IO 연결 구조🔒
115. 115Cron job·백그라운드 작업🔒
116. 116API 버전 관리🔒
117. 117OpenAPI / Swagger 문서화🔒
118. 118GraphQL 맛보기🔒
119. 119테스트🔒
120. 120모듈 6 미니 프로젝트🔒
121. 121DB가 왜 필요한가🔒
122. 122관계형 DB 5개 단어🔒
123. 123Postgres 3택🔒
124. 124SQL 첫걸음🔒
125. 125INSERT·UPDATE·DELETE + 트랜잭션🔒
126. 126JOIN 4종🔒
127. 127인덱스🔒
128. 128Prisma 소개·설치·schema.prisma 구조🔒
129. 129첫 모델 정의 + `prisma migrate dev`🔒
130. 130CRUD 쿼리🔒
131. 131관계 설정🔒
132. 132Prisma Client에서 트랜잭션🔒
133. 133Seed 스크립트🔒
134. 134Connection Pool🔒
135. 135쿼리 최적화🔒
136. 136풀텍스트 검색 기초 (Postgres tsvector)🔒
137. 137백업·마이그레이션 실전·롤백 전략🔒
138. 138모듈 7 미니 프로젝트🔒
139. 139인증 vs 인가🔒
140. 140비밀번호 해싱🔒
141. 141세션 vs JWT🔒
142. 142쿠키 3요소🔒
143. 143OAuth 2.0🔒
144. 144Auth.js v5 (NextAuth.js)🔒
145. 145Access Token + Refresh Token 회전🔒
146. 146RBAC🔒
147. 147CSRF🔒
148. 148XSS🔒
149. 149SQL Injection🔒
150. 150OWASP Top 10 2026🔒
151. 151비밀번호 재설정🔒
152. 1522FA TOTP🔒
153. 153모듈 8 미니 프로젝트🔒
154. 154결제 시스템 개요🔒
155. 155Stripe vs PortOne🔒
156. 156Stripe 계정 생성·테스트 모드·API 키 관리🔒
157. 157Stripe Checkout Session🔒
158. 158웹훅 기초 + Stripe Signature 검증🔒
159. 159구독 모델🔒
160. 160구독 상태 머신🔒
161. 161PortOne V2🔒
162. 162PortOne 웹훅 + 영수증🔒
163. 163환불·부분 취소🔒
164. 164결제 실패·재시도 정책🔒
165. 165모듈 9 미니 프로젝트🔒
166. 166배포가 뭔가🔒
167. 167Vercel 첫 배포🔒
168. 168환경변수 관리🔒
169. 169도메인 구매🔒
170. 170DNS 설정🔒
171. 171Cloudflare DNS·Proxy 세팅🔒
172. 172SSL 인증서🔒
173. 173Preview 배포🔒
174. 174Vercel 대안🔒
175. 175데이터베이스 호스팅🔒
176. 176CDN·캐싱🔒
177. 177모니터링🔒
178. 178로그 집계🔒
179. 179업타임 모니터링🔒
180. 180모듈 10 미니 프로젝트🔒
181. 1811인 SaaS 마케팅 프레임워크🔒
182. 182랜딩페이지 작성🔒
183. 183Product Hunt 런칭 준비🔒
184. 184Product Hunt 런칭 당일 플레이북🔒
185. 185Indie Hackers 글쓰기🔒
186. 186X(Twitter) 빌드 인 퍼블릭🔒
187. 187Reddit r/SideProject·r/microsaas 진입 전략🔒
188. 188콘텐츠 마케팅🔒
189. 189SEO 기초🔒
190. 190이메일 마케팅🔒
191. 191첫 100명 고객 확보 플레이북🔒
192. 192가격 정책🔒
193. 193어필리에이트·추천 프로그램 (20% 커미션 구조)🔒
194. 194Retention🔒
195. 195모듈 11 미니 프로젝트🔒
196. 196아이디어 검증🔒
197. 197MVP 스코프 축소🔒
198. 198기술 스택 결정🔒
199. 199디자인 시스템🔒
200. 200와이어프레임🔒
201. 201repo 셋업 + CLAUDE.md 작성🔒
202. 202DB 스키마 설계🔒
203. 203인증 구축🔒
204. 204홈 페이지·로그인 플로우🔒
205. 205레시피 추출 AI 파이프라인🔒
206. 206재료 파싱🔒
207. 207레시피 저장·검색·태그🔒
208. 208즐겨찾기·북마크 기능🔒
209. 209유튜브·블로그·인스타 URL 인식기🔒
210. 210이미지 생성🔒
211. 211구독·결제🔒
212. 212Free / Basic / Pro 기능 게이팅🔒
213. 213이메일🔒
214. 214관리자 대시보드🔒
215. 215성능 최적화🔒
216. 216보안 감사🔒
217. 217버그 사냥🔒
218. 218랜딩페이지 카피 + 30초 데모 영상🔒
219. 219도메인 연결 + Vercel 프로덕션 배포🔒
220. 220SEO·OG 이미지·structured data🔒
221. 221Product Hunt 런칭 D-3🔒
222. 222Product Hunt 런칭 D-DAY🔒
223. 223런칭 후 48시간🔒
224. 224첫 10명 유료 고객 확보 플레이북🔒
225. 225수료 회고🔒
226. 226한국 SaaS 출시 사례 5종🔒
227. 227토스페이먼츠·KG이니시스 결제 연동🔒
228. 228네이버 클라우드(NCP)·카카오 클라우드 vs AWS🔒
229. 229한국 SaaS 마케팅🔒
230. 230한국 SaaS 풀 사이클 + 플래그십 마무리 회고🔒

강사 소개

수강 후기