클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
짐코딩
탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.
Beginner
React, Next.js, cursor
이 강의를 통해 Webpack, NPM 등 프론트엔드 개발자가 되기 전에 꼭 알아야할 지식을 탄탄히 다질 수 있습니다.

먼저 경험한 수강생들의 후기
5.0
때구니
"프론트엔드-날개달기" 라는 교육명을 "로케트 타고 날기"로 바꿔야 할 듯 합니다. 프론트엔드 개발을 위해 다양한 상식,원리,환경등에 대해 너무 잘 배웠습니다. 말로 표현이 불가능한 대한민국 최고의 프론트엔드 선수 강의입니다. 너무 감사드리며 저는 후속강의인 Vue.js3 완벽마스터 "기본편"으로 직진합니다.~~
5.0
상은쓰
짐코딩님 강의 듣고 감탄할 때마다 이마 쳤더니 거북목이 완치됐습니다. 바른 자세로 다음 강의도 찢으러 가겠습니다.
5.0
현정이
헷갈리던 부분을 이해하기 쉽게 설명해요
Webpack이란 무엇인지 알 수 있어요
NPM이란 무엇인지 알 수 있어요
Web 기술에 대한 전반적인 이해
백그라운드 지식을 확실히 알아야,
진짜 프론트엔드 개발자가 될 수 있어요 😁
프론트엔드 개발을 하며 많은 분들이 Webpack, NPM, 모듈시스템 등에 대해 확실하게 이해를 하지 못하고 있다고 느꼈습니다.
현재 많은 강좌들이 Vuejs, React, Angular 등 해당 프레임워크에 대한 주제로 강의를 다루고 있지만 프론트엔드 개발자가 되기위한 Background 지식은 많이 없더라고요.
그래서 준비하게 된 "프론트엔드 날개달기" 강의입니다. 쉬운 설명으로 준비한 강의이니, 많은 도움이 되었으면 합니다. 🙂
"들었던 설명 중 가장 깔끔하고, 핵심만 짚어주는 설명이었습니다."
-API란 무엇인가-
"정성이 들어간 간단하지만, 매우 유익한 강의였습니다. 감사합니다."
-Webpack 기초-
"강의 잘 봤습니다. 초보자인 제 기준에서 정말 친절하고 이해가 쉬운 내용이었습니다.
NPM 관련 내용이 궁금했는데 찾아보니 이런 유용한 영상이 있었을 줄은 몰랐네요."
-NPM 기초-
해당 강좌는 프론트엔드 개발자가 되기 위한 선수지식으로 Vuejs, React, Angular와 같은 프레임워크를 배우기전에 꼭 한번 보시는 것을 권장드립니다. 아래 내용들을 포함하여 프론트엔드 개발자를 위한 다양한 지식을 공유합니다.
import, export 등이
뭔지 모르는 분
JavaScript 모듈시스템에
대한 이해를 원하는 분
NPM과 Webpack의
핵심개념을 배우고 싶은 분
실용적인 코딩컨텐츠를 만들어 가는 유튜브 짐코딩 채널입니다.
유튜브 | 깃헙 | Gym스타그램 | Coding스타그램
학습 대상은
누구일까요?
import, export, npm이 무엇인지 정확히 모르시는 분
React, Vue, Angular를 배우기 전에 꼭! 이 강좌를 수강하세요!
프론트엔드 개발자를 되려고 하시는 분
선수 지식,
필요할까요?
HTML, CSS, JavaScript 기초
28,113
명
수강생
1,771
개
수강평
813
개
답변
4.9
점
강의 평점
18
개
강의
안녕하세요.
코딩 교육 크리에이터 짐코딩입니다 😊
비개발자도 따라할 수 있도록
최대한 쉽게, 최대한 알차게 설명드립니다.
항상 수강생 입장에서 생각하는
코딩 교육 크리에이터가 되겠습니다.
🏆 인프런 Awards 2025 베스트셀러 수상 (React 완벽 마스터)
🔥 인프런 2025 지금 가장 HOT한 강의 선정 (클로드 코드 완벽 마스터)
📺유튜브 | 구독자 3만+ 무료 강의
💻짐코딩 클럽 | 전체 강의 & 무료 교안
🐙GitHub | 예제 소스코드
📷인스타그램 | 일상 & 꿀팁
🧵스레드 | 개발 인사이트
전체
17개 ∙ (3시간 15분)
전체
359개
4.9
359개의 수강평
무료