채널톡 아이콘
BEST
개발 · 프로그래밍

/

프론트엔드

3시간 만에 끝내는 Cursor 완벽 가이드

Agent Mode, MCP, PRD 작성, Custom Chat Mode까지! 새로워진 Cursor의 기능들을 알아보세요

(4.8) 수강평 34개

수강생 296명

3시간 만에 완강할 수 있는 강의 ⏰Next.jsReactcursor인공지능(AI)
날개 달린 동전

강의를 홍보 링크로 공유하면, 판매 수익의 최대 25%를 받을 수 있어요!

이런 걸 배울 수 있어요

  • Chat 모드 완벽하게 이해하기

  • Token과 Context Window 이해하고 AI 제대로 활용하기

  • Cursor Rule을 직접 만들고, 반복적으로 개선 해보기

  • Github MCP로 레포지터리 생성부터 PR 자동 생성까지 한 번에!

  • 새롭게 추가된 Custom Chat 모드까지

Cursor가 새로워졌습니다.
AI와 함께 제대로 바이브 코딩하세요.

AI가 내 뜻대로 안 움직여 답답했나요?
이 강의로 한 번에 해결 하세요


속도·퀄리티 둘 다 잡는 바이브 코딩

지금 바로 시작하세요

간단한 서비스를 직접 만들어보며 AI도구 활용방법을 익혀보세요! 💁‍♂

바이브 코딩이란?

AI에게 하고 싶은 걸 말로 설명하면, 알아서 코드를 작성하는 방식입니다.
어려운 문법 몰라도, 아이디어만 있으면 바로 만들 수 있어요.

Cursor IDE란?

VS Code를 기반으로 한 AI 중심 코드 편집 툴이에요. AI와 쉽게 소통하며 개발할 수 있는 혁신적인 툴입니다

이런 분들께 추천해요

AI

AI를 더 잘 써보고 싶어요

Cursor의 더욱 새로워진 기능으로 나의 생산성을 3배 올려보세요

think

사수없이 스스로 해결하고 싶어요

내 코드를 기반으로 AI와 대화하고, 코드를 수정할 수 있어요

copilot

Copilot이 아쉬워요

코파일럿의 tab 보다 더욱 진보된 AI를 느껴보세요

수강 후에는

  • 디자이너 없이 NextJS, React 기반의 단한 페이지를 이쁘게 만들 수 있어요

  • 모르는 것이 있을 때, chatGPT, claude가 아닌, 코드에서 바로 AI에게 물어볼 수 있게 되요

  • 나만의 Agent를 만들고, 나의 코드 습관들을 AI에게 적용시킬 수 있어요

이 강의의 특징 ⭐️

nexjs_vercel

AI와 같이 개발하는 방법을 한 단계 높여 보세요

PRD 문서에서 실제 코드, 그리고 배포까지 간단하지만 핵심만을 담았습니다

cursor_설명

Cursor 사용 노하우를 찐하게 압축했습니다
Cursor 사용에 핵심이 되는 Chat Mode, Cursor Rule, MCP 등 cursor를 사용하기 앞서 꼭 필요한 내용만 넣었습니다

이런 내용을 배워요

Cursor

어디에도 없는 Cursor 최신 기능들에 대해서 알아보세요.
Chat Mode, Cursor Rule, MCP 뿐만 아니라, Custom Chat Mode까지. Cursor의 새로운 기능을 모두 체험해 보세요.

Frame 12

Cursor Directory

Cursor Directory에 있는 다양한 시스템 프롬프트 혹은 나만의 프롬프트를 통해서 나만의 Agent를 만들어 보세요

cursor directory

directory.cursor

Vercel

어려웠던 E2C 배포는 잊어버리고,
AI와 함께 만든 내용을 클릭 한번에 쉽게 배포해 보세요

vercel

Vercel

강의 커뮤니티

디스코드 채널

어려운 점이 있다면 언제든 Discord에서 물어보세요! 항상 도와드릴 준비가 되어 있습니다.


