사내벤처 3기 · ATI Labs · 10주 완성 개발 클래스
10주 개발 클래스
AI와 함께,
제대로 만드는 법
감으로 뚝딱이 아니라 — 설계로. AI와 함께 10주.
Anyone can build now. This class is about building it right — designing & verifying, with AI.
2026. 7. 16 (목) 12:00–13:00 · 매주 1회 · 발표자 김승원 (AI자동화 T/F 팀리더)
PRD 먼저 (한 번) 설계 결정 구현 검증 weekly loop
02
The shift · 새 시대

AI가 코딩을 다 해주는 시대

누구나 프로그램을 만들 수 있게 됐습니다 — 금속활자가 '글'을 열었듯
🖨️
금속활자 · 직지 1377
누구나 을 읽고 쓸 수 있다
세계 최초 금속활자 = 고려 직지(1377) · 유럽선 구텐베르크가 대중화 — 지식이 소수(성직자·귀족)에서 대중의 것으로 → 종교개혁·근대의 방아쇠
그리고 지금 — 같은 크기의 변화가
🤖
LLM · 지금
누구나 프로그램을 만들 수 있다
1인·소수 창업으로 큰 매출을 내는 사례가 쏟아지는 중 — '1인 유니콘'까지 노려볼 기회의 초입
실제 · Pieter Levels(독학) — 직원 0명·혼자서 연 $3M(약 40억): Nomad List·Photo AI · 메챠카멜레온(일본, 단 2인 개발) — 출시 약 2개월 매출 56억엔(약 500억원)·1500만 장 판매 ▶ 개발자 인터뷰
참고 · Boris Cherny(Claude Code 개발 리더) — "코딩의 인쇄술(printing press) 모먼트": 금속활자가 필사가를 저자로 바꿨듯, AI가 코딩을 대중의 것으로 ▶ 인터뷰 영상
산업을 뒤집는 대변혁의 초입 — "나도 해볼까?"가 자연스러운 때DEV CLASS · W1
03
The trap · vibe coding

"나도 해볼까?" — 그리고 대참사

Claude $200 결제 → 바이브 코딩 → 아무것도 모른 채 → 되는 대로 배포
이렇게 했더니
Claude $200 결제 · 의욕 만렙
"챗지피티 같은 거 만들어줘"
AI가 주는 대로 · 뭔지 모르고
일단 인터넷에 배포
이렇게 터졌다
💸
클라우드 호스팅 비용 폭탄
실제 · Cara(2024) — 바이럴 후 1주 만에 Vercel 요금 $96,000
🔓
로그인·데이터 그대로 노출
실제 · Lovable 앱들(2025, CVE) — 보안 미설정 기본값 → 170+개 앱 개인·결제정보 유출
🔑
API·LLM 키 유출 → 요금 도난
실제 · 키를 화면 코드에 그대로 → 봇이 긁어 OpenAI·Anthropic 요금 폭탄
참고 · 이런 바이브 코딩 실패담을 풍자하는 숏폼도 화제 — José Siles 등 ▶ Instagram
감으로 뚝딱 만든 건 사람이 몰리는 순간 무너집니다 — production은 이렇게 안 됩니다DEV CLASS · W1
04
The pivot · 설계가 가른다

설계만 잘하면 — LLM은 무한정 부립니다

인부(AI)는 무한대. 내가 건물 설계만 제대로 하면 빌딩이 올라갑니다
설계 O제대로 설계하고 시키면
🏢
튼튼한 빌딩이 올라간다 — 무한한 인부(AI)가 설계도대로 짓는다.
✓ 안정✓ 확장✓ 관리 가능
설계 X감으로 시키면
🏚️
지어도 결국 무너진다 — 인부가 아무리 많아도 설계도가 없으면 흉가.
✗ 누수✗ 정전✗ 관리비 폭탄
🤝 그 설계도, 이제 AI와 함께 그립니다 — '아키텍트'와 토의하며 그리면 경력자처럼 설계
단, 판단·검증은 내가
같은 무한 인부(LLM) — 결과를 가르는 건 오직 '설계'입니다DEV CLASS · W1
05
The enabler · JIT 학습

초심자도 경력자처럼 — 모르면 그 자리서 물어보니까

