강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Front-end

[コードキャンプ]ブートキャンプで作られた高濃縮フロントエンドコース

1年間で300人以上の開発者を輩出した「本物の」ブートキャンプの濃縮カリキュラムです。この講義1つで、実務のジュニア開発者レベルまで成長し、フロントエンド技術スタックの活用能力と知識を得ることができます。[InflearnXコードキャンプ]は、社会、経済、教育の背景に関係なく、誰もがキャリアを積めるように準備しました :)

（4.5）受講レビュー 81件

受講生 1,891名

프론트엔드
front-end
리액트
react
next.js
graphql
React
Next.js
GraphQL
SEO
Node.js

学習した受講者のレビュー

受講後に得られること

  • 実務ポートフォリオ2つ

  • 最新のテクノロジー スタックを活用した 8 つのプロジェクトの実装

  • 開発サイクル全体を完全に理解する

  • 実務コミュニケーション能力の向上

  • +α バックエンドの基本CRUDまで習得

ノーベース非専攻者も
フロントエンド開発者としてキャリアジャンプ！ ⭐

📢案内事項があります。
高濃縮フロントエンドコースのアップデート講義人
「完璧なフロントエンドコース」が新たにオープンしました。

👉🏻新しいフロントエンド講義：



2025年のための新しいフロントエンドブートキャンプ講義がより強力で、より細かい内容で新たにオープンしました！
なんと4つのパーツで構成された「完璧なフロントエンドコース」で、素早く実践的な学習内容に成長してみてください。

[スタートフリーキャンプ]、[CSS&Javascript Master]。 [Web Front-end Bootcamp]、[Hybrid App Bootcamp]
完全にサッチョからハイブリッドアプリのコースまで、150時間を超える高濃縮フロント講義を続けています:)

2025年より高いキャリアジャンプをしてみてください🚀
コードキャンプはあなたの成長を応援します。

💥 Attention!
この講義は、コーディングブートキャンプで実際に使用する講義で、ノーベースから非専攻者、そしてジュニア開発者まですべて受講可能なカリキュラムで構成されています。

「本物の」ブートキャンプで作られました
[高濃縮フロントエンドコース]

✅勉強も実務のように！実務に適用する方法を教えてくれる実務中心講義

✅非専攻者から専攻者まで皆が理解できるカスケードカリキュラム

✅ [React, Next.js, Graphql]最新技術の言語学習とプロジェクトの実装

✅ 就職率92％の認定された「本物」ブートキャンプのカリキュラムに進む

✅ノーベースも可能な完全基礎から開発者就職レベルまで成長


こんな方には
それ以上に最適です。

A to Z、
プロの講義をしたい。

開発..？何も知らないけど
就職レベルまで成長したいです。

実務で使用する技術と
本物のノウハウを学びたいです。

私たちはなぜ
ReactとNext.jsを使用する必要がありますか？

Next.jsはReactライブラリのフレームワークです。 Reactとは異なり、デフォルトでNext.jsはServer-Side Rendering（SSR）を行うため、検索エンジン最適化（SEO、Search Optimiziation）に最適です。また、プレレンダリングにより、あらかじめデータがレンダリングされたページをインポートできるようにしてくれるので、ユーザー体験の面でも有利です。

これに加えて、ページベースのルーティング、イメージの最適化、built-in-cssなどを提供することでプロジェクトのパフォーマンスを向上させ、開発者が開発しやすい環境を提供するので、効率的でパフォーマンスの高い開発ができます。

ちょっと初心者でも大丈夫です、
まずは基礎から押してみましょうか？

「コーディングの「鼻」者も知らない私…開発者として就職できるか？」そんな心配はすぐに入れておいてください。今回の講義では、初心者も現業開発者レベルに成長できるよう、しっかりした基礎講義から始めますから！

🧩基礎のステップstep01。

コーディングは何ですか？プログラムのインストールから基礎を築く

Web・アプリ開発の基礎の中で、基礎、HTML・CSS・Javascriptの基本的な文法と活用方法を学び、学んだ内容に基づいて会員登録とミニホームページを実装します。