https://discord.gg/YZ4sz9rXKh

새로운 Cursor 소식

Threads에서 새로운 팁과 기능을 공유하고 있습니다. 팔로우하고 많은 정보를 받아가세요!


https://www.threads.net/@toy_crane911

예상 질문 Q&A

Q. 강의 대상자는 어떻게 되나요?

  • React와 Typescript에 대한 이해가 반드시 필요합니다.

  • Nextjs에 대한 지식이 있다면 더욱 좋습니다.

Q. Cursor는 결제가 필요한가요?

  • 무료 플랜으로도 강의 진행은 가능하지만, 편하게 개발하기 위해선 결제가 필요합니다.

Q. 강사님의 코드와 다른 결과물이 나왔어요?

  • AI의 특성상 같은 프롬프트로 내용을 작성하더라도, 같은 결과물이 나오지 않습니다. 그렇기 때문에 강의에서는 큰 방법론 하에 하나씩 스스로 해결할 수 있도록 알려드리고 있습니다.

  • 아래 링크에서 전체 코드를 참조하실 수 있습니다

수강 전 참고 사항

실습 환경

  • 사용 도구: Cursor

  • 기술 stack: NextJS 14, Shadcn, Tailwind, React-hooks-form, Vercel


이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • Chat GPT, Copilot으로만 개발해왔던 개발자

  • Vibe Coding이 무엇인지 알고 싶은 개발자

  • 새로운 Cursor에 대해서 제대로 알고 싶은 개발자

선수 지식,
필요할까요?

  • Next.js 또는 React.js에 대한 기본적인 이해

  • 기본적인 CSS 지식

안녕하세요
토이크레인입니다.

296

명

수강생

34

개

수강평

5

개

답변

4.8

점

강의 평점

1

개

강의

안녕하세요 👋👋

솔로프로너로 이것저것 만들고 있는 토이크레인입니다.

Nextjs, Supabase, LLM 기반으로 한 새로운 서비스들 만들고 있어요

  • (현) ODD 대표

  • (전) 패션, 여행, 핀테크 스타트업 소프트웨어 엔지니어

  • (전) 스파르타 코딩 클럽 튜터, 패스트 캠퍼스 튜터

  • 디어리, 파크골프가자 운영

📮X | Thread | About Me

더보기

커리큘럼

전체

