NEW

Claude Code Perfect Mastery: From AI Development Workflow Basics to Practice (with Cursor AI)

Explore → Plan → Implement → Commit. Master the proven AI development workflow with Claude Code. Learn through 23 missions covering MCP, sub-agents, and prompt engineering, and complete 3 real-world projects.

21 learners are taking this course

gymcoding

클로드코드

실습 중심

AI 활용법

AI 코딩

React

Next.js

cursor

TailwindCSS

claude

What you will learn!

Complete mastery of Claude code from basics to advanced features including custom commands, sub-agents, and hooks
Terminal Basics to Git&Github and Cursor AI Usage for Beginners
Creating a Modern Full-Stack Starter Kit with Next.js, ShadcnUI, and Supabase
MCP from basics to practical applications including Supabase MCP, ShadcnUI MCP, and more!
Systematic Task Management Using Task Manager (TaskMaster, Shrimp)
PRD, ROADMAP, MVP, validated development workflow extending to feature expansion
23 Hands-on Missions + 3 Project Completions

When you learn the essence, everything changes

As AI becomes more powerful, the gap between people who use it properly and
people who use it vaguely widens exponentially.

This course does not teach "How to Make XXX."

Analysis (Collection) → Planning → Implementation, the essential development workflow, and
official documentation-based Claude Code specifications will be properly learned.

If you have these two things:

✅ New project → Start with confidence
✅ Complex problems → Solve step by step
✅ AI tool changes → Apply consistently

Develop the ability to solve any project on your own.

Recommended for
these people

Who is this course right for?

For those who want to learn AI development workflow (Exploration → Planning → Implementation → Commit)
A solo developer who wants to build a full-stack app in just one week
Those who want to quickly build practical projects using Next.js and Supabase
Those who want to systematically learn AI development from terminal basics to MCP A-Z
Someone who wants to perfectly master the core features of Claude's code from start to finish

Need to know before starting?

You can take this course without any prerequisite knowledge. However,
You need to have the will to "create something" using AI.
Please watch the free public lectures and take the courses.

Hello
This is

25,572

Learners

1,521

Reviews

645

Answers

4.9

Rating

Courses

안녕하세요.

코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,

인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여

설명하고자 할 때는 최대한 쉽게,

알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.

감사합니다.

👨‍🏫인프런 지식 공유자 | 수강생 24,000+ | 강의평점 ⭐️4.9

📹짐코딩 유튜브 채널 운영 | 구독자 25,000+

💻 짐코딩 클럽 | gymcoding.co

🔗 GitHub: https://github.com/gymcoding

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

Curriculum

All

144 lectures ∙ (14hr 20min)

Course Materials:

Lecture resources

Mission

Section 1. Before getting started

3 lectures ∙ (13min)

1. Course Introduction
02:06
2. 🔥 [Required] Orientation 🔥
07:56
3. 🔥 [Essential] Lecture Materials & Source Code 🔥
03:09

Section 2. Getting Familiar with Terminal

5 lectures ∙ (12min)

Section 3. Development Environment and Claude Code Installation

9 lectures ∙ (20min)

Section 4. Claude Code Preview and Initialization

4 lectures ∙ (16min)

Section 5. Cursor AI IDE Integration

6 lectures ∙ (39min)

Section 6. Claude code permissions

6 lectures ∙ (38min)

Section 7. Slash Commands and Shortcuts

6 lectures ∙ (24min)

Section 8. Git and Github

4 lectures ∙ (40min)

Section 9. Claude Code Essentials and MCP Utilization

5 lectures ∙ (33min)

Section 10. Modern Technology Stack and Development Workflow

5 lectures ∙ (30min)

Section 11. [Project 1]: Creating a Starter Kit - AI Utilization

3 lectures ∙ (30min)

Section 12. [Project 1]: Creating a Starter Kit - Official Documentation

6 lectures ∙ (51min)

Section 13. [Project1] Claude Code Advanced - Custom Commands