🧩 基礎を打つstep02。

60以上の最新のプロパティでCSS！

今日学んだ内容は今日復習しよう！講義の受講後、十分な練習を通じて完全に私のものに吸収するのに役立ちます。

🧩基礎のステップstep03。

JavascriptでWebページの機能をより豊かに。

一緒に使うツールとJavascriptが動作する原理、コードの書き方を中心に学習し、d-day counterとto-do listを実装し、学んだ内容を完全な私にする時間です。


隙間一つまで見逃さない
「線を越える」フロントエンドカリキュラム

#01. Reactの基礎

Reactの基礎から始めましょうか？まず、各種パッケージをインストールします。そしてJavascriptランタイム環境であるNode.jsを理解し、Reactでプロジェクトを作成します。

#02.データ通信

Rest-APIとGraphQLの違いを理解し、Apollo Clientを介してバックエンドとの通信方法を学びます。

#03.ルーティングと再レンダリング

ページ移動方式であるRouterとDynamic Routingの違いを理解して活用できます。

#04.フォルダ構造・props・コンポーネントの再利用性

Container/Presenter パターンを理解し、コンポーネントを再利用する方法で効率を高めます。

#05.タイプスクリプト

タイプスクリプトのさまざまなタイプを理解し、私のポートフォリオに適用します。

#06.フレームワーク/ライブラリとレイアウト
構造

Webページを飾る様々なライブラリ。それらの活用法を学び、使いやすさのためのページネーションと無限スクロールを実装します。

#07.コンポーネントとライフサイクル

クラスコンポーネントのライフサイクルと関数型コンポーネントのライフサイクルの違いを理解し、それを元に活用する方法を学習します。

#08.バックエンド構造とファイアベース

APIを直接作ってみて、バックエンドの基礎を理解できますよ。また、BAASサービスであるFirebaseを活用してみましょう。バックエンドを理解するフロントエンド開発者とは！あまり魅力的ではありませんか？

#09.画像のアップロード

「ホームページにきれいな画像を載せたい！」画像アップロードのプロセスを理解し、検証を通じて直接アップロードできます。

#10.検索

Webページに検索機能は欠かせません。検索プロセスを理解し、デバウンスを適用して自分のWebページを最大限に高めます。

#11.ログインと権限の分岐

JWTトークン方式のログインプロセスを理解します。また、ログインの有無で権限分岐を設定し、Recoilを活用してGlobalstateを管理できます。

#12.フォームライブラリ

React-Hook-Formとyupを活用して既存のコードをリファクタリングして、より効率的にサービスを改善できます。

#13.カスタムフック

構造分解割り当てとタイプスクリプトのジェネリックタイプを活用してカスタムフックを作成できます。

#14.カカオの地図とウェブエディタ

SSRとCSRを知っていますか？この違いを理解し、カカオマップとウェブエディタの使い方を学びます。

#15.お支払いとイベントループ

E-commerce platformの中核！お支払いプロセスを理解して実装してみてください。また、JavaScriptの駆動原理についてより正確に理解していきます。

#16. refresh Token

refresh Tokenを使って、実務でも利用できるログインプロセスを学習します。

#17.パフォーマンスの最適化

useMemoとuseCallback、イメージ一時URLを活用して、既存のコードをまるで実務のようにリファクタリングできます。

*個別のクラス用APIを提供します。

#18.テストコードと配布

jestとcypressを活用してテストコードを作成しましょう。これにより、ユニットテストと統合テストを進めて私のコードをテストする時間です。


私の手で埋めたコードで
ポートフォリオを完成させてください。

☝🏻アップバウトフリーボード

ブログ、コミュニティなど、ウェブのどこからでも抜けない掲示板を直接実装できます。コーディングを理論だけ知っているということは不可能です！プロジェクトの練習を通じて、ページネーション、無限スクロールなど、いくつかの機能で独自のコードを埋めていきます。しかも私の個性に合ったUIで飾ることができるので興味だけでなく実力も上がりますよね？

