강의

N
챌린지

멘토링

N
클립

로드맵

Challenge
진행 중
개발 · 프로그래밍

/

AI 코딩

[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

이 챌린지를 통해 실무에서 사용 가능한 개발자 바이브코딩법을 학습할 수 있습니다. 바이브코딩 포트폴리오 및 취업을 위한 AI 개발 활용 능력을 쌓을 수 있습니다.

263명이 수강한

강의로 진행되는 챌린지!

ReactNext.jscursor프롬프트엔지니어링바이브코딩

57개 수업 학습

6회 미션 수행

라이브 5 회

Cursor AI를 활용법 압축학습

매주 이뤄지는 특별 라이브 초대

말 잘 듣는 AI 프롬프트 제공

실습용 피그마 디자인 제공

무제한 복습, 내 것으로 만들어요.

성취의 증표, 수료증을 발급해요.

노원두님과 함께해요!

11,678

명

수강생

375

개

수강평

947

개

답변

4.8

점

강의 평점

10

개

강의

공동 지식공유자

＊성원에 힘입어, 챌린지 시작 전까지 추가 모집 중!＊

챌린지페이지 (상단_작게)

강의 이후 여러분은...


1. 어떤 Figma 디자인도 100% 구현

바이브코딩으로 피그마 디자인을 100% 구현이 안되어 답답하지 않으셨나요?

우리 팀, 또는 내가 만들고 싶은 정확한
Figma 디자인을 바이브코딩으로
100% 정확하고, 빠르게 생성하는 비법을 공개합니다.

2

어설픈 초기 Figma MCP 결과물 → 정확하게 생성하기 (야놀자 홈페이지 예시)

2. 내 기획 의도대로 기능 100% 구현

5분 만에 만들어지는 단순한 바이브코딩 서비스고 말고,
제대로된 서비스를 만들고 싶으셨나요?

이 강의 이후엔, 진짜 실무에도 완전 자동화 바이브코딩을 적용해서 작업할 수 있어요!

그럴싸한 기능이 아닌, 진짜 실무에서 필요한 기능을 만듭니다!

실무를 위한 바이브 코딩은
달라야 합니다.


바이브코딩 상세페이지 (1)
바이브코딩 상세페이지 (2)

개발자·비개발자 모두가 상황에 따라
실무적용 가능한 바이브코딩을 학습할 수 있습니다.

  • 바이브코딩에 특화된 개발 원리·개념을 포함하여 비개발자도 충분히 학습 가능합니다.

  • 개발자가 바이브코딩으로 자기주도적 성장할 수 있도록 로드맵을 제안합니다.

가장 까다로웠지만, 가장 자신 있는 커리큘럼

바이브코딩 특성상 매번 달라지는 결과물도, 모두가 같은 성과를 낼 수 있도록 검증하고 완성했습니다.

챌린지 참여 시, 라이브 코딩과 미션 피드백까지 추가로 제공되어 학습 효과를 극대화할 수 있습니다!

실무형 커리큘럼과 챌린지를 함께 확인해 보세요.

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부터 시작하는 병렬 처리 시스템 만들기



🍌 수강 전 참고 사항

cursor1
커서AI 유료 플랜이 필요해요.

최선의 결과를 내기 위해서, 커서AI 유료 플랜을 사용하고 있어요. 클로드 4.0 기준으로 AI 생성하기 때문에 토큰 소진이 있는 점 참고해주세요.

f1
피그마는 무료 플랜으로 가능해요.

바이브코딩으로 프로젝트를 만들 때는, 피그마의 유료 서비스인 데브모드는 없어도 가능해요! 제공된 디자인을 여러분의 페이지에 복붙해서 사용하세요.



🍌 선수 지식 및 유의사항

  • 기초 HTML, CSS, Javasript 지식이 있으면 좋아요.

  • React 기초 지식이 있다면, 바이브코딩이 더 쉬워져요!

  • 프롬프트 작성법과 개발 개념을 함께 배울 수 있어요




🍌 이런 분들께 추천합니다

  • 바이브코딩으로 프론트엔드를 빠르게 만들고 싶은 개발자라면

  • 피그마로 기획 및 디자인 가능한 사람, 특히 UIUX 디자이너 & PM이라면

  • 매달 들어오는 ‘제 2의 월급’을 퇴근 후 쉽게 만들고 싶다면

  • 빠른 결과물이 필요한 스타트업을 꿈꾼다면

이 강의가 딱 맞을 거예요.



혹시 노원두가
처음이신가요?

그동안 받아왔던 노원두님의 키워드와 수강평을 정리했습니다.
이 강의를 통해 노원두님과 함께 앱 개발자로 성장해보세요🚀

#친철한 강의
#꼼꼼한
#힘숨찐
#귀에 쏙쏙
#찐개발자
#멘토의 멘토

#원두콩
#좋아요좋아요

노원두 소개이미지

10월

13일

챌린지 시작일

2025년 10월 13일 오전 12:00

챌린지 종료일

2025년 11월 19일 오후 11:59

챌린지 커리큘럼

전체

68개 ∙ (23시간 1분)

해당 강의에서 제공:

수업자료
챌린지 전용 수업
라이브

챌린지에서 배워요

  • 바이브코딩으로 피그마 디자인 100% 동일하게 UI 생성하는 법

  • 실제 적용 가능한 프롬프트 제공

  • 바이브코딩으로 기능 중심의 전체 프로젝트 완성

  • 바이브코딩 포트폴리오

  • 회사에서 사용 가능한 실무 중심 바이브코딩

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 바이브코딩으로 실서비스 구축하고 싶은 누구나

  • 바이브코딩을 회사에서 사용하고 싶은 누구나

  • 바이브코딩 포트폴리오가 필요한 누구나

  • 정교한 1인 창업 서비스를 바이브코딩으로 만들고 싶은 누구나

  • 내 서비스를 만들고 싶은 UIUX 디자이너

  • 내 서비스를 만들고 싶은 기획자 또는 PM

선수 지식,
필요할까요?

  • React 기초

  • HTML, CSS 기초

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!