설계·판단도 AI와 함께. 예전엔 기초부터 몇 년 — 이제 필요한 걸, 이해될 때까지 물어봅니다
예전
기초부터 다 쌓아야
선형대수 → 통계 → 이산수학 → ML → DL … 몇 년
이제
막히면 즉시 질문
이해될 때까지 · 필요한 그 부분만 · 내 수준에 맞춰
🧒
5살 수준"이게 왜 필요해?" 비유로
🧑‍🎓
중·고 / 대학 수준기본 개념 · 용어 · 원리
🎓
전공 심화트레이드오프 · 왜 이 방식
🧑‍🔬
PhD · 전문가깊은 내부 동작까지
실제 · Gabriel Petersson — 고교 중퇴 → ChatGPT로 독학(프로젝트 먼저 + 개념까지 파고들기 = top-down) → OpenAI Sora 팀(2025). "대학이 기초 지식을 더는 독점하지 않는다" ▶ 인터뷰 영상
이제 '몰라서 못 한다'는 없습니다 (비판·검증·판단은 내가) — 그럼 그 '설계', 어떻게 하지? →DEV CLASS · W1
06
Our goal · 이 클래스는

설계하는 법을, AI와 함께 빠르게 배웁니다

production 수준 프로그램을 '설계·디자인'하는 법 — Claude Code·ChatGPT와 함께
만드는 건 AI가.
설계·판단은 가.
도구(Claude·GPT)가 바뀌어도 안 바뀌는 능력 — 대 AI 시대의 희소가치이자 1인 유니콘의 역량. 클래스가 파는 건 딱 3가지:
① 빠르게 배운다
확장 가능·production 수준 시스템 디자인을 필요할 때 JIT로
② 좋은 설계도를 그린다
대규모를 단계별로 설계 — 나중에 갈아끼울 이음새(seam)까지
③ 검증 루프를 짠다
문서에 '되는지' 판정 기준을 넣어 — 객관적으로 확인
10주 만에 전문가가 아니라 — 스스로 빠르게 배워 설계하는 '능력'을 기릅니다DEV CLASS · W1
07
How bigtech builds

빅테크는 이렇게 만듭니다

회사마다 다르지만 — 대략 이런 흐름. 코드부터 안 짜고, 문서로 정하고 잘게 쪼개 나눕니다
PM기획
PRD를 쓴다 — 뭘 · 왜 만드나문제 · 유저 · 성공 기준을 정의
Senior · Owner설계
Design Doc · ADR을 쓴다 — 어떻게 · 왜 이 결정화면·서버·DB 구조를 잡고, 잘게 task로 쪼갬
구현 담당 여럿구현
쪼개진 task를 병렬로 구현문서가 분명하니 여러 명이 동시에 — 주니어든 시니어든
직급 = 그 일을 맡은 사람. 핵심은 '문서로 정하고 잘게 나눠 시킨다'는 방식DEV CLASS · W1
08
문서 = 설계도

문서만 잘 있으면 — 빠르게 구현됩니다

3개만 잘 쓰면 — 100% 복제는 아니어도 남이 빠르게 이해·구현. AI도 진짜 쓸 만한 코드를 냅니다
① PRD기획서
"뭘 · 왜 만드나"
무슨 문제를 / 누구를 위해 / 뭐가 되면 성공인지. 기능 목록이 아니라 '왜'가 핵심.
깊이 = 오늘
② Design Doc설계서 · RFC · TRD
"어떻게 만드나"
화면·서버·DB를 어떻게 나눌지 / 다른 방법도 있는데 왜 이걸 골랐는지. 'TRD'라고도 부릅니다.
깊이 = W3~4
③ ADR결정 기록
"왜 이 결정을 했나"
갈림길에서 고른 것 + 왜 골랐나 + 왜 다른 건 버렸나. 6개월 뒤 안 헤매려고.
깊이 = W2
실제 · Atlassian 前 엔지니어(2026 정리해고) — 8년간 만든 Jira·Confluence 인프라의 아키텍처·설계 결정을 38분 영상 하나로 공개 → 외부인도 그 구조를 이해 (설계가 명확하면 전달·재현된다) ▶ 영상 보기
좋은 문서 = 시니어가 리뷰할 수 있는 것 = LLM이 좋은 코드를 내는 것 — 셋이 같습니다DEV CLASS · W1
09
클래스 본질

그 문서를 빠르게·잘 만들고 → 구현 → 검증