4 lectures ∙ (18min)

Section 14. [Project 1] Claude Code Advanced - Sub-agent

4 lectures ∙ (24min)

Section 15. [Project 1] Claude Code Advanced - Hooks

5 lectures ∙ (38min)

Section 16. [Project 1] MCP Server Installation

4 lectures ∙ (13min)

Section 17. [Project 2] Notion-Based Online Quote Generator - Getting Started

5 lectures ∙ (34min)

Section 18. Work Management Tool

5 lectures ∙ (17min)

Section 19. [Project 2] Creating a Roadmap (ROADMAP.md)

5 lectures ∙ (18min)

Section 20. [Project 2] Introducing Shrimp Task Manager

5 lectures ∙ (21min)

Section 21. [Project 2] MVP Development and Deployment

8 lectures ∙ (1hr 6min)

Section 22. [Project 2] Admin Feature Expansion

5 lectures ∙ (20min)

Section 23. Getting Started with Supabase Applications

9 lectures ∙ (1hr 7min)

Section 24. [Project] Event Management App - Getting Started

6 lectures ∙ (22min)

Section 25. [Project] Event Management App - Implementation

17 lectures ∙ (2hr 23min)

Published:

Last updated:

Reviews

Not enough reviews.

Please write a valuable review that helps everyone!

Limited time deal

$14,556.00

29%

$127.60

gymcoding's other courses

Check out other courses by the instructor!

React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで

gymcoding

React を初めて学習しますか? この講座で React の基礎を学び、LinCanvas プロジェクトを通じて実務経験を積んでください。そうすれば、自信を持ってフロントエンド開発者として就職できます!

Basic

React, react-query, react-router

React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで

gymcoding

Vue3パーフェクトマスター：基礎から本番まで - 「本編」

gymcoding

Vue.js 3で本番プロジェクトを開発し、Composition APIの使い方を理解しています。さらに、このコースを受講すると、「Vue Router v4」と「Pinia」、「Boostrap」のスキルを取得できます。

Basic

Vue.js

Vue3パーフェクトマスター：基礎から本番まで - 「本編」

gymcoding

クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

gymcoding

Vue.jsでウェブ開発を行い、クエサー（Quasar）を利用したい方のための講義です。社内でフロントウェブをすばやく構築する必要がある方、または自分だけの素敵なUIを作成しなければならない方ですか？このレッスンを通じて簡単かつ迅速にフロントウェブを作成できます。

Basic

Quasar, Vue.js

クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

gymcoding

Vue3パーフェクトマスター：基礎から本番まで - 「基本編」

gymcoding

Vue.js 3でWeb開発を行うための公式文書に基づいてVue 3の仕様を詳しく深く扱います。

Basic

Vue.js

Vue3パーフェクトマスター：基礎から本番まで - 「基本編」

gymcoding

Vuetify Admin Templateを作成する - 本番編 (Based Vue2)

gymcoding

Vue&Vuetifyで実務で開発されている人のための便利なヒント！ 😃

Basic

Vue.js, Vuetify

Vuetify Admin Templateを作成する - 本番編 (Based Vue2)

gymcoding

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

最新のNext.js v15 App Routerを学習しながら、Notion基盤の実用的な開発者ブログを一緒に構築する講義です。さらにCursor AI活用法など様々なインサイトも得ることができます。

Basic

React, Blog, Next.js

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

フロントエンドウィング：Vue、Reactを学ぶ前に必ず知っておくべき知識

gymcoding

この講義を通じて、Webpack、NPMなどのフロントエンド開発者になる前に必ず知っておくべき知識をしっかりと固めることができます。

Basic

Webpack

フロントエンドウィング：Vue、Reactを学ぶ前に必ず知っておくべき知識

gymcoding

TailwindCSS を完全にマスター: ポートフォリオから管理まで!

gymcoding

1つの講義でTailwindCSSの入門から実践までを完了! 2つのプロジェクトでレイアウト構成からレスポンシブデザイン、ダークモードまで完璧に学んでください。