17개 ∙ (3시간 14분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

34개

4.8

34개의 수강평

  • Justice Axe님의 프로필 이미지
    Justice Axe

    수강평 4

    ∙

    평균 평점 5.0

    5

    18% 수강 후 작성

  • 김유나님의 프로필 이미지
    김유나

    수강평 1

    ∙

    평균 평점 5.0

    5

    93% 수강 후 작성

    AI 툴을 어떻게 써야 할지 막막했는데, 이 강의보고 완전 이해했어요 무조건 AI를 신뢰하기보단, 친구처럼 AI와 대화하면서 코딩하라는 말씀이 너무 와닿았습니다!!! AI 활용을 공부하고싶은 분들에게 강력 추천합니다!!

    • 토이크레인
      지식공유자

      앗 감사합니다!!! 더욱 열심히 해보겠습니다!!

  • 이준용님의 프로필 이미지
    이준용

    수강평 1

    ∙

    평균 평점 5.0

    5

    35% 수강 후 작성

  • 쿤둔님의 프로필 이미지
    쿤둔

    수강평 1

    ∙

    평균 평점 5.0

    5

    35% 수강 후 작성

  • 무무님의 프로필 이미지
    무무

    수강평 1

    ∙

    평균 평점 5.0

    5

    65% 수강 후 작성

    좋은 내용 강의 감사합니다

    • 토이크레인
      지식공유자

      도움이 되셨다니, 너무 기쁩니다 감사합니다

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

대세는 바이브 코딩과 MCP_Cursor AI로 시작하기강의 썸네일

대세는 바이브 코딩과 MCP_Cursor AI로 시작하기

Masocampus

₩89,100

입문 / cursor, 바이브코딩, mvp, MCP, AI Agent

4.9

(19)

100+
답변 활발
답변 활발

생성형 인공지능의 최신 트렌드, AI 에이전트! 개발 업무를 다 해주는 Cursor와 기능을 확장해주는 MCP로 앞서나가는 방법!

입문

입문

cursor, 바이브코딩, mvp

코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드강의 썸네일

코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

남박사

₩68,200

25%

₩51,150

입문 / n8n, 인공지능(AI), RAG, AI 활용 (AX), AI Agent

4.9

(70)

1,000+
Update
Update
답변 활발
답변 활발

요즘도 직접 코딩하시나요? 이젠 바이브 코딩도 귀찮은 시대! 코딩 없이 n8n으로 AI 자동화 전문가가 되어보세요. 실무에 바로 적용 가능한 자동화 워크플로우 설계 가이드 업무 효율을 극대화하는 실전 중심의 자동화 전략. n8n으로 직관적인 워크플로우를 구축하며, 업무 혁신을 경험해보세요

입문

입문

n8n, 인공지능(AI), RAG

AI 시대, 이제 현업이 개발한다! Cursor와 ChatGPT로 시작하는 바이브코딩강의 썸네일

AI 시대, 이제 현업이 개발한다! Cursor와 ChatGPT로 시작하는 바이브코딩

개발하는 분석가

₩33,000

초급 / Python, FastAPI, cursor, ChatGPT, 바이브코딩

4.5

(13)

100+
Update
Update
답변 활발
답변 활발
미션
미션

개발팀 눈치 보지 말고, 이제 내가 직접 만든다! 이 강의는 기획, 마케팅, 영업 등 실무 담당자가 개발자 도움 없이 AI도구를 활용하여 웹서비스의 핵심 기능을 직접 구현할 수 있도록 도와줍니다.

초급

초급

Python, FastAPI, cursor

코드로 배우는 React 19 with 스프링부트 API서버강의 썸네일

코드로 배우는 React 19 with 스프링부트 API서버

구멍가게코딩단

₩77,000

중급이상 / React, Spring Boot, JPA, JWT, TypeScript

4.7

(71)

1,200+
Update
Update
답변 활발
답변 활발

스프링 부트(Spring Boot ver3.4.x)로 제작되는 API 서버와 React 19 (with TypeScript) 연동 프로젝트 완성하기! 포트폴리오 작성 부트캠프 과정 전체를 강의로 제작

중급이상

중급이상

React, Spring Boot, JPA

React + GPT API로 AI회고록 서비스 개발 (원데이 클래스)강의 썸네일

React + GPT API로 AI회고록 서비스 개발 (원데이 클래스)

도도(코딩루팡)

무료

초급 / React, ChatGPT, JavaScript, HTML/CSS, Node.js

4.8

(33)

1,900+

1시간안에 끝내는 React기반의 GPT AI서비스 강의 수강 후 나만의 AI GPT SASS 솔루션을 만들어 보세요.

초급

초급

React, ChatGPT, JavaScript

Next.js 완벽 마스터 (v15): Notion 기반 개발자 블로그 만들기 (with Cursor AI)강의 썸네일

Next.js 완벽 마스터 (v15): Notion 기반 개발자 블로그 만들기 (with Cursor AI)

짐코딩

₩165,000

초급 / Next.js, CursorAI, React, cursor, 블로그

5.0

(34)

200+
Update
Update
답변 활발
답변 활발

최신 Next.js v15 App Router를 학습하며 Notion 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 Cursor AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

초급

초급

Next.js, CursorAI, React

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

정현우

₩22,000

입문 / JavaScript, React, Node.js, React Native, TypeScript

2.2

(6)

100+

아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 4개를 만들어보면서 앱 개발을 마스터해봅시다!

입문

입문

JavaScript, React, Node.js

공식으로 배우는 챗GPT 프롬프트 만들기 사용법 강의강의 썸네일

공식으로 배우는 챗GPT 프롬프트 만들기 사용법 강의

감자나라ai

₩58,300

초급 / 인공지능(AI), ChatGPT, 프롬프트엔지니어링, 콘텐츠 마케팅, 업무 생산성

5.0

(1)

챗GPT의 프롬프트를 만드는 "공식"을 알려드립니다. 이 공식에만 적용하면 좋은 프롬프트가 쏟아져 나옵니다.

초급

초급

인공지능(AI), ChatGPT, 프롬프트엔지니어링

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)강의 썸네일

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

