비개발자도 클로드 코드로 만드는 예약 웹앱: 기획부터 출시까지
에이크
코딩을 몰라도 괜찮아요. 플랜디로 아이디어를 기획서·메뉴 구조·화면설계로 정리하고, 그 기획 키트를 클로드 코드(웹)에 맡겨 동네 필라테스 예약 앱을 만듭니다. 회원가입·카카오 로그인·예약과 취소·회원권 횟수·관리자 화면까지 만들고, 실제 주소로 공개하는 과정을 처음부터 끝까지 따라 합니다.
입문
React, Next.js, vercel
AI에게 시켰는데 왜 자꾸 망가지는지 모르겠다면, 문제는 코딩이 아니라 '무슨 일이 일어나는지' 모른 채 시키기 때문입니다. 로그인과 결제가 붙은 웹서비스 하나를 처음부터 내 도메인 출시 및 검색 엔진 노출까지 완성하며, 매 단계 "방금 무슨 일이?" 맥락을 이해하고 넘어가는 바이브코딩을 알려드립니다.





네이버
에 관심있는 사람들도 듣는 중!





네이버
에 관심있는 사람들도 듣는 중!
로그인하고 토스페이먼츠로 결제까지 되는 진짜 웹서비스 완성
구글과 네이버에 검색하면 나오는 '출시' 경험
새 AI 도구가 나와도 처음부터 다시 배울 필요 없는, 변하지 않는 웹의 작동 원리
에러가 나도 "어디가 문제구나" 감 잡고 AI에게 물어볼 수 있는 문제 해결 감각
망가뜨려도 언제든 되돌릴 수 있어서, "다 날아가면 어떡하지" 걱정 없이 만드는 안전장치
학습 대상은
누구일까요?
처음엔 뚝딱 나오더니, 이제는 하나 고치면 엉뚱한 데가 터지고 AI의 설명도 못 알아듣겠어서 뭘 시키기가 무서워진 분
개발자가 될 것도 아닌데 내가 도대체 어디까지 알아야 하는건지 막막한 분
분명 내가 만든 서비스인데 속은 블랙박스라, 주인인 나만 아무것도 모르는 '관전자'가 된 것 같은 분
화면까지는 AI가 만들어주는데, 로그인·결제·DB 연동처럼 AI 혼자 못 해주는 구간에서 막히는 분
선수 지식,
필요할까요?
"바이브코딩"이라는 단어만 들어보셨어도 됩니다!
Lovable, v0, Cursor 같은 AI 도구 딱 한번이라도 경험해봤다면 더더욱 최고!
커리어인증
51
명
수강생
3
개
수강평
4
개
답변
5.0
점
강의 평점
1
개
강의
전체
53개 ∙ (11시간 2분)
해당 강의에서 제공:
전체
3개
5.0
3개의 수강평
수강평 3
∙
평균 평점 5.0
수정됨
5
바이브 코딩에 관심있는 당신이 오직 하나의 강의만 선택해야하는 상황이면, 저는 이 강의를 추천드립니다. https://vibeplug-iota.vercel.app/ 수업 따라해서 제가 만들었습니다.(~26.9.4) (도메인 구입은 안했습니다.ㅎㅎ) 제가 올 해 한 일 중에 제일 잘 한 것이 이번에 바이브플러그님의 이 강의를 들은 것 같습니다. 직장인으로 최근 AI와 바이브코딩이 붐이라 뒤쳐지지 않으려고 나름 코딩 관련 수업을 듣긴 들었습니다. 다른 강좌에서는 제가 아직 실력이 부족해서 그렇겠지만, 시키는 대로 해서 뭔가 되긴 되는데 왜 되는지도 모르고, 하나를 고치면 다른 것이 문제가 생기고 해서 좀 슬럼프였었는데, 이 수업을 듣고 머리 속에서 "안개가 걷히게" 되었습니다. 비전공자도 완주할 수 있도록, 여러가지 고민한 흔적이 많았습니다. 서비스 배포 운영이라는 최종 성과 달성을 위해, 가장 필요한 핵심만을 설명하고, 참고사항은 부록으로 배치해서 헤메지 않고 목표에 집중할 수 있었습니다. 강의시작에서 학습목표를 알려주고 설명다음에 후반부에 그 강의를 요약해주고, 다음시간에 배울것을 잠시 언급해주어서 몰입감이 있었습니다. 제가 느끼기에는 강사님이 말한 "떡밥"과 단서가 하나의 탐정소설 처럼. 각 편에서 이어져서 흥미로웠습니다. 설명 후에 그냥 그렇다고만 말로만 끝나지 않고 않고, 실제 F12 개발자 모드에 가서 데이터가 어떻게 움직였는지, 각 서비스(supabase, vercel. 개발서버)에서 로그도 확인해서 더 확실하게 이해할 수 있었던 것 같습니다. 참 그리고 2가지 예를 든 나쁜 손님에 대한 위험성은, 막연히 보안에 조심해야한다라는 말 보다 훨씬 더 와 닿았고, 경각심을 가지게 되었네요. 바이브플러그님의 다른 강의도 관심이 가네요. 여기에 언급되지 않거나, 다른 분야의 강의로 개설하셨으면 좋겠네요. 여러분에게 이 강의를 적극 추천드립니다.
좋은하루님, 정성스러운 후기 정말 감사합니다! 😊 수업을 따라오시면서 직접 서비스를 완성하고 배포까지 해보셨다는 점이 무엇보다 기쁩니다. 단순히 코드를 따라 치는 데서 끝나는 게 아니라, 데이터가 어떻게 움직이고 Supabase나 Vercel 같은 서비스에서 어디를 확인해야 하는지까지 이해하셨다고 말씀해주셔서 강의를 만들며 가장 전달하고 싶었던 부분이 잘 닿은 것 같아 뿌듯합니다. 특히 비전공자분들이 중간에 길을 잃지 않도록 “왜 이렇게 하는지”를 최대한 연결해서 설명하려고 했는데, 각 챕터가 이어지는 느낌과 복습 구조까지 좋게 봐주셔서 정말 감사해요. 보안이나 예외 상황에 대한 내용도 실제 서비스를 운영할 때 꼭 필요한 부분이라, 앞으로 프로젝트를 계속 만들어가실 때 분명 도움이 되실 거예요. 그리고 결과물 사이트도 공유해주셔서 감사합니다 >< 수업을 듣고 끝내지 않고 직접 결과물까지 만들어내신 실행력이 정말 멋집니다. 제가 수업에서 만든 것보다 훨씬 깔끔한데요?! 이번 프로젝트를 시작으로 앞으로는 훨씬 더 빠르고 자신 있게 원하는 서비스를 만들어가실 수 있을 거라 생각합니다. 다른 분야의 강의도 기대해주신다는 말씀도 감사히 기억하겠습니다. 좋은 주제로 다시 찾아뵐 수 있도록 계속 고민해볼게요. 소중한 후기와 적극적인 추천 정말 감사합니다! 🙏 앞으로 만드실 프로젝트들도 진심으로 응원하겠습니다. 🚀
ㅎㅎㅎㅎ 댓글 감사합니다.
수강평 2
∙
평균 평점 5.0
수정됨
5
강사님이 비개발자들을 위해 커리큘럼에 엄청난 고민을 한 것이 느껴집니다. 이정환 강사님의 강의도 비개발자의 눈에 맞춰 개발 지식을 쉽게 알려줘서 좋았는데 이 강의는 더 깊게 들어가면서 비개발자들도 알아들을 수 있게 잘 설명해주시고, 무엇보다 일타 강사들처럼 수업 내용 흐름을 깰 수 있는 주제에 대해서는 백과사전으로 따로 빼어 흐름을 유지하며 중요한 내용은 중간 중간 반복하고 강의 말미에 요약까지 해주니까 만족스러웠습니다. 바이브코딩 관련 책을 보다보니 스킬이나 룰, 서브에이전트 등을 활용한 SDD, TDD, refactoring의 워크플로 만드는 법이 궁금하고 배우고 싶습니다. 다음 강좌에서 가르쳐주시길 희망하여 많이 배웠습니다. 감사합니다!!
imminkyu님, 이렇게 자세한 수강평 남겨주셔서 정말 감사합니다! 솔직히 말씀드리면 이 강의를 만들면서 '비개발자분들이 정말 끝까지 따라올 수 있을까' 하는 고민이 가장 컸어요. 흐름을 깨는 주제를 백과사전으로 따로 빼고, 중요한 내용을 반복하고, 말미에 요약을 넣은 것도 전부 그 고민에서 나온 장치였는데, 그 부분을 정확히 짚어주셔서 만든 사람 입장에서 큰 위로와 확신이 됐습니다 ☺️ 94%까지 완주해주신 것도 감사드리구 결제 받고 출시까지 실제로 만들어보셨을 텐데, 서비스가 잘 돌아가고 있길 바랍니다! 말씀하신 스킬/룰/서브에이전트 기반의 SDD, TDD, 리팩토링 워크플로는 저도 요즘 많이 다루고 있는 주제라 다음 강좌 기획할 때 우선순위에 두고 고민해볼게요!! 강의 진행하시면서 막히는 부분 있으면 언제든 질문 남겨주세요. 다시 한번 감사합니다! 좋은 하루 되세요 😊
같은 분야의 다른 강의를 만나보세요!