✌🏻掲示板で作るイコマースプラットフォーム

「もし..にんじんはありますか？会員登録、ログイン、決済、コミュニティなど多くの機能を含んでいるE-commerceウェブサイトを私の手で実装できます。まだ幕を閉じるが、この講義を受講したら素敵なポートフォリオが作られているんです。

🎯この講義で得られるポートフォリオです。
· 01. フリーボード- UI・リストアップ・ページネーション・投稿の修正や削除など、Webの最も重要な機能を実装し、これをもとに一つのポートフォリオを完成します。
· 02. 中古マーケット- 最初のポートフォリオで製作した掲示板を中古マーケットに高度化するポートフォリオです。ログイン・権限分岐・決済・画像処理などの機能を実装します。

さらに、川の一つとして
イーマン大のスタックを一度にゲット！

複数の言語を一度に理解するのは難しいことです。この講義では、プロジェクトを通じてJavascript、Typescript、React、Next.js、Graphqlなど様々なスタックを直接活用し、独自のWebページを完成します。一つの機能を実現するために有機的に連結された言語の使い方を習得し、自然に理解することになるでしょう。

本当の実務では様々な言語を適切に使用し、最高の効率を出すことができるはずですから！

* version : 受講時に使用するバージョンです。 （必要に応じて参考にしてください！）
 

 - next 12.1.0
- react": 17.0.2
- react-dom": 17.0.2
- typescript": ^4.8.4
- @types/node": 17.0.2
- @types/react": 17.0.2
- @apollo/client": ^3.6.9
- @emotion/styled": ^11.10.0
- @material-ui/core": 4.12.4
- antd": ^4.22.8
- eslint": ^8.0.1
- prettier": 2.7.1

 「Version」とその技術スタックの理解がなくても大丈夫です。講義で丁寧で親切に説明します:)

より高いキャリアジャンプのために
ブートキャンプの授業資料を提供します。


📑セクション別学習資料

講義を受講しながら内容の理解を助ける資料です。実際のブートキャンプの受講生も使う資料だけにうまく活用すれば、逃した部分があっても大きな助けになるでしょう。

📑セクション別の課題資料

今日学んだ内容は今日復習しよう！講義の受講後、十分な練習を通じて完全に私のものに吸収するのに役立ちます。


📑 セクション別ポートフォリオ

各セクションで学んだ機能を活用してポートフォリオを作成する際に参考にできる資料です。このレッスンで私のポートフォリオに2つのプロジェクトを追加してください！



この講義の受講生
自分で作ったサービスをご紹介します。

🎨 Artipul
美大生の作品を簡単に購入できるサービスです。メインページだけでなく決済オープンAPIでポイント充電、決済を可能にし、Socket.ioを使ってリアルタイム入札機能まで実装しました。

📙 Flog
旅行スケジュール・家計簿・旅行ログで構成される旅行ガイドブックサービスです。 drag&drop機能で旅行スケジュールを組むとリアルタイムでDBに保存され、使いやすさが高まりました。さらに、他のユーザーとスケジュールを共有できるように実装しました！

[高濃縮フロントエンドコース]
受講後は私も開発者！

🙆🏻‍♀️実務にすぐに活用できるポートフォリオ2個

👨🏻‍🎓自分で成長できる頑丈な開発知識を構築

💁🏻‍♀️実務でスムーズなコミュニケーションを行うジュニア開発者

👨🏻‍💻他の部署とのコラボレーション能力に優れたフロントエンド開発者

🙋🏻‍♀️ 自分でもできるE-commerce Platformの開発

より高いキャリアジャンプのために
「高濃縮バックエンドコース」も用意しました。

👉🏻関連おすすめ講義：


練習用APIを使用してフロントエンドの最新の技術スタックと開発サイクルを理解したら、Node.jsとNestを中心にバックエンドまでより深く学びましょう。必要なAPIを自分で作成し、データを扱う方法、検索、支払い、配布など、バックエンドのすべてをお知らせします。バックエンドコースまで完走し、フルスタック開発者でより高くキャリアジャンプしてください🚀