Basic

HTML/CSS, TailwindCSS, JavaScript

TailwindCSS を完全にマスター: ポートフォリオから管理まで!

gymcoding

最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

gymcoding

"Vue 3 完全マスター" 後続の講義で最新の Vue 3 バージョンのプロジェクト設定と最新のスペックを習得する講義です。

Basic

Vue.js, Vue 3, TailwindCSS

最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

gymcoding

[最新]Vue川の終わりの王：Nuxt 3完璧マスター

gymcoding

Vueベースでパフォーマンスに優れたWebをすばやく作成するのに役立つNuxtフレームワーク講義です。

Intermediate

Vue.js, Nuxt.js, pinia

[最新]Vue川の終わりの王：Nuxt 3完璧マスター

gymcoding

Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

gymcoding

Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

Intermediate

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

gymcoding

非同期プログラミング: Promise、async/await を徹底的に理解する

gymcoding

この講義では、JavaScript 非同期プログラミングにおける Promise と async/await の概念と動作原理を明確に説明し、実務で非同期処理を熟練して扱うことができるように支援します。

Basic

promise, async-await, asynchronous-programming

非同期プログラミング: Promise、async/await を徹底的に理解する

gymcoding

ポートフォリオサイトを作成して公開まで！: Web 開発入門活用編

gymcoding

HTML&CSS、JavaScript を学んだら、それらを利用して自分でポートフォリオサイトを作成し、公開してみましょう。実際に使ってみると、私たちのスキルを向上させるのに大いに役立ちます。

Beginner

HTML/CSS, JavaScript, github-pages

ポートフォリオサイトを作成して公開まで！: Web 開発入門活用編

gymcoding

入門者のための、HTML&CSS ウェブ開発入門

gymcoding

HTMLとCSSを学ぶことで、ウェブサイトの制作に必要な基本的な知識を学ぶことができます。コーディングに初めて触れる際に恐れがないように、本当に分かりやすく説明した講義です。

Beginner

HTML/CSS

入門者のための、HTML&CSS ウェブ開発入門

gymcoding

入門者のための、ES6+の最新のJavaScript入門

gymcoding

周辺でコーディングを初めて始める方々をたくさん見ました。キャリアの方はJavaScriptが簡単だと言いますが、初めて接する方は難しく感じるしかありません。だから今回の講義はコーディングに入門される王初歩の方々のために簡単！ちょっと！内容を用意しました。 💪🙂

Basic

JavaScript, ES6

入門者のための、ES6+の最新のJavaScript入門

gymcoding

Vuetify Admin Templateの作成 - 基本編 (Based Vue2)

gymcoding

Vuetifyの基礎を学び、素晴らしいMaterial Design Adminのウェブサイトを作成することができます😃

Basic

Vue.js, Vuetify

Vuetify Admin Templateの作成 - 基本編 (Based Vue2)

gymcoding

Similar courses

Explore other courses in the same field!

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

Basic

React, Blog, Next.js

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

teracokr

この講義をすべて受講し、応用すれば皆さんだけのサイト、アプリを作ることができます。この講義はCursor AIを利用して、私たち家族だけのためのグループチャットルームをWebサイトとして作成しながら、コーディングの流れを自然に習得するバイブコーディング入門講義です。App開発者アカウントやMacBookなしで、Windows環境だけでも開発を知らなくても誰でも簡単に真似することができ、実際のWebサイトとして配布する方法も学びます。

Beginner

Firebase, Next.js, vercel

非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

teracokr

非専攻者でも可能なAIバイブコーディング入門コース

itconnect

💡 非開発者もAIと一緒にたった10時間で創業MVPから収益化サービスまで！ 💰 外注費数千万円が必要だった開発、今や12万円で完全解決 🎯 名刺認識、感情分析、立地分析まで実戦ビジネスプロジェクト5個完走 🔥 企画者、マーケター、予備創業者なら開発者なしでもアイデア実現 ⚡ 今始めれば一生使える開発自立能力を獲得しましょう！

