인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
개발 · 프로그래밍

/

프론트엔드

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

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

(4.8) 수강평 25개

수강생 223명

Next.jsReactcursor인공지능(AI)
Thumbnail

초급자를 위해 준비한
[프론트엔드, AI · ChatGPT 활용] 강의입니다.

이런 걸 배울 수 있어요

  • 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 0.49

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

cursor049

Cursor 0.49

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 지식

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

223

명

수강생

25

개

수강평

5

개

답변

4.8

점

강의 평점

1

개

강의

안녕하세요 👋👋

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

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

  • (현) ODD 대표

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

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

  • Dearly, 파크골프가자 운영

📮X | Thread | About Me

더보기

커리큘럼

전체

17개 ∙ (3시간 14분)

해당 강의에서 제공:

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

수강평

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