이진석

₩220,000

초급 / Python, Django, React, htmx, Web API

4.9

(17)

600+

파이썬/장고 웹서비스 개발의 기초를 탄탄히 다져보세요. 장고 학습에는 시간도 걸리지만, 반복되는 개발 속에 여러분의 생산성을 극대화하실 수 있습니다. 여러분의 상상을 현실로 만들어보세요.

초급

초급

Python, Django, React

ChatGPT 고급 활용법 – 남들보다 100배 더 잘 쓰는 ChatGPT 비법 클래스강의 썸네일

ChatGPT 고급 활용법 – 남들보다 100배 더 잘 쓰는 ChatGPT 비법 클래스

Masocampus

₩119,900

24%

₩89,930

입문 / ChatGPT, 인공지능(AI), 프롬프트엔지니어링, AIPRM, gpt

4.6

(80)

800+
Update
Update
답변 활발
답변 활발

AI는 사람을 대체하지는 못할 것입니다. 하지만 ‘AI를 활용하는 당신’이 활용하지 못하는 모든 사람을 대체할 것입니다.

입문

입문

ChatGPT, 인공지능(AI), 프롬프트엔지니어링

내 일상에 ChatGPT는 어떻게 활용되는가?강의 썸네일

내 일상에 ChatGPT는 어떻게 활용되는가?

태림 스튜디오

무료

입문 / 인공지능(AI), ChatGPT, 프롬프트엔지니어링, AI 활용 (AX)

4.5

(15)

400+

다른 사람들은 일상에서 ChatGPT를 어떻게 활용했을까요? 실제 대화 내역을 공개합니다!

입문

입문

인공지능(AI), ChatGPT, 프롬프트엔지니어링

AI 시대의 혁신적인 게임 개발 입문 with Unity6강의 썸네일

AI 시대의 혁신적인 게임 개발 입문 with Unity6

UniCoti

₩36,300

입문 / Unity, C#, 인공지능(AI)

5.0

(18)

200+
미션
미션

당신을 진정 실전 게임개발자로 만들어줄 강의. 실전 프로젝트 4개와 AI 특화 3개의 게임으로 한계를 넘어보세요!

입문

입문

Unity, C#, 인공지능(AI)

사례로 배우는 Make 자동화의 모든 것강의 썸네일

사례로 배우는 Make 자동화의 모든 것

챗대리

₩347,600

입문 / No-code, 인공지능(AI), make, AI 활용 (AX), 마케팅 자동화

5.0

(23)

100+
Update
Update
미션
미션

클릭한번에 AI 업무 자동화 + 부수입창출!!! 업무 자동화의 끝판왕 Make, 복잡한 설정과 기능으로 시작하기 망설여지셨나요? 초보자도 쉽게 따라할 수 있는 단계별 강의로 내가 꿈꾸던 자동화를 직접 구현해보세요.

입문

입문

No-code, 인공지능(AI), make

공식문서로 배우는 실전 타입스크립트강의 썸네일

공식문서로 배우는 실전 타입스크립트

어쩔코딩

₩22,000

입문 / TypeScript, JavaScript, ES6, Node.js, Next.js

5.0

(2)

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

입문

입문

TypeScript, JavaScript, ES6

비전공자 혼자서 하루 만에 수익화 앱 출시하기강의 썸네일

비전공자 혼자서 하루 만에 수익화 앱 출시하기