待って！
受講前にご確認ください。

💡コンピュータの仕様を確認してください。 

・Mac OSは仕様に無関係です。

 · Window OSを使用する場合は、git-bashのインストールが必要です。
 - 授業資料 > 環境設定を参考にしてください。

 - Intel Core i5 9世代以上 / AMD RYZEN 5 2世代以上
- RAM 16GB以上推奨

💡日課表を作って定期的に着実に学習することをお勧めします。
💡学習資料を受け取るためにコラボレーションツール「Notion」アカウントを作成してください。
💡受講に必要な学習資料はノッション（リンク）で提供されます。
※学習資料の著作権はコードキャンプにあります。不正盗用・配布・複製を禁止します。

もし
質問がありますか？

Q. 何の知識もなく受講してもいいですか？
はい。コーディングの「鼻」者も知らなくても大丈夫です。より深く広く理解できるように、HTML・CSS・Javascriptのサッキ秒プロセスが含まれています。

Q. 別の教材がありますか？
ノッションでお届けする「講義資料」を活用してください！本資料は実際のブートキャンプで使用するままの資料です。無断盗用・配布・複製を禁止します。

Q. 基礎講義（スタートはプリキャンプ、CSS、Javascript）の授業資料リストが混乱します。

Q. 受講中に気になる点がありました。
コミュニティに質問を残してください。コードキャンプチームはすぐに素早くクールな答えを捧げます:)

チームコードキャンプ
紹介します。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • 専門的なカリキュラムで正しく成長したいすべての人

  • 国費または他の講義に不足を感じた方

  • 最新の技術スタックを使用して開発サイクルを完了したいジュニア開発者

  • トレンドに合ったポートフォリオで就職したい就職希望者

  • 体系的にコーディングを勉強したい大学生

前提知識、
必要でしょうか？

  • コーディングへの情熱と意志💪🏻

こんにちは
です。

15,445

受講生

454

受講レビュー

227

回答

4.8

講座評価

15

講座

"Try anything, Try everything!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

共同知識共有者

カリキュラム

全体