0에서, 내 레벨에 맞게 시스템을 이해하며 설계 문서를 만들고 — 그걸로 프로덕트를 세웁니다
1
PRD
뭘·왜 · 한 번
2
설계 (RFC)
어떻게
3
ADR
왜 이 결정
4
구현
AI가
5
검증
되나? 확인
※ ②설계 문서 = RFC = Design Doc / Design Proposal = TRD (Meta 등) — 회사마다 이름만 다른 같은 '어떻게' 문서
PRD는 프로젝트 시작 때 한 번 — 이후 설계→구현→검증을 매주 반복. 앞단(설계)이 실력, 뒷단(구현)은 AI가DEV CLASS · W1
10
The journey · 10 weeks

10주 여정 — 작게 시작해, 매주 한 겹씩

작은 MVP로 시작 → 인증·규모·아키텍처·성능을 한 겹씩 → 내 트랙으로 대규모까지
공통 5주 전원 한 방 · 기초 설계
W1
전체 루프 · PRD
뭘 만들지 정하기
오늘
W2
인증 · 비밀 · 로깅
안 하면 계정·키 털림
W3
규모 · 확장 사다리
몰려도 안 터지게
W4
아키텍처 · 데이터
갈아끼우게 분리
W5
성능 · 병목 측정
어디가 느린지 찾기
트랙 5주 3방 병렬 · 내 서비스 심화
W6
서빙 / 영상 / 알림
내 트랙 핵심 기능
W7
빠르게
느리지 않게
W8
싸게 · 크게
비용 줄여 확장
W9
운영
안 죽게 지키기
마무리 발표 · 회고
W10
발표 · 배포 · 운영
세상에 공개
매주 1시간 = 개념 설명 → 지난주 결과 리뷰 → 이번주 과제. 실제 빌드는 세션 밖에서 Claude Code로DEV CLASS · W1
11
오늘 할 일 · Week 1

오늘 안에 — v0 MVP까지

문서(PRD + Design Doc 뼈대) → UI 텍스트로 → Claude Code로 구현 → v0 MVP
1
📄 문서
PRD 작성 · Design Doc/TRD는 예시 참고해 뼈대만
2
🖥 UI
화면을 텍스트로 간단히 그려보고
3
🤖 구현
Claude Code에 시켜 → v0 MVP 완성 · 직접 보고 검증
먼저 제가 미니 챗봇으로 한 바퀴 시연 → 그다음 각자 자기 서비스로DEV CLASS · W1
12
One loop, live · 먼저 제가

PRD 한 장이 화면이 되기까지

문서(PRD · Design Doc · UI 목업)를 넣고 → 만들고 → 되는지 확인 (미니 챗봇)
Mini ChatbotW1 — 문서+UI → HTML 목업 (응답은 오늘 데모 stub, 진짜 LLM은 W6)
공항에서 환승하려면 뭘 봐야 해?
"환승" 관련해서 안내드릴게요 — 지금은 데모 응답이에요. 진짜 답변(LLM)은 W6에서 붙입니다.
고마워!
메시지를 입력하세요…
보내기
1
문서 + UI 준비
PRD + Design Doc(뼈대) + UI 목업(텍스트로) — 뭘·왜·어떻게·어떤 화면.
2
Claude Code에 붙여넣기
이 문서·UI대로 동작하는 화면 만들어줘 → 잠시 뒤 화면이 나옵니다.
3
브라우저에서 검증
"보내면 답이 뜨나?" — MVP 기능이 실제로 보이는지 눈으로 (안 되면 다시).
짧은 시간에 눈에 보이는 MVP — 이 한 바퀴를 매주 각자 서비스에 돌립니다DEV CLASS · W1
13
문서 ① · PRD 잘 쓰기

PRD = 뭘·왜 — 혼자 말고 AI와 함께