김은찬

₩132,000

초급 / Flutter, 모바일 디자인, cursor, 수익화

4.8

(12)

200+
New
New
답변 활발
답변 활발

이 강의는 한 줄의 아이디어로 시작해 기획, 디자인, 개발, 각 플랫폼 앱 출시까지 전 과정의 노하우를 알려드려요. 지금 바로 1인 수익화 앱 개발을 시작해 보세요.

초급

초급

Flutter, 모바일 디자인, cursor

copilot과 함께 파이썬 찍어먹기 (크롤링 , 데이터시각화 )강의 썸네일

copilot과 함께 파이썬 찍어먹기 (크롤링 , 데이터시각화 )

개발크리에이터

₩27,500

입문 / 인공지능(AI), Microsoft Copilot, Python, JavaScript

코파일럿 (copilot) 과 함께 개발에 입문을 해봐요. AI와 함께라면 초등학생도 따라할 수 있어요!

입문

입문

인공지능(AI), Microsoft Copilot, Python

놀라운 포토샵&AI 시크릿 레시피강의 썸네일

놀라운 포토샵&AI 시크릿 레시피

SSAENGCHO[A]

₩33,000

입문 / Photoshop, 인공지능(AI), ChatGPT

5.0

(5)

어렵게만 느껴졌던 홍보 기획과 디자인 강의를 한 번에 할 수 있다면? 아무 것도 모르는 초보도 인공지능을 이용해 전문가처럼 콘텐츠를 완성할 수 있어요!

입문

입문

Photoshop, 인공지능(AI), ChatGPT

AI 시대의 프로덕트 디자인 - Figma Meetup in Korea

인프런

무료

입문 / Figma, 프로덕트디자인, 인공지능(AI)

4.5

(27)

2,900+

AI시대에 프로덕트 디자인과 교육은 어떻게 변화하고 있을까요? 피그마 공식 커뮤니티, FoF Seoul & Educators 에서 공동으로 주관해 밋업을 열었어요. AI시대 프로덕트 디자인과 교육 관련 다양한 사례, 주제와 함께, 피그마를 사랑하는 글로벌 업계 연사들의 관련 세션을 만나보세요.

입문

입문

Figma, 프로덕트디자인, 인공지능(AI)

AI 광고 영상 실전 제작: BELROSE 사례로 배우는 25+ 장면 완성법강의 썸네일

AI 광고 영상 실전 제작: BELROSE 사례로 배우는 25+ 장면 완성법

Dong Ah K

₩121,000

30%

₩84,700

중급이상 / 영상제작, 인공지능(AI), Midjourney, AI 활용 (AX)

New
New

이 강의는 무료 입문편에서 익힌 Midjourney&Runway 기본기를 실제 광고 프로젝트에 적용한 ‘실전편’입니다. 가상의 브랜드 BELROSE 광고 영상을 기반으로 25개 이상의 장면을 기획·생성·연결하는 전체 AI영상 제작과정을 Step-by-Step 따라 하며, AI 툴을 활용한 실전 제작 노하우와 프롬프트 응용 전략을 배울 수 있습니다.

중급이상

중급이상

영상제작, 인공지능(AI), Midjourney

AI 입문자를 위한 MS AI 핵심기술 완전정복강의 썸네일

AI 입문자를 위한 MS AI 핵심기술 완전정복

이상희강사

₩140,800

입문 / 머신러닝, Azure, NLP, 인공지능(AI), AI 활용 (AX)

Microsoft AI-900 자격을 동시에 대비 할 수 있는 특강이며 2025년 5월기준의 출제 범위를 반영한 최신 콘텐트로서 AI 개요, 머신러닝 기초, 컴퓨터 비전, 자연어 처리, 문서 인텔리전스, 지식 마이닝, 그리고 생성형 AI를 포함한 이론과 실습이 겸비된 형태로 제공합니다

입문

입문

머신러닝, Azure, NLP

월 ₩15,180

5개월 할부 시

₩75,900