한 입 크기로 잘라먹는 Next.js

25%

입문 / 웹앱, claude, 바이브코딩, codex, 인공지능(AI)

5.0

(168)

AI는 딱 당신만큼만 훌륭합니다. AI 활용법 → 기초 핵심 지식 → 프로젝트 개발 3단계로 완성하는 완벽한 바이브 코딩. 바이브 코딩을 제대로 배워보고 싶은 분들을 위해, 어떤 AI를 사용하더라도 변하지 않는 핵심 개념들을 한 입 크기로 잘라 전달해 드립니다.

입문

웹앱, claude, 바이브코딩

한 입 크기로 잘라먹는 바이브코딩 - 기초부터 실전 배포까지 (클로드 & 코덱스)

이정환 Winterlood

25%

입문 / 웹앱, claude, 바이브코딩, codex, 인공지능(AI)

5.0

(168)

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

이정환 Winterlood

₩19,800

25%

₩14,850

초급 / React, 웹앱, TailwindCSS, react-query, zustand

5.0

(16)

500+

Zustand, Tanstack Query, Tailwind CSS로 여러분의 리액트 앱을 업그레이드 하세요! 복잡한 프로젝트에도 도전하실 수 있도록 다양한 도구들의 핵심 개념과 사용 방법을 안내해 드립니다.

초급

React, 웹앱, TailwindCSS

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

이정환 Winterlood

₩19,800

25%

₩14,850

초급 / React, 웹앱, TailwindCSS, react-query, zustand

5.0

(16)

500+

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

25%

초급 / JavaScript, React, Node.js

4.9

(1,569)

개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 18시간 분량의 All-in-one 강의!

초급

JavaScript, React, Node.js

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

25%

초급 / JavaScript, React, Node.js

4.9

(1,569)

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

25%

초급 / TypeScript

5.0

(784)

문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻‍♀️로 만들어드립니다.

초급

TypeScript

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

25%

초급 / TypeScript

5.0

(784)

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

이정환 Winterlood

25%

중급이상 / React, TypeScript, react-query, supabase, zustand

5.0

(155)

이제는 실전에 도전할 차례입니다 🔥 React.js + TypeScript + Supabase로 실무급 SNS를 함께 개발해보며 인증&인가, 무한스크롤, 이미지 업로드, 좋아요, 무한 중첩 댓글, 다크모드 등의 기능을 만들어 봅니다. 이 과정에서 Zustand와 Tanstack Query를 이용한 서버 및 전역 상태 관리 기법도 살펴볼 예정입니다.

중급이상

React, TypeScript, react-query

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

이정환 Winterlood

25%

중급이상 / React, TypeScript, react-query, supabase, zustand

5.0

(155)

[VOD] AI가 다 해준다는데, 왜 나만 막힐까? - 바이브코딩 기초 개념 7가지

이정환 Winterlood

입문 / codex, 인공지능(AI), AI Agent, claude, 바이브코딩

4.8

(30)

AI에게 시켰는데 에러만 반복된다면, 문제는 AI가 아니라 방향을 줄 기초가 없어서입니다. 이 영상에서는 바이브코딩을 하다 막히는 사람들에게 빠짐없이 비어 있던 기초 개념 7가지가 각각 무엇이고 왜 필요한지 짚어드립니다. 👾 코딩 0일차, 터미널을 한 번도 안 열어본 분을 기준으로 설명합니다.

입문

codex, 인공지능(AI), AI Agent

[VOD] AI가 다 해준다는데, 왜 나만 막힐까? - 바이브코딩 기초 개념 7가지

이정환 Winterlood

입문 / codex, 인공지능(AI), AI Agent, claude, 바이브코딩

4.8

(30)

비슷한 강의

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

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

25%

초급 / JavaScript, React, Node.js

4.9

(1,569)

초급

JavaScript, React, Node.js

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

25%

초급 / JavaScript, React, Node.js

4.9

(1,569)

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

25%

초급 / TypeScript

5.0

(784)

초급

TypeScript

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

25%

초급 / TypeScript

5.0

(784)

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

이정환 Winterlood

25%

중급이상 / React, TypeScript, react-query, supabase, zustand

5.0

(155)

중급이상

