5주 만에 내가 얻게 되는 것
바이브코딩으로 피그마 디자인 100% 동일하게 UI 생성하는 법
실제 적용 가능한 프롬프트 제공
바이브코딩으로 기능 중심의 전체 프로젝트 완성
바이브코딩 포트폴리오
회사에서 사용 가능한 실무 중심 바이브코딩
10. 13. 시작
11. 19. 완주
- 4.8원강의 수강평 71개원강의 수강평
- 699명원강의를 수강한 사람원강의 수강생
- 수업 76개, 미션 7개, 라이브 5회76 · 7 · 5수업 · 미션 · 라이브
＊성원에 힘입어, 챌린지 시작 전까지 추가 모집 중!＊
강의 이후 여러분은...
1. 어떤 Figma 디자인도 100% 구현
바이브코딩으로 피그마 디자인을 100% 구현이 안되어 답답하지 않으셨나요?
우리 팀, 또는 내가 만들고 싶은 정확한
Figma 디자인을 바이브코딩으로
100% 정확하고, 빠르게 생성하는 비법을 공개합니다.
어설픈 초기 Figma MCP 결과물 → 정확하게 생성하기 (야놀자 홈페이지 예시)
2. 내 기획 의도대로 기능 100% 구현
5분 만에 만들어지는 단순한 바이브코딩 서비스고 말고,
제대로된 서비스를 만들고 싶으셨나요?
이 강의 이후엔, 진짜 실무에도 완전 자동화 바이브코딩을 적용해서 작업할 수 있어요!
그럴싸한 기능이 아닌, 진짜 실무에서 필요한 기능을 만듭니다!
실무를 위한 바이브 코딩은
달라야 합니다.
개발자·비개발자 모두가 상황에 따라
실무적용 가능한 바이브코딩을 학습할 수 있습니다.
바이브코딩에 특화된 개발 원리·개념을 포함하여 비개발자도 충분히 학습 가능합니다.
개발자가 바이브코딩으로 자기주도적 성장할 수 있도록 로드맵을 제안합니다.
가장 까다로웠지만, 가장 자신 있는 커리큘럼
바이브코딩 특성상 매번 달라지는 결과물도, 모두가 같은 성과를 낼 수 있도록 검증하고 완성했습니다.
챌린지 참여 시, 라이브 코딩과 미션 피드백까지 추가로 제공되어 학습 효과를 극대화할 수 있습니다!
실무형 커리큘럼과 챌린지를 함께 확인해 보세요.
1주차
[라이브] 개발자들을 위한 바이브 코딩이라고? - 챌린지 OT
바이브코딩 with 커서 AI: 실패 없는 바이브코딩 비법
공통 요소 생성 : 반복해서 쓰이는 것들 먼저 만들기
UI 생성 - 답답함 Zero! 내가 원하는 UI 결과물 100% 뽑아내는 법
[미션] : 수업에 따라 UI 생성 및 피그마 디자인대로 100% 구현 후 제출!
2주차
Rule 고도화 : 금쪽 같은 AI, 말 잘 듣게 하기
기능 구현 - 데이터 비연동 : 데이터 없으면, 간단해요!
[미션] : 수업에 따라 데이터 비연동 100% 구현 후 제출
[라이브] : 심화 바이브 코딩에 최적화된 UI 폴더 구조 업그레이드
3주차
기능 구현 - 데이터 연동 : 데이터 있어도, 간단해요!
API 연동 : 뭐? 알아서 다 해준다고?
[미션] : 수업에 따라 데이터 연동 및 API 100% 구현 후 제출
[라이브] : Q & A
4주차
로그인 생성 : UI도 너가 알아서 만들어 줄 수 있니?
권한 분기 구현 : 너는 못하는 게 없구나?
[미션] : 수업에 따라 로그인 및 권한 분기 100% 구현 후 제출
[라이브] : superbase와 vercel을 활용한 서버리스 풀스택 개발
5주차
병렬 처리 : 10배 빠르면, Money도 10배 벌 수 있겠지?
[미션] : 수업에 따라 병렬 처리로 기능 100% 구현 후 제출
[라이브] : AI를 활용한 200% 프롬프트 자동화
6주차
반응형 디자인 : 아 귀찮아, 이것도 너가 알아서 해줘!
[미션] : 수업에 따라 반응형으로 UI 100% 구현 후 제출
[라이브] : 0부터 시작하는 병렬 처리 시스템 만들기
🍌 수강 전 참고 사항
커서AI 유료 플랜이 필요해요.
최선의 결과를 내기 위해서, 커서AI 유료 플랜을 사용하고 있어요. 클로드 4.0 기준으로 AI 생성하기 때문에 토큰 소진이 있는 점 참고해주세요.
피그마는 무료 플랜으로 가능해요.
바이브코딩으로 프로젝트를 만들 때는, 피그마의 유료 서비스인 데브모드는 없어도 가능해요! 제공된 디자인을 여러분의 페이지에 복붙해서 사용하세요.
🍌 선수 지식 및 유의사항
기초 HTML, CSS, Javasript 지식이 있으면 좋아요.
React 기초 지식이 있다면, 바이브코딩이 더 쉬워져요!
프롬프트 작성법과 개발 개념을 함께 배울 수 있어요
🍌 이런 분들께 추천합니다
바이브코딩으로 프론트엔드를 빠르게 만들고 싶은 개발자라면
피그마로 기획 및 디자인 가능한 사람, 특히 UIUX 디자이너 & PM이라면
매달 들어오는 ‘제 2의 월급’을 퇴근 후 쉽게 만들고 싶다면
빠른 결과물이 필요한 스타트업을 꿈꾼다면
이 강의가 딱 맞을 거예요.
혹시 노원두가
처음이신가요?
그동안 받아왔던 노원두님의 키워드와 수강평을 정리했습니다.
이 강의를 통해 노원두님과 함께 앱 개발자로 성장해보세요🚀
#친철한 강의
#꼼꼼한
#힘숨찐
#귀에 쏙쏙
#찐개발자
#멘토의 멘토
#원두콩
#좋아요좋아요
10월
12일
챌린지 시작일
2025년 10월 12일 오후 03:00
챌린지 종료일
2025년 11월 19일 오후 02:59
챌린지 커리큘럼
전체
88개 ∙ (38시간 6분)
해당 강의에서 제공:
이런 분들께
추천드려요
학습 대상은
누구일까요?
바이브코딩으로 실서비스 구축하고 싶은 누구나
바이브코딩을 회사에서 사용하고 싶은 누구나
바이브코딩 포트폴리오가 필요한 누구나
정교한 1인 창업 서비스를 바이브코딩으로 만들고 싶은 누구나
내 서비스를 만들고 싶은 UIUX 디자이너
내 서비스를 만들고 싶은 기획자 또는 PM
선수 지식,
필요할까요?
React 기초
HTML, CSS 기초
수강평
전체
5개
5.0
5개의 수강평
이 강의의 지난 수강평
취소 및 환불 규정
챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.