5칸(문제·유저·MVP·성공·Non-Goals★)을 AI와 주고받으며. 초안은 AI, 판단은 내가.
1
던지기러프한 아이디어 그대로
💬 "내 서비스 아이디어야 — PRD 5요소로 정리하고 빠진 건 나한테 되물어"
2
Grill me전문가 관점으로 캐묻게
🎯 "staff engineer·solution architect처럼 날 몰아붙여 — 빠진 것·약점·엣지케이스 캐물어"
3
좁히기 (Non-Goals)MVP 하나로
⭐ "지금 꼭 필요한 하나만 남기고 나머지는 Non-Goals로" (scope creep 방지)
4
판단·확정그대로 받지 않기
⚠️ 무조건 수용 금지 — AI 말을 그대로 받지 말고, 본인 수준에 맞게 이해하고 내가 결정
💡 'Grill me'는 실제 스킬(mattpocock/skills) — 터미널에 npx -y skills add mattpocock/skills --agent claude-code → "grill me" → /to-prd · 설치법 = wiki.airportflow.xyz/10w/w1DEV CLASS · W1
14
문서 ② · Design Doc (TRD)

어떻게 만드나 — 예시 보고 뼈대만

스택·구조를 예시 참고해 적당히. 오늘은 가볍게 — PRD가 메인 (깊이는 W3~4)
Design Doc — <내 서비스>= RFC · Design Proposal · TRD
1Context뭘 만드나 (PRD 링크)
2아키텍처 · 스택언어·프레임워크 / 화면·서버·DB를 어떻게 나눌지
3데이터 · API무엇을 주고받나 (없으면 "아직 없음")
4the seam나중에 갈아끼울 한 곳 (예: generateReply)
5Non-Goals · Risks · Rollout나머지는 W3~4에서
RFC = Design Doc = Design Proposal = TRD — 이름만 다른 같은 '어떻게' 문서DEV CLASS · W1
15
UI 그리기

화면(UI)은 — 텍스트로 그려 코드로

완벽한 디자인 말고 — "이런 화면"을 글로 써서 Claude Code에. 여러 개 뽑아 제일 좋은 걸로.
✍️ 텍스트로 묘사
"상단 입력창, 아래 채팅 말풍선…" — 화면을 글로 써서 Claude Code에 (기본)
🔀 여러 개 뽑아 비교
HTML 몇 개 만들어 띄워보고 — 제일 좋은 것 채택
🔗 유사 사이트 참조
"○○처럼" 레퍼런스 · 툴 참고: Google Stitch · v0
글로 그린 화면 → Claude Code가 이렇게
완벽한 디자인 말고 — 텍스트로 그려도 화면이 나옵니다. 디자인 툴(Stitch·v0)은 선택DEV CLASS · W1
16
구현 → 검증 루프

구현 → 검증 — 될 때까지 반복

문서(PRD·Design Doc·UI)를 Claude Code에 → 구현검증 → 안 되면 다시
1
문서 + UI
PRD · Design Doc · UI
2
구현
Claude Code
3
검증
UI 보기 · 기능 테스트
🔁 검증 안 되면 → 구현으로 다시 (될 때까지 반복) · UI=직접 보고 · 기능=직접 써보고 · 추후 Chrome dev tools·Playwright 자동화
수동 검증(눈·손)으로 시작 → 반복해 통과시키면 v0. 완벽 아님, 다음 주부터 키움DEV CLASS · W1
17
Your turn · 실습

이제 여러분 차례 — 주제 골라 만들어봅시다

아래 4개 트랙 중 주제 하나 선택 → PRD부터 시작해 v0 MVP까지 (자유 제안도 OK)
🟦
챗봇
ChatGPT형 · 승원
MVP — 메시지 입력 → AI 답변 (1턴)
예: 공부 도우미 · 고민 상담 · 규정 안내 봇
🟩
영상
트위치형 · 지수
MVP — 방송 하나 틀고 → 남이 본다
예: 홈 CCTV 뷰어 · 강의 방송 · 게임 중계
🟧
메신저
카카오톡형 · 민수
MVP — 1:1 메시지 실시간 주고받기
예: 동아리 단톡 · 익명 쪽지 · 1:1 상담
자유 제안
게이팅 · 상의 후
만들고 싶은 게 따로 있으면 — MVP 하나로 좁혀 제안
예: 가계부 · 투두 · 미니 쇼핑몰
공통 개념은 이 3개로 설명 — 아무도 소외되지 않게. 오늘은 각자 자기 서비스로DEV CLASS · W1

오늘은 PRD 한 장.
다음 주부터 한 겹씩 쌓습니다.

설계를 분명하게 적으면 — AI가 무한정 잘 부려집니다.
이번 주 과제 : 내 서비스 PRD(5요소) → Claude Code로 MVP v0 뽑아오기 · 다음 주 = 인증 · 비밀 · 로깅 (W2)