코스 카탈로그
프롬프트에서 프로토타입까지: AI 앱 빌더
AI로 아이디어를 클릭할 수 있는 앱으로 바꾸고, 제대로 작동하게 만든 뒤 내 것으로 만드세요.
- 초급
- 레슨 17개
- 프로젝트 2개
- 약 3시간
- EN · UZ · KO · RU · ES · FR · DE · AR
- 2026년 10월 26일 이후 도구 정보 확인
AI 앱 빌더(예: Claude 아티팩트, ChatGPT와 Codex의 Sites, Lovable, v0, Bolt, Replit)는 몇 문장을 클릭해 볼 수 있는 앱으로 바꿔 줘요. 그 데모를 낯선 사람도 쓸 수 있는 것으로 만드는 일이 진짜 기술이고, 이 코스가 가르치는 것이 바로 그거예요. 먼저 어시스턴트가 대화 옆에 그려 주는 페이지에서 시작해요. AI 슬롭이 아니라 원하던 앱을 얻도록 브리프를 쓰는 법, 작동하는 부분을 망가뜨리지 않고 고치는 법을 배워요. 이어서 날짜가 명시된 한 섹션에서 빌더 자체를 살펴봐요. 채팅 창 뒤에 무엇이 더해지는지, 고르기 전에 던질 다섯 가지 질문, 미리보기와 버전과 게시가 어떻게 다른지, 반복 한 번에 드는 비용까지요. 후반부는 데모가 건너뛰는 부분이에요. 사라지지 않는 데이터, 권한이기도 한 로그인, 서버에 머무는 키, 그리고 비어 있을 때, 로딩 중일 때, 잘못됐을 때, 실패했을 때 정직한 상태를 다뤄요. 마지막으로 코드를 꺼내고, 넘겨받은 저장소를 읽고, 코딩 에이전트를 들이고, 하나의 기준점을 지키는 법으로 마무리해요. 빵집의 픽업 앱이라는 하나의 예시가 모든 레슨을 관통해요. 프로그래밍 지식은 필요 없어요.
커리큘럼
섹션 1
대화에서 클릭할 수 있는 화면으로
어시스턴트가 대화 옆에 그려 주는 페이지: 그것이 무엇인지, 뻔한 채움말이 아니라 의도한 앱을 얻도록 브리프를 쓰는 법, 망가뜨리지 않고 고치는 법, 그리고 넘을 수 없는 세 개의 벽을 다뤄요.
- 대화 옆의 페이지
- 프로토타입 브리프 쓰기
- 한 번에 하나씩 바꾸기
- 페이지가 멈추는 곳
섹션 2
빌더, 구체적으로
코스에서 유일하게 특정 도구를 다루는 섹션으로, 2026년 10월에 벤더 문서와 대조해 확인했어요: 채팅 창 뒤에 빌더가 더하는 것, 고르기 전에 던질 다섯 가지 질문, 미리보기와 버전과 게시의 차이, 반복 한 번에 드는 비용을 다뤄요.
- 채팅 창 뒤에 있는 것
- 빌더 여섯 개, 체크리스트 하나
- 미리보기, 버전, 게시
- 반복 한 번의 비용
섹션 3
제대로 작동하게 만들기
데모가 건너뛰는 부분: 데이터베이스가 강제하는 규칙과 함께 사라지지 않는 데이터, 권한이기도 한 로그인, 서버에 머무는 키, 그리고 비어 있거나 느리거나 잘못됐거나 고장 났을 때 사실대로 말하는 폼을 다뤄요.
- 데모와 제품 사이의 간극
- 사라지지 않는 데이터
- 로그인은 권한이 아니다
- 키는 서버에 둔다
- 비어 있음, 로딩, 잘못됨, 실패
섹션 4
코드를 내 것으로
코드를 꺼내고 무엇이 남는지 아는 법, 넘겨받은 저장소를 읽는 법, 테스트를 거친 변경을 한 번에 하나씩 하도록 코딩 에이전트를 들이는 법, 그리고 하나의 기준점을 지키는 법을 다뤄요.
- 코드 꺼내기
- 넘겨받은 저장소 읽기
- 코딩 에이전트 들이기
- 하나의 기준점
학습 경로
아이디어를 현실로. 60초면 시작해요.
첫 가입 회원은 모든 요금제 7일 무료 체험 · 언제든 해지 가능
시작하기