React, TypeScript, react-query

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

이정환 Winterlood

25%

중급이상 / React, TypeScript, react-query, supabase, zustand

5.0

(155)

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

₩39,600

25%

₩29,700

중급이상 / 클론코딩, React, TypeScript, Webpack, Babel, Socket.io

4.8

(97)

2,900+

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

중급이상

클론코딩, React, TypeScript

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

₩39,600

25%

₩29,700

중급이상 / 클론코딩, React, TypeScript, Webpack, Babel, Socket.io

4.8

(97)

2,900+

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

25%

중급이상 / AWS, Docker, Next.js, NestJS, Prisma

4.8

(43)

🔥 강의 등록부터 영상 업로드까지, 지식공유자 기능을 그대로 구현해보는 실전 풀스택 강의입니다. Next.js 15와 NestJS를 활용해 강의 생성, 커리큘럼 구성, 썸네일 및 영상 업로드, 상세 소개 작성까지 실제 인프런 흐름을 따라 만들며, Prisma 모델링, JWT 인증, S3 + CloudFront 업로드, Swagger API 설계 등 실무에 가까운 경험을 쌓을 수 있습니다.

중급이상

AWS, Docker, Next.js

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

25%

중급이상 / AWS, Docker, Next.js, NestJS, Prisma

4.8

(43)

찍어먹는 Next.js 풀코스 (한국어 더빙)

ludgi

25%

중급이상 / React, AWS, GraphQL, Next.js, Prisma

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

중급이상

React, AWS, GraphQL

찍어먹는 Next.js 풀코스 (한국어 더빙)

ludgi

25%

중급이상 / React, AWS, GraphQL, Next.js, Prisma

인프런 클론코딩 Part 2: 수강부터 배포까지, 진짜 인프런 완성하기

로펀

25%

중급이상 / AWS, Docker, Next.js, NestJS, Prisma

4.5

(10)

🔥 강의 수강부터 결제, 배포까지 수강생이 겪는 전 과정을 그대로 구현해보는 실전 풀스택 강의입니다. 강의 탐색, 상세페이지, 수강신청, 영상 시청, 수강평과 질문, 장바구니 및 실결제, 이어보기, Docker + AWS 배포까지 모두 직접 만들며, 실제 서비스에 가까운 사용자 흐름과 구조 설계를 익히고 고급 풀스택 경험을 완성합니다.

중급이상

AWS, Docker, Next.js

인프런 클론코딩 Part 2: 수강부터 배포까지, 진짜 인프런 완성하기

로펀

25%

중급이상 / AWS, Docker, Next.js, NestJS, Prisma

4.5

(10)

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

25%

중급이상 / Next.js, React, GraphQL, Prisma, AWS

5.0

(2)

중급이상

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

25%

중급이상 / Next.js, React, GraphQL, Prisma, AWS

5.0

(2)

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

25%

초급 / Next.js, supabase, TailwindCSS, react-query, Firebase

4.8

(57)

800+

풀스택 개발에 날개를 달아줄 Supabase! 3가지의 클론 프로젝트를 통해 Next.js 14와 Supabase로 실무 수준의 풀스택 개발을 하는 법을 속성으로 배우게 됩니다.

초급

Next.js, supabase, TailwindCSS

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

25%

초급 / Next.js, supabase, TailwindCSS, react-query, Firebase

4.8

(57)

800+

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

도도(코딩루팡)

입문 / nextjs, ChatGPT, React, TypeScript, TailwindCSS

4.8

(72)

1,100+

Next.js + Cursor IDE 로 챗 프로그램을 한시간만에 구현하는 능력을 가질 수 있어요.

입문

nextjs, ChatGPT, React

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

도도(코딩루팡)

입문 / nextjs, ChatGPT, React, TypeScript, TailwindCSS

4.8

(72)

1,100+

HTML/CSS/JS만 알아도 OK! React와 Firebase로 완성하는 실전 프로젝트

이지웹

₩18,700

25%

₩14,020

초급 / React, Firebase, firebase-database, firebase-firestore

