제로부터 TypeScript로 Claude Code 만들기

이 강의는 코딩 에이전트를 직접 만들면서 Kotlin 기반 AI 에이전트 개발을 익히는 실전 과정입니다. Kotlin으로 만들어진 AI 프레임워크 Koog를 활용해 실제로 Claude Code, Cursor, Junie와 같은 코딩 에이전트를 구현하는 방법을 단계별로 실습합니다. 특히 Koog는 단순한 서버 사이드 프레임워크가 아니라 Spring과 자연스럽게 연동되며, Kotlin 멀티플랫폼(KMP)을 통해 Android · iOS · Desktop · Web 등 다양한 환경과 연결 가능한 확장성을 갖추고 있습니다. 코드를 읽고, 분석하고, 수정하고, 생성하는 지능형 에이전트를 만들며 AI 에이전트의 구조, 전략, 컨텍스트 처리, Tool 연동 등을 실전 중심으로 학습하게 됩니다.

Cursor로 나만의 MCP 서버를 만들어보면서 개발자의 미래 모습인 바이브 코딩을 체득하는 강의입니다.

SpringAI + React로 만들어보는 나만의 감정일기 서비스 Neo + Essential과 함께 만들어보는 4번째 프로젝트 시간입니다!

누구보다 빠르게 배우는 Springboot + NextJS RestAPI 게시판 만들기! Springboot 로 CRUD 서버를 개발하고 NextJS로 나만의 게시판을 만들어보세요!

탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

이 강의는 TypeScript 기반으로 Next.js 16+를 처음부터 실전 프로젝트 수준까지 완성하는 올인원 강의입니다. App Router, Server Components, Server Actions, Caching, Cache Components, 인증, 성능 최적화, 배포까지 최신 Next.js의 핵심 개념과 실무 패턴을 직접 구현하며 학습합니다.

블로그 프로젝트를 통해 리액트 기초를 배울수 있습니다

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

이제는 정말 누구나, 단 하루 만에 나만의 서비스를 만들 수 있는 시대입니다. 지난 바이브코딩 워크샵에서는 바이브코딩이란 무엇인지 직접 냅-다 경험하며, 내가 만들고 싶은 서비스의 프론트(보이는 페이지)를 누구나 완성하고 배포까지 해보는 것이 목표였다면 이번 워크샵은 단순히 보이는 서비스를 만드는 것에 그치지 않고, 실제 사용자를 구체적으로 상상하고, ‘이 서비스를 누가, 왜 사용할지’에 집중하는 개발 방식을 중요하게 다룹니다. 참가자들은 워크샵을 통해 자신만의 서비스를 만들면서, 자연스럽게 타겟 사용자와 해결할 문제를 명확하게 정의하는 법을 배우게 됩니다. 바이브코딩이 처음인 사람도 괜찮습니다! 코딩을 몰라도, 개발을 몰라도 충분합니다! 단순히 따라 만드는 것이 아니라, 진짜 사용 가능한 서비스를 직접 만들어내는 경험을 이번 워크샵에서 만나보세요!

실시간 AI 에이전트, 회의 내용 요약, 그리고 통화 후 기능이 있는 AI 기반의 화상 회의 애플리케이션을 만들어요.

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

실전 바이브 코딩으로 회사 소개 랜딩페이지를 완성합니다. Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP 스택으로, 설계부터 배포까지 한 번에 진행합니다. 핵심은 “빠른 구현 + 검색 엔진에 잘 노출되는 SEO 기반”입니다. 🏁 강의 목표 랜딩 제작 → 성능 최적화 → SEO 반영 → 배포/인덱싱 실시간 코딩(바이브 코딩)으로 섹션별 완성본을 바로 확인 검색 반영까지 직접 체험 🛠️ 실습 스택 Cursor AI, Next.js(App Router), TypeScript TailwindCSS, shadcn/ui, MCP 워크플로우 🔍 SEO 실습 강사가 제공하는 SEO 최적화용 MD 파일 적용 메타데이터, OG/Twitter 카드, robots/sitemap, 구조화 데이터(JSON-LD) 다국어 라우팅 선택 적용 🎯 완성물 반응형 회사 소개 랜딩 + 문의 폼 Lighthouse 95+ 목표 Vercel 배포 후 Search Console 등록 및 인덱싱 요청 📚 이 강의로 배우는 것 히어로/신뢰/기능/FAQ 섹션을 빠르게 구성하는 법 shadcn/ui로 깔끔한 UI 구성 폼 검증과 기본 전환 추적 포인트 설계 구조화 데이터 + 다국어 라우팅으로 SEO 스코어 올리기 배포 후 Search Console을 통한 인덱싱 과정 이해 💡 현업 인사이트 (강의 특전) 단순히 코드 구현만이 아니라, 실제 시장에서 활용되는 마케팅·노출 방식도 간단히 짚어드립니다. 광고, 블로그 포스팅, 댓글 작업의 현실적인 단가 범위 외주·용역 업체들이 실제로 SEO, 노출 작업을 어떻게 진행하는지 개발자가 직접 참여했을 때와 외주를 맡겼을 때의 비용/효율 차이 이 부분을 통해 단순히 기술을 넘어서 실제 현업에서 어떻게 활용되는지, 어떤 비용 구조로 움직이는지까지 감각을 익힐 수 있습니다. 한 줄 정리 “구현 → 최적화 → 배포 → 인덱싱”의 흐름을 따라가며, 실제 검색 노출과 현업 시장 구조까지 연결되는 웹 제작 프로세스를 배웁니다.

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

스프링 부트(Spring Boot ver3.4.x)로 제작되는 API 서버와 React 19 (with TypeScript) 연동 프로젝트 완성하기! 백엔드 포트폴리오에 프론트 엔드 적용! 실무자들을 대상으로 작성된 강의(초급자용 강의는 아닙니다.)

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

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

AI가 내 Slack, Notion에 대신 글을 써준다고? 기존 AI의 한계를 뛰어넘은 MCP로 똑똑하게 일하세요!

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

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

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