Beginner

HTML/CSS, Java, Web Application

非専攻者でも可能なAIバイブコーディング入門コース

itconnect

SEO最適化ランディングページソリューション＆露出戦略：バイブコーディングで完成 with Nextjs

ludgi

実戦バイブコーディングで会社紹介ランディングページを完成させます。 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、露出作業をどのように進行するか開発者が直接参加した時と外注を任せた時のコスト/効率の差この部分を通じて単純に技術を超えて実際の現業でどのように活用されるか、どのようなコスト構造で動くかまで感覚を身につけることができます。一行まとめ「実装 → 最適化 → 配布 → インデックス」の流れに沿って、実際の検索露出と現業市場構造まで繋がるウェブ制作プロセスを学びます。

Beginner

React, Node.js, cursor

SEO最適化ランディングページソリューション＆露出戦略：バイブコーディングで完成 with Nextjs

ludgi

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

コーディング知らなくてもOK！あなたのアイデアをたった4週間で実際の収益に変えてみませんか。 AIと最新ツールを活用して、ウェブサイトとアプリを同時に作り、すぐにサービスまで連結します。

Beginner

Flutter, Next.js, cursor

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで

gymcoding

Basic

React, react-query, react-router

React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで

gymcoding

基礎から学ぶNext YTMusicクローンコーディング（with next.js 14、UIマスター）

dodocoding

React, Next.JS 14, TailwindCss, RadixUI, Shadcn, zustand で YoutubeMusic ウェブサイトをクローンします。 NextJS基礎からUI重点でWebフロント基礎をマスターすることができます。

Basic

Next.js, React, TailwindCSS

基礎から学ぶNext YTMusicクローンコーディング（with next.js 14、UIマスター）

dodocoding

[連載形] WE CAN Cursor AI！- Cursor AI 私たちにもできます。

genaikorea

< WE CAN Cursor AI ALL-IN-ONE マスタークラス > コーディング知識ZEROでも大丈夫！ #AIと共に始めるスマートコーディングの旅 #毎週新しい成長ストーリー #あなただけのAI開発パートナーになります #非開発者も_可能 #AIコーディング #CursorAI #コーディング初心者歓迎

Beginner

cursor, AI, Generative AI

[連載形] WE CAN Cursor AI！- Cursor AI 私たちにもできます。

genaikorea

[リニューアル] ReactでNodeBird SNSを作成する

zerocho

リアクト＆amp;ネクスト＆amp;リダックス＆amp;リダックスサーガ＆amp; ExpressスタックでTwitterに似たSNSサービスを作成します。最後に、検索エンジンの最適化後にAWSにデプロイします。

Intermediate

React, Redux, Node.js

[リニューアル] ReactでNodeBird SNSを作成する

zerocho

14日間のClaude Code

sorryhyun96

リリースされてすぐに使い始め、14日間使ってみた結果就活生も現職者もすぐに適用できるクロードコード！ (AIコーディング) と、皆にオススメする理由をすぐにお伝えします。

Beginner

React, Python, Java

14日間のClaude Code

sorryhyun96

AI ツールを活用したバイブコーディングで月1,000万円稼ぐ

joosang

AIツールと自動化技術があふれる時代、「Cursor」一つで誰でも始められるバイブコーディングを紹介します。開発者だけができることですって？違います。このクラスでは、コード一行知らなくても、マウスクリック、プロンプト入力だけで Cursorを活用してアプリとアプリを作って収益を創出する自動化システムを構築できます。受講対象開発は難しいが自動化で収益を出したい方デジタルノマド、1人企業、フリーランサー AI活用を通じて時間とコストを削減したいすべての方

Beginner

cursor, Cursor AI, MySQL

AI ツールを活用したバイブコーディングで月1,000万円稼ぐ

joosang

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座！素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です！デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります！

Basic