341件 ∙ (128時間 6分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

81件

4.5

81件の受講レビュー

  • ottt님의 프로필 이미지
    ottt

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    1% 受講後に作成

    Hello. I am a first-year junior backend developer. I was studying the front-end field due to the company's needs and personal desires, and I happened to come across this course, so I purchased it and am currently taking it. It definitely felt unfamiliar at first because the flow was different from the back-end field, but it is getting more and more interesting and faster because it teaches the principles and usage of the language called JavaScript. It is better because it is a method of studying while creating things together rather than just learning the principles, so even when I don't understand it well, I can learn by touching this and that on my own. Thanks to the good curriculum, after listening to all of these courses, I expect to be able to achieve the position of a back-end developer who can understand the logic of the front-end at least. Thank you for the good course.

    • nej10449048님의 프로필 이미지
      nej10449048

      受講レビュー 5

      ∙

      平均評価 5.0

      5

      2% 受講後に作成

      Wondu Mentor..... You came to Inflearn. Wondu Mentor, whom I trust and listen to, your lectures ㅠㅠㅠ How are you? I miss you so much. Thanks to you, I got a job as a front-end developer and I've been doing well at the company for a yearㅠㅠ! I was browsing Inflearn and your lecture suddenly came up so I quickly paid for it! I'll keep the front-end and study the back-end❤️ I listened to the first part again and your voice and face are so homesick... I'm so happy that I can see you even like this!!! Following you, I'll study hard again and jump up to full stack!!!!! I'll go greet you soon! I respect you, Mentor!😍

      • jaake973633님의 프로필 이미지
        jaake973633

        受講レビュー 2

        ∙

        平均評価 5.0

        5

        3% 受講後に作成

        I am a graduate who completed the offline CodeCamp Full Stack course! I heard through text that Mentor Wondu's lecture was uploaded to Inflearn, so I came running. As a developer, I would like to talk about this curriculum from the perspective of a developer. If you want to become a junior who considers the performance of a project, it seems to be the perfect curriculum! In addition to memoization used in React, which juniors can often encounter, I also learned repaint and reflow based on browser rendering principles, so the range of things I can consider when refactoring has definitely expanded! And you taught me patterns that can help me write code in a way that is a little more advantageous for maintenance, and you gave me tips, so I am personally using them well! I can't believe I'm seeing this lecture againㅠ I don't know if Mentor Wondu remembers me, but I miss youㅜㅜㅜ No Wondu! No Gain! Forever!

        • whitedog3190861님의 프로필 이미지
          whitedog3190861

          受講レビュー 5

          ∙

          平均評価 5.0

          5

          1% 受講後に作成

          I am a student preparing to become a web front-end developer. I listened to Inflearn Codecamp HTML, CSS, JavaScript, and even the front-end course, so I bought it together!!!!! I am listening to the first part of the React lecture, and it is so much fun~~~!!!!!!! There is no difficult part yet, but I am a little worried that it will get harder as I go on! But I plan to listen hard! First of all, I really like the Notion materialsㅠㅠㅠㅠㅠ I really like itㅠㅠㅠㅠㅠ I guess I can just go back and repeat the parts I don't understand..?????ㅎㅎㅎ Thank you!!!!!! Fighting! I will definitely finish the course and complete my portfolio. Fighting

          • ejuhee님의 프로필 이미지
            ejuhee

            受講レビュー 3

            ∙

            平均評価 5.0

            5

            32% 受講後に作成

            I am a student who took an offline lecture from mentor Noh Won-du! I have already recommended this lecture to many of my friends because it was a quality lecture that was too good to listen to alone, but I am so happy to see you at Inflearnㅠㅠ I missed youㅠㅠ I have taken other instructors' classes before, but most of them were theory-oriented without practical training, so I was at a loss when I actually tried to code.. On the other hand, mentor Noh Won-du teaches techniques used in practice in an easy-to-understand manner, and the class was conducted so that after understanding the principles, you could implement them yourself, which made it possible to apply them right away in practice. Even when I encountered techniques that were not covered in class, I was able to understand them by applying the principles I learned. I was also able to learn the mindset that a developer should have through the advice he gave me during class. I felt that the mentor truly enjoyed and loved development, so I also enjoyed studying development. ㅎㅎ Mentor Noh Won-du is truly my mentor,,💕 As expected from the front-end industry that changes every day,🥲 I'm going to take the class because it seems like there are a lot of new technologies and content that I haven't learned yet! I'll come back right away to listen to other classes when they openㅎㅎㅎ

            ￥48,860

            codecampの他の講座

            知識共有者の他の講座を見てみましょう！

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

            중급이상

            중급이상

            React, Next.js, cursor

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            [Code Camp] Highly concentrated backend course created at boot camp강의 썸네일

            [Code Camp] Highly concentrated backend course created at boot camp

            codecamp

            This is a curriculum full of Captain's personal feelings, an 8-year full-stack developer who fell in love with coding. It is filled with Captain's desire to teach everything about the backend! As you listen to this lecture, you will find yourself thinking, 'Does he really teach this much?' Let's start with this lecture that thoroughly explains even the parts that everyone finds difficult.

            입문

            입문

            NestJS, Node.js, JavaScript

            [Code Camp] Highly concentrated backend course created at boot camp강의 썸네일

            [Code Camp] Highly concentrated backend course created at boot camp

            codecamp

            [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp강의 썸네일

            [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp

            codecamp

            This is the perfect frontend curriculum from a 'real' bootcamp that has produced hundreds of developers. With this single course, you can grow to the level of a junior developer in the field, and you'll gain the ability and knowledge to utilize frontend technology stacks. [Code Camp] has prepared this so that anyone can build their career regardless of their social, economic, or educational background :)

            입문

            입문

            React, Next.js, GraphQL

            [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp강의 썸네일

            [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp

            codecamp

            [Code Camp] Powerful CSS강의 썸네일

            [Code Camp] Powerful CSS

            codecamp

            Have you seen a lecture that only collects CSS? In this lecture, you will implement everything from the most basic layout composition to responsiveness while working on a total of two projects! Now, if you are ready, let's get started.

            초급

            초급

            HTML/CSS

            [Code Camp] Powerful CSS강의 썸네일

            [Code Camp] Powerful CSS

            codecamp

            Hybrid App with Expo Framework to Increase Web Developer's Salary강의 썸네일

            Hybrid App with Expo Framework to Increase Web Developer's Salary

            codecamp

            This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

            초급

            초급

            React, Next.js, expo

            Hybrid App with Expo Framework to Increase Web Developer's Salary강의 썸네일

            Hybrid App with Expo Framework to Increase Web Developer's Salary

            codecamp

            [Code Camp] Javascript Algorithm Theory + Practice for Beginners강의 썸네일

            [Code Camp] Javascript Algorithm Theory + Practice for Beginners

            codecamp

            Algorithms seem so difficult... Even students who are not good at math can finish the basics of algorithms in one go with this class! We will teach you the basic concepts needed to solve algorithms step by step, and even Codecamp's know-how on applying them to problems :)

            초급

            초급

            JavaScript

            [Code Camp] Javascript Algorithm Theory + Practice for Beginners강의 썸네일

            [Code Camp] Javascript Algorithm Theory + Practice for Beginners

            codecamp

            [CSS&JS Master] - Create a trendy emotional diary강의 썸네일

            [CSS&JS Master] - Create a trendy emotional diary

            codecamp

            You can learn the latest CSS properties and practical Javascript while working on a project.

            입문

            입문

            HTML/CSS, JavaScript, vanilla-javascript

            [CSS&JS Master] - Create a trendy emotional diary강의 썸네일

            [CSS&JS Master] - Create a trendy emotional diary

            codecamp

            [Code Camp] Warm Javascript강의 썸네일

            [Code Camp] Warm Javascript

            codecamp

            There are many other languages.. Why JavaScript? JavaScript is the most widely used language in the world, and it has an easy-to-understand structure that even non-majors can learn quickly. In addition, famous companies such as Google, PayPal, and Amazon use it! Do you need to think any further?

            입문

            입문

            JavaScript

            [Code Camp] Warm Javascript강의 썸네일

            [Code Camp] Warm Javascript

            codecamp

            [Code Camp] Start with Pre-Camp강의 썸네일

            [Code Camp] Start with Pre-Camp

            codecamp

            This course is made with the exclusive curriculum of Coding Bootcamp. It consists of the most basic and practical contents. Start with this course, ‘Anyone can change careers to become a developer.’

            입문

            입문

            HTML/CSS, JavaScript

            [Code Camp] Start with Pre-Camp강의 썸네일

            [Code Camp] Start with Pre-Camp

            codecamp

            似ている講座

            同じ分野の他の講座を見てみましょう！

            [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp강의 썸네일

            [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp

            codecamp

            This is the perfect frontend curriculum from a 'real' bootcamp that has produced hundreds of developers. With this single course, you can grow to the level of a junior developer in the field, and you'll gain the ability and knowledge to utilize frontend technology stacks. [Code Camp] has prepared this so that anyone can build their career regardless of their social, economic, or educational background :)

            입문

            입문

            React, Next.js, GraphQL

            [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp강의 썸네일

            [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp

            codecamp

            [Code Camp] Highly concentrated backend course created at boot camp강의 썸네일

            [Code Camp] Highly concentrated backend course created at boot camp

            codecamp

            This is a curriculum full of Captain's personal feelings, an 8-year full-stack developer who fell in love with coding. It is filled with Captain's desire to teach everything about the backend! As you listen to this lecture, you will find yourself thinking, 'Does he really teach this much?' Let's start with this lecture that thoroughly explains even the parts that everyone finds difficult.

            입문

            입문

            NestJS, Node.js, JavaScript

            [Code Camp] Highly concentrated backend course created at boot camp강의 썸네일

            [Code Camp] Highly concentrated backend course created at boot camp

            codecamp

            Dipping into the Next.js Full Course (Korean Dubbed)강의 썸네일

            Dipping into the Next.js Full Course (Korean Dubbed)

            ludgi

            A full course on Next.js you can sink your teeth into! Complete a real-world project using the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.

            중급이상

            중급이상

            React, AWS, GraphQL

            Dipping into the Next.js Full Course (Korean Dubbed)강의 썸네일

            Dipping into the Next.js Full Course (Korean Dubbed)

            ludgi

            Building a Fire Detection System with Next.js and YOLOv11강의 썸네일

            Building a Fire Detection System with Next.js and YOLOv11

            ludgi

            Learn how to build a real-time fire detection system using Next.js, YOLOv11, and FastAPI.

            초급

            초급

            Next.js, yolo, Python

            Building a Fire Detection System with Next.js and YOLOv11강의 썸네일

            Building a Fire Detection System with Next.js and YOLOv11

            ludgi

            A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deployment강의 썸네일

            A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deployment

            ludgi

            This is an introductory course to the front end using Next.js and Tailwind CSS. It is designed to complete static deployment without a backend, so even beginners can experience the satisfaction of completion.

            입문

            입문

            Next.js, TailwindCSS, aws-s3

            A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deployment강의 썸네일

            A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deployment

            ludgi

            Next.js Full Course to Dip In (English Audio & Korean Subtitles)강의 썸네일

            Next.js Full Course to Dip In (English Audio & Korean Subtitles)

            ludgi

            A full course of hands-on Next.js! Complete a real-world project with the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.

            중급이상

            중급이상

            Next.js, React, GraphQL

            Next.js Full Course to Dip In (English Audio & Korean Subtitles)강의 썸네일

            Next.js Full Course to Dip In (English Audio & Korean Subtitles)

            ludgi

            A real introductory all-in-one development boot camp for non-majors강의 썸네일

            A real introductory all-in-one development boot camp for non-majors

            grab

            The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

            입문

            입문

            JavaScript, React, Node.js

            A real introductory all-in-one development boot camp for non-majors강의 썸네일

            A real introductory all-in-one development boot camp for non-majors

            grab

            [Fullstack Introduction] Supabase, 10x Better Than Firebase강의 썸네일

            [Fullstack Introduction] Supabase, 10x Better Than Firebase

            lopun

            Supabase to give wings to full-stack development! Complete full-stack development in 2 hours with Supabase, a superset of Firebase.

            초급

            초급

            PostgreSQL, Next.js, TailwindCSS

            [Fullstack Introduction] Supabase, 10x Better Than Firebase강의 썸네일

            [Fullstack Introduction] Supabase, 10x Better Than Firebase

            lopun

            [Renewal] Creating NodeBird SNS with React강의 썸네일

            [Renewal] Creating NodeBird SNS with React

            zerocho

            Let's create a Twitter-like SNS service with React & Next & Redux & Redux Saga & Express stack. Finally, we will deploy it to AWS after SEO.

            중급이상

            중급이상

            React, Redux, Node.js

            [Renewal] Creating NodeBird SNS with React강의 썸네일

            [Renewal] Creating NodeBird SNS with React

            zerocho

            Things They Don't Teach You in Bootcamps (React Rendering Optimization) Part 2강의 썸네일

            Things They Don't Teach You in Bootcamps (React Rendering Optimization) Part 2

            aftercamp

            Master React rendering principles and optimization to apply them in real-world situations and prepare for interviews!

            중급이상

            중급이상

            React, react-usememo, Tech Interview

            Things They Don't Teach You in Bootcamps (React Rendering Optimization) Part 2강의 썸네일

            Things They Don't Teach You in Bootcamps (React Rendering Optimization) Part 2

            aftercamp

            Hybrid App with Expo Framework to Increase Web Developer's Salary강의 썸네일

            Hybrid App with Expo Framework to Increase Web Developer's Salary

            codecamp

            This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

            초급

            초급

            React, Next.js, expo

            Hybrid App with Expo Framework to Increase Web Developer's Salary강의 썸네일

            Hybrid App with Expo Framework to Increase Web Developer's Salary

            codecamp

            [Web Development Full Stack Course] A week before starting a Node.js project - From basics to practice강의 썸네일

            [Web Development Full Stack Course] A week before starting a Node.js project - From basics to practice

            realprogrammers

            This lecture is a lecture on the backend part of the [Web Development Full Stack Course] lecture series for training full-stack web developers. This lecture is based on the contents of the instructor's book <A Week Before Investing in a Node.js Project>.

            초급

            초급

            Node.js, MySQL, Express

            [Web Development Full Stack Course] A week before starting a Node.js project - From basics to practice강의 썸네일

            [Web Development Full Stack Course] A week before starting a Node.js project - From basics to practice

            realprogrammers

            Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]강의 썸네일

            Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

            Indie Coder

            You will learn the basics and advanced usage of GraphQL, the next-generation API control technology, and gain real-world project experience through a virtual kiosk service created with GraphQL. The course has been partially updated to the latest version, apollo-server v4, as of February 2024.

            초급

            초급

            GraphQL, Svelte, MongoDB

            Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]강의 썸네일

            Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

            Indie Coder

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

            중급이상

            중급이상

            React, Next.js, cursor

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)강의 썸네일

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)

            dakgangjung123

            This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux). Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

            초급

            초급

            React, Electron, GUI

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)강의 썸네일

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)

            dakgangjung123

            SpringBoot & React Portfolio Project: Hands-on AWS Service Deployment for Beginners강의 썸네일

            SpringBoot & React Portfolio Project: Hands-on AWS Service Deployment for Beginners

            ehtjd339667

            A portfolio-focused course on directly deploying React frontend and SpringBoot backend to AWS cloud! This course is helpful for those who want to quickly deploy frontend and backend projects to their portfolio! You'll be able to practice step-by-step in a short period the knowledge needed for deployment, from server setup to Docker, Domain connection, Nginx, and HTTPS implementation!

            초급

            초급

            React, Java, AWS

            SpringBoot & React Portfolio Project: Hands-on AWS Service Deployment for Beginners강의 썸네일

            SpringBoot & React Portfolio Project: Hands-on AWS Service Deployment for Beginners

            ehtjd339667

            The 10x AI-Native Developer: How to Achieve Overwhelming Results with AI at Work

            dingcodingco

            AI is no longer a choice but a matter of survival. Reduce development time from 3 days to 30 minutes, delegate repetitive tasks to AI, and focus on solving more important problems. With AI-native development methods that you can apply immediately in real work rather than just theory, we'll show you the definitive way to be recognized as "the developer who's good with AI" at your company.

            초급

            초급

            Spring Boot, Next.js, AI

            The 10x AI-Native Developer: How to Achieve Overwhelming Results with AI at Work

            dingcodingco

            Practical TypeScript Learning with Official Documentation강의 썸네일

            Practical TypeScript Learning with Official Documentation

            sowhatcoding

            If you want to understand TypeScript properly, you should read the official documentation at least once, right? This lecture will convey only the important parts of the documentation in an easy-to-understand manner, and also teach you the content you need in practice!

            입문

            입문

            TypeScript, JavaScript, ES6

            Practical TypeScript Learning with Official Documentation강의 썸네일

            Practical TypeScript Learning with Official Documentation

            sowhatcoding

            Practical React Native for iOS/Android App Development - Basic강의 썸네일

            Practical React Native for iOS/Android App Development - Basic

            Wintho

            The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

            초급

            초급

            React Native, React, ES6

            Practical React Native for iOS/Android App Development - Basic강의 썸네일

            Practical React Native for iOS/Android App Development - Basic

            Wintho

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

            gymcoding

            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.

            입문

            입문

            React, Next.js, cursor

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

            gymcoding