코딩밸리

Cursor AI 풀스택 웹 개발

에이전트 코딩 도구 활용 웹 개발 효율화

강의

21

퀴즈

10

코드 실습

7

프로젝트

3

프론트엔드, 백엔드, 배포 등
웹 개발 과정이 너무 복잡해서 엄두가 안나...

프론트엔드, 백엔드, 배포 등
웹 개발 과정이 너무 복잡해서 엄두가 안나...

웹 개발, 이제 아이디어만 있으면
Cursor AI가 현실로 구현

웹 개발, 이제 아이디어만 있으면
Cursor AI가 현실로 구현

웹 > 코스상세 > Cursor AI 풀스택 웹 개발웹 > 코스상세 > Cursor AI 풀스택 웹 개발
웹 개발, 바로 시작해 보세요

웹 개발, 바로 시작해 보세요

Cursor AI 풀스택 웹 개발 코스

실무에서 바로 사용 가능한 Cursor AI 활용법

스스로 판단하고 완성하는 AI프론트엔드·백엔드 통합 개발서비스 런칭까지 자동으로
스스로 판단하고 완성하는 AI
스스로 판단하고 완성하는 AI
원하는 기능을 설명하면 기획부터
코드 생성, 오류 수정까지 스스로 완성해요.
프론트엔드·백엔드 통합 개발
프론트엔드·백엔드 통합 개발
Next.js로 화면과 서버를, Supabase로
DB를, shadcn으로 UI를 구현해요.
서비스 런칭까지 자동으로
서비스 런칭까지 자동으로
GitHub에 코드를 올리면 Vercel이
배포해 나만의 URL로 서비스가 공개돼요.

이 과목을 추천하는 이유

이 과목을 추천하는 수강생들의 찐 후기

결과물
결과물

한눈에 보는 코스 소개

기획부터 배포까지 Cursor AI와 함께

기획부터 배포까지 Cursor AI와 함께

AI가 만들어주는 코드로<br/>풀스택 웹 개발 빠르게 시작하기

AI가 만들어주는 코드로
풀스택 웹 개발 빠르게 시작하기

과거의 웹 개발은 프론트엔드, 백엔드, 배포까지 정말 많은 영역을 알아야만 했습니다. 하지만 이제는 그럴 필요가 없습니다.

이 강의를 통해 개발 지식 없이도 아이디어를 실현해 보세요.
Cursor AI와 함께라면 상상만 했던 나만의 서비스가 현실이 됩니다.

웹 서비스 제작

다양한 기능을 갖춘
다이어리 웹 서비스 만들기

Cursor AI로 다이어리 웹 서비스를 만들어요.
일기 작성, 이미지 업로드, 검색, 날짜 필터링까지
실제 서비스에서 볼 수 있는 기능을 완성해요.

Agentic AI 개발

Cursor AI가

기획부터 완성까지

원하는 기능을 설명하면 Cursor AI가
기획부터 코딩 규칙, 코드 생성, 오류 수정까지
다음 단계를 스스로 판단하며 완성해요.

풀스택 개발과 배포

프론트엔드·백엔드
배포까지 한 번에

Next.js로 화면과 서버를, Supabase로 DB를,
shadcn으로 UI를 만들어요. GitHub에 올리면
Vercel로 실제 서비스를 바로 배포할 수 있어요.

AI가 만들어주는 코드로<br/>풀스택 웹 개발 빠르게 시작하기

AI가 만들어주는 코드로
풀스택 웹 개발 빠르게 시작하기

"아이디어는 있는데 개발 과정이 막막하신가요?"

과거의 웹 개발은 프론트엔드, 백엔드, 배포까지 정말 많은 영역을
알아야만 했습니다. 하지만 이제는 그럴 필요가 없습니다.
Cursor AI와 함께라면 상상만 했던 나만의 서비스가 현실이 됩니다.

이 강의를 통해 개발 지식 없이도 아이디어를 실현해 보세요.
Cursor AI와 함께 하루 만에 나만의 웹 서비스를 만들 수 있습니다.

웹 서비스 제작웹 서비스 제작

다양한 기능을 갖춘
다이어리 웹 서비스 만들기

Cursor AI로 다이어리 웹 서비스를 만들어요.
일기 작성, 이미지 업로드, 검색, 날짜 필터링까지
실제 서비스에서 볼 수 있는 기능을 완성해요.

Agentic AI 개발Agentic AI 개발

Cursor AI가

기획부터 완성까지

원하는 기능을 설명하면 Cursor AI가
기획부터 코딩 규칙, 코드 생성, 오류 수정까지
다음 단계를 스스로 판단하며 완성해요.