React, Java, AWS

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

React + GPT APIでAI回顧録サービス開発（ワンデイクラス）

dodocoding

1時間で終えるReactベースのGPT AIサービス講義受講後、自分だけのAI GPT SASSソリューションを構築してみましょう。

Basic

React, ChatGPT, JavaScript

React + GPT APIでAI回顧録サービス開発（ワンデイクラス）

dodocoding

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

Basic

React, Next.js, expo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

Next.jsフルコースをディップして食べよう！ GraphQL、Redis、RabbitMQ、Prisma、TailwindCSS、Docker Compose、Cypress、Prometheus、Grafanaなど、最新技術で実践プロジェクトを完成させ、App RouterとPage Routerの両方を経験できます。

Intermediate

Next.js, React, GraphQL

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

非専攻者が一人で一日で収益化アプリをリリースする方法

daco2020

この講義は一つのアイデアから始まり、企画、デザイン、開発、各プラットフォームのアプリリリースまで、全工程のノウハウをお伝えします。今すぐ1人収益化アプリ開発を始めてみましょう。

Basic

Flutter, cursor, Monetization

非専攻者が一人で一日で収益化アプリをリリースする方法

daco2020

TypeScript Korea：React with TypeScriptセミナー

woongjae

タイプスクリプトとリアクト関連講座です。

Intermediate

React, TypeScript

TypeScript Korea：React with TypeScriptセミナー

woongjae

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

Basic

React, Electron, GUI

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

Claude Code Perfect Mastery: From AI Development Workflow Basics to Practice (with Cursor AI)

What you will learn!

When you watch YouTube, it looks so easy.

But real-world projects are different.

When you learn the essence, everything changes

Why should you learn Claude Code now?

1️⃣ The tool chosen by the world: The numbers prove it

2️⃣ Overwhelming Code Quality: SWE-bench 77.2%

Why should you take Jim Coding's lectures?

1️⃣ Verified content from YouTube

2️⃣ Real Needs Discovered in Comments

So I created this course

After taking the course, you'll be able to create results like this!

Profile Website + GitHub Pages Deployment

Creating Your Own Reusable Starter Kit Template

Notion API Integration Online Quote Web

Next.js+Supabase Event Management Full-Stack Web

Learning Content

Claude Code from Basics to Advanced

Claude Code + MCP Practical Application

Git & GitHub Claude Code Utilization

Prompt Engineering Practical Mastery

Work Management and AI Development Workflow Mastery

Complete 3 Real-World Projects

🔥23 Real-World Missions - Execution is Key🔥

🔥 As Claude Code evolves, this course evolves too 🔥

Recommended for
these people

Hello
This is

Curriculum

Reviews

gymcoding's other courses

Similar courses

Claude Code Perfect Mastery: From AI Development Workflow Basics to Practice (with Cursor AI)

What you will learn!

When you watch YouTube, it looks so easy.

But real-world projects are different.

When you learn the essence, everything changes

Why should you learn Claude Code now?

1️⃣ The tool chosen by the world: The numbers prove it

2️⃣ Overwhelming Code Quality: SWE-bench 77.2%

Why should you take Jim Coding's lectures?

1️⃣ Verified content from YouTube

2️⃣ Real Needs Discovered in Comments

So I created this course

After taking the course, you'll be able to create results like this!

Profile Website + GitHub Pages Deployment

Creating Your Own Reusable Starter Kit Template

Notion API Integration Online Quote Web

Next.js+Supabase Event Management Full-Stack Web

Learning Content

Claude Code from Basics to Advanced

Claude Code + MCP Practical Application

Git & GitHub Claude Code Utilization

Prompt Engineering Practical Mastery

Work Management and AI Development Workflow Mastery

Complete 3 Real-World Projects

🔥23 Real-World Missions - Execution is Key🔥

🔥 As Claude Code evolves, this course evolves too 🔥

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

gymcoding's other courses

Similar courses

Recommended for
these people

Hello
This is