AI 시대에도 개발자에게는 코드를 이해하고 실제 서비스를 완성하는 능력이 필요합니다. HTML/CSS/JavaScript 기본기를 바탕으로 React와 Firebase를 활용해 로그인, 데이터 관리, 이미지 업로드부터 배포까지 직접 구현하며 실전 웹 개발 역량을 키워보세요.

초급

React, Firebase, firebase-database

HTML/CSS/JS만 알아도 OK! React와 Firebase로 완성하는 실전 프로젝트

이지웹

₩18,700

25%

₩14,020

초급 / React, Firebase, firebase-database, firebase-firestore

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

25%

초급 / React, Next.js, expo, React Native

4.4

(5)

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

초급

React, Next.js, expo

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

25%

초급 / React, Next.js, expo, React Native

4.4

(5)

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

25%

초급 / Next.js, FastAPI, whisper, openai-whisper

3.0

(8)

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

초급

Next.js, FastAPI, whisper

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

25%

초급 / Next.js, FastAPI, whisper, openai-whisper

3.0

(8)

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

25%

₩24,750

초급 / React, Electron, GUI, cross-platform, zustand

4.4

(8)

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

초급

React, Electron, GUI

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

25%

₩24,750

초급 / React, Electron, GUI, cross-platform, zustand

4.4

(8)

AI와 함께 만드는 웹사이트 - Stitch · Figma Make · React 실전 프로젝트

이지웹

₩16,500

25%

₩12,370

초급 / React, Figma, stitch, 인공지능(AI)

4.8

(9)

AI 시대의 웹 개발자는 코딩뿐 아니라 AI를 활용해 아이디어를 실제 결과물로 완성하는 능력이 중요합니다. Stitch와 Figma Make를 활용한 UI 제작부터 React 구현과 배포까지 경험하며, 실무와 포트폴리오에 활용할 수 있는 AI 웹 개발 역량을 키워보세요.

초급

React, Figma, stitch

AI와 함께 만드는 웹사이트 - Stitch · Figma Make · React 실전 프로젝트

이지웹

₩16,500

25%

₩12,370

초급 / React, Figma, stitch, 인공지능(AI)

4.8

(9)

따라하며 배우는 타입스크립트 A-Z

John Ahn

₩49,500

25%

₩37,120

초급 / TypeScript, JavaScript

5.0

(6)

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.

초급

TypeScript, JavaScript

따라하며 배우는 타입스크립트 A-Z

John Ahn

₩49,500

25%

₩37,120

초급 / TypeScript, JavaScript

5.0

(6)

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

25%

초급 / NestJS, REST API, backend, JavaScript, TypeScript

5.0

(153)

1,900+

자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

초급

NestJS, REST API, backend

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

25%

초급 / NestJS, REST API, backend, JavaScript, TypeScript

5.0

(153)

1,900+

[PROKIT] 바이브코딩/프론트엔드 연습용 문제집: 타이머 앱 만들기

닙스(NYBS)

₩27,500

25%

₩20,620

입문 / React

개발 프로젝트를 위한 미션 콘텐츠입니다. DevTime이라는 타이머 앱을 직접 구현해보면서 프로젝트 실습을 해볼 수 있도록 PRD 기획 문서, Figma 시안, API 엔드포인트를 제공합니다. 실제 서비스와 유사한 수준의 프로젝트를 구현해 보면서 그동안 학습한 지식을 완벽하게 자신의 것으로 만들어 보세요 🚀

입문

React

[PROKIT] 바이브코딩/프론트엔드 연습용 문제집: 타이머 앱 만들기

닙스(NYBS)

₩27,500

25%

₩20,620

입문 / React

[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스

코드팩토리

₩44,000

25%

초급 / TypeScript

4.9

(95)

TypeScript(타입스크립트)를 하나도 모르더라도 강의 하나로 Typescript 문법 고수로 만들어주는 고농축 Typescript 문법 강의입니다.

초급

TypeScript

[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스

코드팩토리

₩44,000

25%

초급 / TypeScript

4.9

(95)

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

코드캠프

25%

중급이상 / React, Next.js, cursor, 프롬프트엔지니어링, 바이브코딩

4.8

(73)

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

중급이상

React, Next.js, cursor

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

코드캠프

25%

중급이상 / React, Next.js, cursor, 프롬프트엔지니어링, 바이브코딩

4.8

(73)