내 아이디어로 만드는 첫 웹앱
기획제작검증공개
수업에서 직접 쓰는 도구
화면도, 기능도.
연결을 보면서.
드래프트업으로 서비스의 흐름을 설계합니다.
그 설계를 실제 구현으로 이어갑니다.
드래프트업 서비스 설계 캔버스6교시 · 설계에서 구현으로
- 함께 만드는 시간
- 8시간베이직 4시간 + 어드벤스드 4시간
- 직접 써보는 기간
- 1주일만든 시제품을 사용하고 기록합니다
- 집중할 핵심 흐름
- 1가지입력부터 결과까지 작동하게 만듭니다
- 연결할 외부 기능
- 1개 API내 웹앱에 필요한 기능을 연결합니다
수업에서 하는 일
적고. 만들고.
써보고. 공개하고.
첫 수업 · 제작
입력하고, 눌러보고.
결과를 확인합니다.
제공된 프로젝트를 실행하고 내 아이디어에 맞게 바꿉니다. 입력 → 버튼 → 결과가 이어지는 시제품을 만듭니다.
베이직 교육과정 보기
다음 수업 · 연결과 공개
기능을 연결하고,
다른 사람에게 공개합니다.
직접 써본 기록으로 바꿀 점을 정합니다. 외부 API 한 가지를 연결하고, 다른 기기에서도 쓸 수 있도록 공개합니다.
어드벤스드 교육과정 보기
코딩이 처음이어도
준비된 예제에서 작은 수정부터 시작합니다. 아이디어가 없다면 공통 사례로 실습합니다.
같은 프로젝트로 두 번
첫 수업에서 만든 시제품을 일주일 동안 써보고, 다음 수업에서 이어서 만듭니다.
자료도 함께 가져갑니다
초기 명세서, 테스트 기록, 서비스 설계와 사업화 정리 양식을 제공합니다.
교육과정 · 총 8시간
두 번의 수업.
하나의 프로젝트.
베이직 4시간 + 어드벤스드 4시간
매 교시 50분 수업, 10분 휴식·질의
첫 수업의 출발점초기 명세서 한 장
첫 수업 · 베이직 4시간
내 컴퓨터에서,
첫 시제품을 만듭니다.
아이디어를 구체화하고, 화면 하나에서 핵심 기능을 만듭니다. 외부 연결에 앞서 내가 원하는 동작부터 확인합니다.
01아이디어 진단과 오늘 만들 것 정하기
대상 고객과 문제, 확인한 근거와 아직 모르는 가설을 정리합니다. 비즈니스 모델 캔버스로 사업을 살펴보고 오늘 만들 핵심 경험 한 가지를 정합니다.
남는 결과물 · 아이디어 진단서, 사업모델 초안, 초기 명세서 1장
02AI의 역할 이해와 첫 앱 실행
AI에 맡길 일과 직접 확인할 일을 구분합니다. VS Code와 Codex로 제공된 프로젝트를 실행하고 이름, 문구, 입력 항목을 하나씩 바꿔봅니다.
남는 결과물 · 실행되는 기본 예제와 작은 수정 경험
03내 아이디어를 닮은 시제품 만들기
입력 → 버튼 → 결과로 이어지는 기능 하나를 만듭니다. 예시 데이터나 간단한 규칙으로 작동하게 하고, 원하는 결과와 실제 동작을 비교하며 수정합니다.
남는 결과물 · 내 컴퓨터에서 직접 써볼 수 있는 시제품
04직접 써보고, 다음 실습 준비하기
서로의 시제품을 사용하며 막히는 지점을 찾습니다. 중요한 문제 하나를 고치고, 프로젝트를 다시 실행하는 방법과 일주일 동안 확인할 질문을 적습니다.
남는 결과물 · 테스트 기록, 수정한 명세서, 일주일 실습 계획
두 수업 사이일주일 동안,
일주일 동안,
직접 써봅니다.
정상 입력, 다른 조건, 빈 입력을 시험하고 다른 사람 한 명이 쓰는 모습을 관찰합니다. 다음 수업에는 바꿀 것 한 가지와 그 이유를 가져옵니다.
다음 수업 · 어드벤스드 4시간
필요한 기능을 연결하고,
공개 주소를 만듭니다.
첫날 만든 프로젝트를 이어갑니다. API 연결과 서비스 설계, 배포를 거쳐 다음 4주의 사업화 계획까지 정리합니다.
05외부 기능과 내 서비스 연결하기
API에 무엇을 보내고 무엇을 받는지 공통 예제로 확인합니다. 직접 써본 기록을 바탕으로 내 서비스에 필요한 외부 기능 한 가지를 정합니다.
남는 결과물 · 실제 요청·응답 경험과 API의 역할 정의
06드래프트업으로 설계하고 MVP 구현하기
드래프트업에서 화면, 행동, 데이터, 처리 흐름을 연결합니다. 그 결정으로 개발 요청문을 구성하고, Codex와 함께 API가 작동하는 핵심 흐름을 구현합니다.
남는 결과물 · 서비스 설계도, 개발 요청문, API 연동 MVP
07공개 주소 만들고 다른 기기에서 확인하기
코드를 저장하고 MVP를 배포합니다. 휴대전화와 다른 브라우저에서 정상 동작과 실패 안내를 확인하고, 수정한 내용이 공개 화면에 반영되는지 점검합니다.
남는 결과물 · 공개 주소와 배포·동작 점검 기록
08피드백을 사업화 계획으로 정리하기
서로 시연하고 피드백을 나눕니다. 실제 확인한 반응과 가설을 구분하고, 설계도와 구현 화면을 사업화 정리 1~2장에 연결합니다. 기획·개발·고객 접촉을 다음 4주 계획으로 나눕니다.
남는 결과물 · 사업화 정리 1~2장과 다음 4주 실행계획
다음 수업의 목표다른 사람이 쓰는 웹앱
실습 결과물
수업이 끝나면,
이 세 가지가 남습니다.
같은 프로젝트로 기획부터 구현, 공개까지 이어갑니다.
작동하는 결과와 다음에 할 일이 남습니다.
직접 접속할 수 있는 웹앱
핵심 흐름 하나를 구현하고, 다른 사람이 써볼 수 있는 공개 주소를 만듭니다.
기획과 구현을 잇는 문서
고객과 문제, 서비스 설계, 구현한 내용을 사업화 정리 1~2장으로 연결합니다.
다음 4주의 실행계획
누구를 만나고, 무엇을 고치고, 무엇을 확인할지. 수업 다음 날 할 일을 정합니다.
수업 시간8시간
베이직 4시간 + 어드벤스드 4시간
두 수업 사이1주일
같은 프로젝트를 직접 써보는 시간
수강료200,000원
계좌이체 · 구독료 별도
수강 안내
수업 전,
이것만 확인하세요.
코딩을 처음 해도 괜찮을까요?
코딩 경험이 없어도 참여할 수 있습니다. 제공되는 기본 프로젝트를 실행하고 작은 수정부터 시작합니다. 처음부터 많은 기능을 만들기보다, 입력하고 결과를 보는 경험 하나를 함께 완성합니다.
어떤 준비가 필요한가요?
개인 노트북과 충전기, 인터넷 사용 환경을 준비해 주세요. 첫 수업 전에는 안내된 VS Code와 Codex 실행 환경을, 다음 수업 전에는 API·배포에 필요한 계정과 접근 권한을 확인합니다. 두 수업 사이에는 직접 써보고 기록하는 자율 실습이 있습니다.
ChatGPT 구독이 필요한가요?
유료 ChatGPT 구독이 필요합니다. 베이직은 Plus, 어드벤스드는 Pro 구독을 준비하며 구독료는 수강료와 별도입니다. 참여할 회차의 실행 환경과 구독·API 준비 사항은 신청 전 교육 문의로 확인해 주세요.
제공되는 자료가 있나요?
기본 프로젝트, 예제 자료, 초기 명세서와 테스트 기록 양식, 다음 수업 준비서, 사업화 정리 양식을 제공합니다. 아이디어가 아직 없다면 공통 사례로 실습할 수 있습니다.
수강 신청과 입금은 어떻게 하나요?
수강신청서를 제출한 뒤 안내된 계좌로 수강료 200,000원을 이체해 주세요. 담당자가 입금을 확인하면 신청이 확정됩니다. 신청서에 현금영수증 발급 요청 번호를 남길 수 있습니다. 교육 일정과 장소는 채팅으로 문의해 주세요.
내 아이디어로,
첫 웹앱을 만들어보세요.
개인 노트북과 아이디어 한 문장을 준비해 주세요.
교육 일정과 장소는 담당자에게 문의할 수 있습니다.
드래프트업