풀스택 개발과 배포풀스택 개발과 배포

프론트엔드·백엔드
배포까지 한 번에

Next.js로 화면과 서버를, Supabase로 DB를,
shadcn으로 UI를 만들어요. GitHub에 올리면
Vercel로 실제 서비스를 바로 배포할 수 있어요.

스페셜 포인트

스토리로 이해하는 학습 개념
이제 일상 속 재밌는 이야기로 만나보세요

학습만화로 공부에 흥미를 붙였던 경험처럼
이제 일상 속 재밌는 이야기를 통해 이해하고 학습하세요

코스 요약툰 썸네일학습 드라마 요약툰 자세히 보기
코스 요약툰 이미지

한눈에 보는 코스 특장점

Cursor AI와 함께하는 풀스택 개발 경험

Cursor AI와 함께하는 풀스택 개발 경험

Point 1
쉽게 이해되는 강의를 통해

Cursor AI 활용법을 배워요
Point 2
함께 실습하며 Cursor AI를 활용한
풀스택 개발을 이해해요

필요한 개념을 모두 담은 탄탄한 커리큘럼

드라마로 재밌게 개념을 익히고, 알짜배기 강의로
하나씩 클리어 해나가다보면 어느새 완강!

  • 코스 소개
    강의
  • AI로 웹 개발도 할 수 있어!
    학습 드라마
  • 1. 나만의 다이어리 만들기
    강의
  • 2. Cursor AI 시작하기
    강의퀴즈
  • 3. Next.js로 프로젝트 시작하기
    강의퀴즈
  • 4. Tailwind CSS, shadcn/ui 시작하기
    강의퀴즈
  • 5. Supabase로 데이터베이스 만들기
    강의퀴즈
  • 6. GitHub로 프로젝트 관리하기
    강의퀴즈
  • 7. AI와 프로젝트 계획하기
    강의퀴즈
  • 8. 코딩 스타일과 규칙 알려주기
    강의퀴즈
  • 9. 데이터베이스 연동하기
    강의퀴즈
  • 10. 레이아웃 구성하기
    강의코드 실습
  • 11. 일기 작성 페이지 만들기
    강의코드 실습
  • 12. 이미지 업로드 기능 추가하기
    강의코드 실습
  • [프로젝트1] 다이어리 입력 폼 만들기
    프로젝트
  • 13. 일기 목록, 상세 페이지 만들기
    강의코드 실습
  • 14. 일기 수정, 삭제 기능 구현하기
    강의코드 실습
  • [프로젝트2] 상세 페이지 만들기
    프로젝트
  • 15. 검색 기능 구현하기
    강의코드 실습
  • 16. 날짜로 필터링하기
    강의코드 실습
  • [프로젝트3] 검색과 달력 기능 추가하기
    프로젝트
  • 17. Vercel로 간단하게 배포하기
    강의퀴즈
  • 18. 나만의 웹 주소 만들기
    강의퀴즈
  • 19. 프로젝트 최적화하기
    강의

강사님을 소개해요

코딩 초보 탈출을 도와줄 대표 강사님이에요.

정용수

정용수

AI 활용 풀스택 개발자

  • AI 코딩밸리 웹 개발 강사
  • 국내외 10여개 대학 웹 개발 강의
  • 위스콘신 대학교 컴퓨터 과학 복수 전공

위스콘신 대학교에서 컴퓨터 공학을 복수전공하며 쌓은 지식을 바탕으로 체계적인 교육을 제공합니다. AI 시대에 필요한 풀스택 개발 역량과 논리적 문제 해결 능력을 실무 중심으로 전달하겠습니다.

  • AI 코딩밸리 웹 개발 강사
  • 국내외 10여개 대학 웹 개발 강의
  • 위스콘신 대학교 컴퓨터 과학 복수 전공

먼저 학습하고 오길 추천해요

React 첫걸음

프론트엔드 개발의 핵심, 리액트에 입문하는 코스
STEP 1
28
React 첫걸음

Next.js 첫걸음

빠르고 최적화된 웹앱 개발을 위한 Next.js 기초 코스
STEP 4
18
Next.js 첫걸음

같이 공부하면 좋아요

Claude Code 입문

Claude Code로 AI와 코딩하는 방법을 배우는 코스
STEP 2
13
Claude Code 입문

수익형 웹 서비스 입문

학습 드라마와 함께 수익형 웹 서비스를 만들어 보는 코스
STEP 4
32
수익형 웹 서비스 입문

Cursor AI 풀스택 웹 개발

강의21
·
실습20