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

수백명의 개발자를 배출한 ‘진짜’ 부트캠프의 완벽한 프론트엔드 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [코드캠프]가 준비했습니다 :)

CSS만 집요하게 모아놓은 강의 보셨나요? 이 강의에서는 총 2가지 프로젝트를 진행하면서, 가장 기본적인 레이아웃 구성부터 반응형까지 구현하게 될 거에요! 자, 이제 준비되셨다면 시작해볼까요?

코딩과 사랑에 빠져버린 8년차 풀스택 개발자 Captain의 사심이 가득 담긴 커리큘럼이에요. 백엔드의 모든 것을 다 알려주고 싶은 Captain의 마음이 녹아있죠! 이 강의를 듣다보면 '이렇게까지 알려준다고?' 하는 생각을 떨칠 수 없을 거예요. 모두가 어려워하는 부분까지 꼭꼭 씹어 떠먹여주는 이 강의로 시작해 볼까요?

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

최신 CSS 프러퍼티와 실무적인 Javascript를 프로젝트를 진행하면서 재밌게 배울 수 있습니다.

너무나 어렵게만 느껴지는 알고리즘... 수학과 친하지 않은 수강생이라도 이 강의 하나로 알고리즘 기초를 한 번에 끝낼 수 있을 거예요! 알고리즘을 푸는 데 필요한 기초 개념을 차근차근 배우고, 더 나아가 문제에 적용하는 코드캠프의 노하우까지 싹 다 알려드릴게요 :)

1년간 300여명의 개발자를 배출한 ‘진짜’ 부트캠프의 고농축 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [인프런X코드캠프]가 준비했습니다 :)

다른 언어도 많은데.. 왜 자바스크립트여야 하냐구요? 자바스크립트는 전세계에서 가장 많이 쓰는 언어로, 비전공자도 빠르게 배울 수 있고 이해하기 쉬운 구조를 가지고 있어요. 게다가 구글, 페이팔, 아마존 등 유명 기업들도 활용하고 있다니! 더 이상의 고민이 필요한가요?

코딩 부트캠프의 독보적인 커리큘럼으로 만든 강의입니다. 가장 기초적이고 실무에서 꼭 필요한 내용들로 구성되어 있어요. '누구나 가능한 개발자로의 커리어 전환' 이 강의로 시작하세요.

리액트로 만들어진 웹 서비스의 성능을 측정하고 더욱 빠르고 효율적으로 최적화 하는 방법을 배웁니다.

OpenAI 실전 활용 과정으로, 텍스트, 이미지, 음성, 번역, 콘텐츠 검수 등 다양한 AI 기능을 자바 환경에서 직접 구현합니다.

실전 바이브 코딩으로 회사 소개 랜딩페이지를 완성합니다. 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 v15 App Router를 학습하며 노션 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 커서 AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

바이브코딩으로 React 회원가입 로그인 + 게시판 만들기 (React + FastAPI)은 AI 프롬프트를 활용해 풀스택 웹 애플리케이션을 직접 완성해보는 실습형 강의입니다. OpenAI Codex와 Claude Code 이 강의에서는 React(Typescript) 프론트엔드와 FastAPI 백엔드를 연결하여, 회원가입 & 로그인 기능 게시판 CRUD(작성, 조회, 수정, 삭제) JWT 인증과 권한 처리 를 하나의 프로젝트 안에서 구현합니다. 특히, 단순히 코드를 작성하는 데서 끝나는 것이 아니라, 👉 AI 프롬프트로 코드 생성 → 실행 및 수정 → 테스트 → 확장 이라는 “바이브코딩” 학습 방식을 통해 AI와 함께 개발하는 새로운 흐름을 경험할 수 있습니다. 완강 후에는 “나만의 회원제 게시판 서비스”를 직접 완성할 수 있으며, 추가로 댓글, 좋아요, 이미지 업로드 같은 확장 기능까지 도전할 수 있습니다.

리액트로 만들어진 웹 서비스의 성능을 측정하고 더욱 빠르고 효율적으로 최적화 하는 방법을 배웁니다.

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

서버 세팅부터 블로그·유튜브 자동화까지, n8n으로 완전한 AI 워크플로우를 구축합니다. 컨타보 VPS 기반 서버 설치, 우분투·도커·포르테이너 환경 세팅, 도메인 연결과 HTTPS 보안 설정까지 안정적인 운영 환경을 실습합니다. FastAPI와 Docker를 활용한 검색 API·파일 서버 개발, Airtable과 n8n 연동, 블로그 AI 에이전트 구축, 이미지·영상 자동화까지 다룹니다. 실제 서비스 운영에 바로 적용 가능한 수익형 자동화 전략을 완성할 수 있습니다.

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

혹시 중요한 고객 미팅 후, 아이 컨택 대신 메모에만 집중하거나 미팅 내용을 정확히 기록하지 못해 아쉬웠던 경험 있으신가요? 이제 더 이상 걱정 마세요! 이 강의에서는 바이브 코딩(Vibe Coding)을 활용해 AI로 핵심 내용을 요약하며, 깔끔하게 미팅 내용을 저장하는 나만의 CRM 어시스턴트를 직접 만들 수 있도록 도와드립니다. 번거로운 문서 작성 시간을 획기적으로 줄여 업무 생산성을 극대화하고, 고객 관리를 혁신하는 방법을 배우게 될 거예요!

AI 툴과 자동화 기술이 넘쳐나는 시대, 'Cursor' 하나로 누구나 시작할 수 있는 바이브 코딩을 소개합니다. 개발자만 가능한 일이라고요? 아닙니다. 이 클래스에서는 코드 한 줄 몰라도, 마우스 클릭, 프롬프트 입력만으로 Cursor를 활용해 앱과 앱을 만들어서 수익을 창출하는 자동화 시스템을 구축할 수 있습니다. 수강 대상 개발은 어렵지만 자동화로 수익을 내고 싶은 분 디지털 노마드, 1인 기업, 프리랜서 AI 활용을 통해 시간과 비용을 절감하고 싶은 모든 분

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

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

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

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

출시되자마자 바로 시작해서 14일간 써본 결과 취준생도 현업자도 모두 바로 적용할수 있는 클로드 코드! (AI 코딩) 라고 모두에게 추천하는 이유를 바로 알려드립니다.

이 강의는 단순한 유행을 넘어, AI 도구와 협업하는 방법을 체계적으로 배우고, 출력 품질을 검증·개선하며, 애플리케이션을 처음부터 끝까지 구축·배포하는 과정을 다룹니다. AI에 관심 있는 개발자부터 팀 생산성을 높이고 싶은 팀 리더까지, 누구나 수강하실 수 있습니다.

타입스크립트와 리액트 관련 강좌입니다.

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

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