DEVIN / WINDSURF · ZERO TO HERO
Devin / Windsurf로 하는 Vibe Coding
코딩 에이전트와 함께 아이디어에서 작동하는 버전까지, 한 걸음씩.
Devin과 Windsurf로 진짜 제품을 만드는 히브리어 우선 zero-to-hero 코스예요. 작은 아이디어에서 코딩 에이전트를 거쳐 공유할 수 있는 첫 버전까지 함께해요.
약 90분
모듈 1부터 시작하기Asaf의 순간에서 워크플로까지Asaf는 Devin / Windsurf에서 아이디어를 만들기 시작했고, 하루 만에 손에 잡히는 결과물을 얻었어요. 이 코스는 그 경험을 반복 가능한 워크플로로 바꿔 드려요.
WHAT YOU'LL BE ABLE TO DO
1
하루 만에 첫 버전을 만들 수 있을 만큼 작은 아이디어 고르기2
Devin이나 Windsurf 프로젝트를 열고 에이전트의 작업 경계 설정하기3
화면 하나와 동작 하나가 있는 첫 웹 앱 만들기4
기대한 결과 vs 실제 결과를 정확한 언어로 표현해 버그 고치기5
너무 이른 과잉 구축 없이 데이터, 다듬기, 배포 추가하기6
간단한 로드맵과 제품 관리 원칙으로 첫날 이후에도 계속 만들어 가기THE MODULES
- 01
Asaf의 이야기로 시작하기
Asaf의 이야기를 출발점으로 삼아요. 아이디어가 하루 만에 어떻게 손에 잡히는 결과물이 되는지, 시작 전에 무엇을 줄여야 하는지 배워요.
10 min1 lesson - 02
작업 공간 열기
새 프로젝트를 열고, 경계를 정의하고, 에이전트가 코드를 쓰기 전에 계획을 요청해요.
10 min1 lesson - 03
버전 1 만들기
동작 하나가 있는 화면 하나를 만들고, 실행하고, 기능을 더 추가하기 전에 결과를 살펴봐요.
12 min1 lesson - 04
프로덕트 매니저처럼 디버깅하기
기대한 결과 vs 실제 결과 언어로 버그와 개선점을 설명해서, 에이전트가 관련 없는 부분을 망가뜨리지 않고 고치게 해요.
12 min1 lesson - 05
데이터 신중하게 추가하기
너무 이른 과잉 구축 없이, 적절한 시점에 하드코딩 데이터, localStorage, 데이터베이스 중에서 선택해요.
14 min1 lesson - 06
사용자 경험 다듬기
카피, 빈 상태 화면, 버튼, 여백, 모바일 레이아웃을 다듬어서 실제 사람들에게 명확한 데모를 만들어요.
12 min1 lesson - 07
웹에 배포하기
배포를 준비하고, 코드에 비밀 키가 없는지 확인하고, 한 사람에게 보내 피드백을 받을 수 있는 버전을 공개해요.
10 min1 lesson - 08
둘째 날, 그리고 그 이후
간단한 ROADMAP을 만들고, 프로젝트가 혼돈에 빠지지 않게 한 번에 한 가지 작업씩 이어가요.
10 min1 lesson