BEST

/

[React 2部] 高度なトピックとフック

いよいよReactの仕組みが本当に「見えてくる」ようになります。高度な概念とHooks、最も簡単かつ正確に学んでみましょう。

（4.9）受講レビュー 27件

受講生 755名

jeonghwan

실습 중심

실무

핵심원리

React Context

react-hooks

React

JavaScript

Web Application

thumbnail background

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

こんなことが学べます

リアクトコンポーネント設計技法
React 高度なテーマと活用
リアクトフック(Hooks)

リアクトの高級テーマとフックをしっかりお知らせします。

この講義の目標

「リアクトとして考える」に基づくコンポーネント設計技術の習得
コンタクト、レフ、高次コンポーネント、制御コンポーネントなど、パート1で扱わなかったリアクトの高度なトピックについて
基本フック、追加フックなど、実務でよく使う6つのフックを理解

講義の特徴

リアクトコアの概念を直接作成しながら構造を理解する
配信アプリケーションを作成し、実務レベルのリアクト使用法を訓練

主な内容

リアクトで考える
- 第1部授業のまとめ、実習環境構成、成果物紹介
- メンテナンス可能なコンポーネントの設計と実装
高度なトピック
- リアクトコンタクト、高次コンポーネントパターン、レフ、ポータルについて
- これを活用したルータ、ダイアログモジュールの開発
フック1
- クラスと関数コンポーネントの比較、フック登場の背景
- 状態フック、付随効果フック、コンタクトフックの理解と活用
フック2
- 制御コンポーネント、これを活用したフォームモジュールの開発
- レフック、リデューサフック、メモ化フックの理解と活用

授業資料

스크린샷 2023-09-27 오전 6.00.26.png

스크린샷 2023-09-27 오전 6.01.10.png

스크린샷 2023-09-27 오전 6.01.24.png

ezgif.com-video-to-gif.gif

講師紹介

キム・ジョンファン

ウェブ技術を学び整理するのが好きな実務開発者

Web技術と開発者としての考えを込めた技術ブログを運営しています。

キム・ジョンファンブログ

講義を見る学習した技術と実務で学んだノウハウを集めて発表や講義形式で共有します。

エレガントな兄弟のフロントエンド開発者として働きます。

受講生のための質疑応答

Q. 非専攻者も聞ける講義ですか？

いいえ。

Q. 前の授業を必ず受講しなければなりませんか？

はい、パート1の授業の延長なので、前の内容を十分に理解してから受講することをお勧めします。

Q. なぜリアクトを学ぶべきですか？

最近の採用市場では、現代のWebフレームワークの知識を持つ開発者を探しています。

Q.リアクトを学ぶと何がいいですか？

ユーザーインターフェース開発に関する共通の問題をリアクトがかなり部分的に解決してくれます。

Q. 講義受講前準備するものはありますか？

一度でもWeb開発について経験してこそ、授業を聞く意味があります。

Q. 授業内容はどのレベルですか？

リアクト公式文書の高度なガイドとフックをもとに準備した内容です。

Q. 受講に関する注意事項はありますか？

レッスンで使用するツールは4つあります。

以前の講義

[リアクトパート1]作成、比較、学習するリアクト

こんな方に
おすすめです

学習対象は
誰でしょう？

コンポーネント設計能力を備え、ワンランクアップした開発を夢見る方々
Reactの使い方だけでなく、構造と原理を学び競争力のある開発者になりたい方々
サードパーティライブラリの動作原理を理解し、適切に活用できる能力を身につけたい方々

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

Reactの基本概念、またはReactの1部講義レベルの理解

こんにちは
です。

13,858

受講生

870

受講レビュー

593

回答

4.8

講座評価

9

講座

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

カリキュラム

全体

167件 ∙ (19時間 47分)

セクション 1．1編。リアクトで考える

42件 ∙ (4時間 22分)

セクション 2．2編。高度なトピック

44件 ∙ (5時間 3分)

43. [2.1章コンタクト] 2.1.1制限
05:21
44. [2.1章コンタクト] 2.1.2イベントエミッタ
10:12
45. [2.1章コンタクト] 2.1.3コンタクト
14:57
46. [2.1章コンタクト] 2.1.4 プロバイダーと消費者
13:04
47. [2.1章コンタクト] 2.1.5活用
07:40
48. [2.1章コンタクト] 2.1.6中間定理
03:23
49. [2.2章ルーター1] 2.2.1背景
06:46
50. [2.2 ルーター 1] 2.2.2 ルートに応じたコンポーネントのレンダリング
09:21
51. [2.2章ルーター1] 2.2.3 Link
07:02
52. [2.2 ルーター 1] 2.2.4 Router
14:49
53. [2.2 ルーター 1] 2.2.5 Routes
04:31
54. [2.2章ルーター 1] 2.2.6 Route(実習)
04:57
55. [2.2 ルーター 1] 2.2.7 Route（プール）
11:52
56. [2.2章ルーター1] 2.2.8中間定理
04:40
57. [2.3章ルーター2] 2.3.1アドレスウィンドウアドレスを変更する
07:21
58. [2.3章ルーター2] 2.3.2 後/前へ(実習)
05:34
59. [2.3章ルーター2] 2.3.3 後/前へ(プール)
06:54
60. [2.3章ルーター2] 2.3.4プログラム的にアドレス変更（実習）
02:52
61. [2.3章ルータ2] 2.3.5プログラム的にアドレス変更（プール）
03:05
62. [2.3章ルーター2] 2.3.6高次コンポーネント
15:52
63. [2.3 ルーター 2] 2.3.7 withRouter と navigate
11:50
64. [2.3章ルーター2] 2.3.8 match（実習）
01:43
65. [2.3章ルータ2] 2.3.9 match（プール）
03:12
66. [2.3章ルーター2] 2.3.10 params（実習）
04:36
67. [2.3章ルータ2] 2.3.11 params（プール）
07:30
68. [2.3章ルーター2] 2.3.12中間定理
04:23
69. [2.4章ダイアログ1] 2.4.1 Dialog
06:22
70. [2.4章ダイアログ1] 2.4.2レイアウトコンタクト
10:59
71. [2.4章ダイアログ1] 2.4.3プログラム的にダイアログを制御する
04:49
72. [2.4章ダイアログ1] 2.4.4 withLayout(実習)
01:55
73. [2.4章ダイアログ1] 2.4.5 withLayout(プール)
07:29
74. [2.4章ダイアログ1] 2.4.6ダイアログの組み合わせ（実習）
07:49
75. [2.4章ダイアログ1] 2.4.7ダイアログの組み合わせ（プール）
06:34
76. [2.4章ダイアログ1] 2.4.8中間定理
02:35
77. [2.5章ダイアログ2] 2.5.1 Dialogの問題
03:12
78. [2.5章ダイアログ2] 2.5.2リアクトポータル
12:53
79. [2.5章ダイアログ2] 2.5.3 Dialogのトラブルシューティング
04:24
80. [2.5章ダイアログ2] 2.5.4 ErrorDialog、alert
08:17
81. [2.5章ダイアログ2] 2.5.5 PaymentSuccessDialog, confirm(実習)
02:41
82. [2.5章ダイアログ2] 2.5.6 PaymentSuccessDialog, confirm(プール)
10:27
83. [2.5章ダイアログ2] 2.5.7 Dialog改善、レフ（実習）
02:16
84. [2.5章ダイアログ2] 2.5.8 Dialog改善、レフ（プール）
06:34
85. [2.5章ダイアログ2] 2.5.9中間定理
02:55
86. 2編最終まとめ
08:19

セクション 3．3編基本フック

46件 ∙ (5時間 35分)

87. [3.1章クラス/関数コンポーネント] 3.1.1新しいプロジェクト
07:20
88. [3.1章クラス/関数コンポーネント] 3.1.2クラスと関数
10:43
89. [3.1章クラス/関数コンポーネント] 3.1.3リアクトコンポーネント
16:48
90. [3.1章クラス/関数コンポーネント] 3.1.4比較
08:09
91. [3.1章クラス/関数コンポーネント] 3.1.5リアクトフック
03:38
92. [3.2章ステータスフック] 3.2.1問題を提起
06:07
93. [3.2章ステータスフック] 3.2.2一次実装
13:51
94. [3.2章ステータスフック] 3.2.3マルチステータス管理
04:30
95. [3.2章ステータスフック] 3.2.4二次実装
05:45
96. [3.2章ステータスフック] 3.2.5もっと簡単に
06:56
97. [3.2章ステータスフック] 3.2.6役割
04:10
98. [3.2章状態フック] 3.2.7中間整理
02:58
99. [3.3章付随効果フック] 3.3.1純粋関数とコンポーネント
05:40
100. [3.3章付随効果フック] 3.3.2遅延実行
12:10
101. [3.3章付随効果フック] 3.3.3依存性
08:48
102. [3.3章付随効果フック] 3.3.4多重付随効果
09:55
103. [3.3章付随効果フック] 3.3.5多重依存性
05:19
104. [3.3章付随効果フック] 3.3.6 一度だけ実行する付随効果
05:07
105. [3.3章付随効果フック] 3.3.7付随効果の整理
11:44
106. [3.3章付随効果フック] 3.3.8の役割
05:20
107. [3.3章付随効果フック] 3.3.9中間整理
03:46
108. [3.4章フック活用 1] 3.4.1 メニュー一覧画面
16:55
109. [3.4章フック活用 1] 3.4.2 カート画面（実習）
02:06
110. [3.4章フック活用 1] 3.4.3 カート画面（プール）
15:13
111. [3.4章フック活用 1] 3.4.4 注文履歴画面（実習）
01:31
112. [3.4章フック活用 1] 3.4.5 注文履歴画面（プール）
05:58
113. [3.4章フック活用 1] 3.4.6 変わった点
06:33
114. [3.4章フック活用 1] 3.4.7 中間整理
03:11
115. [3.5章コンタクトフック] 3.5.1 高次コンポーネントとフック
07:17
116. [3.5章コンタクトフック] 3.5.2 useContenxt
19:29
117. [3.5章コンタクトフック] 3.5.3 役割
03:19
118. [3.5章コンタクトフック] 3.5.4 中間整理
03:05
119. [3.6章フック活用 2] 3.6.1 Myrouter: Router
13:19
120. [3.6章フック活用 2] 3.6.2 MyRouter: Routes, Route, Link
04:43
121. [3.6 フックの活用 2] 3.6.3 MyRouter カスタムフック
06:36
122. [3.6章フック活用 2] 3.6.4 MyRouter活用(実習)
02:40
123. [3.6章フック活用 2] 3.6.5 MyRouter活用（プール）
12:51
124. [3.6章フック活用 2] 3.6.6 MyLayout: Layout(実習)
03:05
125. [3.6章フック活用 2] 3.6.7 MyLayout: Layout(プール)
03:50
126. [3.6章フック活用 2] 3.6.8 MyLayout: カスタムフック（実習）
02:10
127. [3.6章フックの活用 2] 3.6.9 MyLayout: カスタムフック（プール）
09:14
128. [3.6章フック活用2] 3.6.10 MyLayout活用(実習)
01:45
129. [3.6章フック活用 2] 3.6.11 MyLayout活用(プール)
14:17
130. [3.6章フック活用 2] 3.6.12 変わった点
05:05
131. [3.6章フック活用 2] 3.6.13 中間整理
03:49
132. 3編最終まとめ
08:53

セクション 4．4本追加フック

35件 ∙ (4時間 45分)

講座掲載日:

最終更新日:

受講レビュー

全体

27件

4.9

27件の受講レビュー

kimhonor
受講レビュー 13
∙
平均評価 5.0
5
32% 受講後に作成
1부를 너무 만족스럽게 수강했던 기억이 있어서 이번 강의도 고민없이 바로 결제했습니다!! 결론은 역시나 만족스럽네요! 무엇보다 강사님이 저만 느낄진 모르겠지만 귀여우십니다 ㅋㅋㅋㅋㅋ 깨알같이 장비 자랑을 하시는 모습과 중간중간 의도치 않은 에러를 마주했을 때 하시는 어허~ 같은 추임새들에 딱딱하게 강의를 보는 중간에 리프레시가 되네요!! 앞으로도 좋은 강의 많이 부탁드리겠습니다. 감사합니다~
- 김정환
  知識共有者
  1부에 이어 2부 강의도 만족하셨다니 다행입니다. 내용이 무거울 수도 있었을 것 같다고 생각했는데요. 수업 내용 외에도 이런 점들을 좋게 봐주셔서 고맙습니다.
지호손
受講レビュー 16
∙
平均評価 5.0
5
100% 受講後に作成
내용이 정말 깔끔하고 깊습니다.
- 김정환
  知識共有者
  좋은 말씀 정말 감사합니다.
theblessedcity
受講レビュー 2
∙
平均評価 5.0
5
52% 受講後に作成
실제 예시를 통해 개념을 잡아갈 수 있어서 좋네요. 잘 듣고 있습니다. 좋은 강의 감사합니다 :)
- 김정환
  知識共有者
  개념을 이해하는데 예제 코드만한게 없는 것 같습니다. ㅎㅎ 따뜻한 후기 남겨주셔서 감사합니다.
younghyun753
受講レビュー 1
∙
平均評価 5.0
5
31% 受講後に作成
mr.woong0926
受講レビュー 5
∙
平均評価 5.0
修正済み
5
45% 受講後に作成
강의 내용 좋고, 강사님 설명도 잘 이해 됩니다. 제가 원하는 내용들은 세션 3에 있었네요! 이미 어느정도 프론트 개발 하실 줄 아시는 분들은 세션 3부터 보셔도 될 것 같습니다! 좋은 강의 감사합니다 :)
- 김정환
  知識共有者
  수강평 남겨주셔서 감사합니다. 원하시는 내용이 세션 3에서 도움이 되셨다니 다행이에요. 이미 프론트엔드 개발 경험이 있으신 분들께서는 말씀해주신 것처럼 필요에 따라 원하는 세션부터 들어주셔도 좋습니다.

￥9,215

jeonghwanの他の講座

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

웹 개발의 핵심, HTTP 완벽 마스터하기!Course Thumbnail

웹 개발의 핵심, HTTP 완벽 마스터하기!

김정환

HTTP 기본부터 데이터 요청, 실시간 통신, 보안, 그리고 성능 최적화까지, 웹 개발자가 반드시 알아야 할 네트워크 지식을 배워보세요.

Basic

Basic

Ajax, https, cors

웹 개발의 핵심, HTTP 완벽 마스터하기!Course Thumbnail

웹 개발의 핵심, HTTP 완벽 마스터하기!

김정환

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)Course Thumbnail

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

김정환

이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요.

Intermediate

Intermediate

Node.js, Webpack, Babel

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)Course Thumbnail

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

김정환

[React 1부] 만들고 비교하며 학습하는 ReactCourse Thumbnail

[React 1부] 만들고 비교하며 학습하는 React

김정환

이제 리액트(React)를 제대로 배우세요. 순수 자바스크립트 방식과 비교하며, 리액트의 특징과 역할을 가장 쉽게 이해하는 강의!

Basic

Basic

React, MVC, JavaScript

[React 1부] 만들고 비교하며 학습하는 ReactCourse Thumbnail

[React 1부] 만들고 비교하며 학습하는 React

김정환

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발Course Thumbnail

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

김정환

순수 자바스크립트와 VueJS라는 UI Library를 이용하여 쇼핑몰 검색 페이지를 만들어 보며 VueJS 개발 학습을 진행합니다. 순수 자바스크립트와 VueJs 로 개발을 각기 진행하며 각 개발의 차이점과 MVC, MVVM 디자인 패턴의 차이도 배울 수 있습니다.

Basic

Basic

JavaScript, Vue.js

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발Course Thumbnail

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

김정환

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술Course Thumbnail

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

김정환

다른 웹 어플리케이션을 내 손으로 구현하는 과정을 통해 Vuejs의 중급 기술 (Vuex, Vue-Router, Http)을 학습할 수 있습니다. 퍼블리싱 결과물, API 서버와 문서하는 등을 미리 구성했기에 협업하는 방법도 체험하실 수 있는 강의입니다.

Intermediate

Intermediate

JavaScript, Vue.js

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술Course Thumbnail

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

김정환

견고한 JS 소프트웨어 만들기Course Thumbnail

견고한 JS 소프트웨어 만들기

김정환

같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.

Intermediate

Intermediate

소프트웨어 테스트, TDD, jasmine

견고한 JS 소프트웨어 만들기Course Thumbnail

견고한 JS 소프트웨어 만들기

김정환

테스트주도개발(TDD)로 만드는 NodeJS API 서버Course Thumbnail

테스트주도개발(TDD)로 만드는 NodeJS API 서버

김정환

이 강의에서는 Javascript 언어로 백엔드 개발을 할 수 있는 NodeJS를 학습하고, 테스트 주도 개발(TDD) 방법으로 NodeJS를 이용해 API 서버 개발을 할 수 있습니다. 또한 NodeJS의 대표적인 웹 프레임워크 ExpressJS의 기초 원리를 이해하고, 모바일과 웹 서비스에서 사용하는 REST API 개발 방법을 학습할 수 있습니다.

Basic

Basic

TDD, Node.js, Express

테스트주도개발(TDD)로 만드는 NodeJS API 서버Course Thumbnail

테스트주도개발(TDD)로 만드는 NodeJS API 서버

김정환

似ている講座

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

[React 1부] 만들고 비교하며 학습하는 ReactCourse Thumbnail

[React 1부] 만들고 비교하며 학습하는 React

김정환

이제 리액트(React)를 제대로 배우세요. 순수 자바스크립트 방식과 비교하며, 리액트의 특징과 역할을 가장 쉽게 이해하는 강의!

Basic

Basic

React, MVC, JavaScript

[React 1부] 만들고 비교하며 학습하는 ReactCourse Thumbnail

[React 1부] 만들고 비교하며 학습하는 React

김정환

Slack 클론 코딩[실시간 채팅 with React]Course Thumbnail

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

Intermediate

Intermediate

클론코딩, React, TypeScript

Slack 클론 코딩[실시간 채팅 with React]Course Thumbnail

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

[코드캠프] 시작은 프리캠프Course Thumbnail

[코드캠프] 시작은 프리캠프

코드캠프

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

Beginner

Beginner

HTML/CSS, JavaScript

[코드캠프] 시작은 프리캠프Course Thumbnail

[코드캠프] 시작은 프리캠프

코드캠프

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)Course Thumbnail

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

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

Basic

Basic

React, Electron, GUI

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)Course Thumbnail

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)Course Thumbnail

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

코딩웍스(Coding Works)

HTML+CSS+JS 실전 포트폴리오(시즌2)는 중급 퍼블리싱으로 다양한 실전 예제 학습을 통해 퍼블리싱 중급 실력을 위한 퍼블리싱 기본기를 익히시게 됩니다. 특히, 다양한 실전 예제와 전체 반응형 웹사이트 제작을 통해 중급 퍼블리싱에 자신감이 생기고 수업한 작업물을 통해 취업을 위한 개인 포트폴리오로 귀중한 자료가 툅니다. 38시간 가까운 충분한 학습량과 실전 예제를 통한 중급 퍼블리시 노하우를 익히게 되는 퍼블리싱 수업입니다.

Basic

Basic

HTML/CSS, jQuery, JavaScript

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)Course Thumbnail

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

코딩웍스(Coding Works)

실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지Course Thumbnail

실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지

한윤석

OAuth 2.0을 구글이나 깃헙같은 계정으로 간편 로그인을 사용해봐서 이미 친숙하게 느껴질지도 모릅니다. 소셜 로그인은 OAuth 2.0을 확장하여 만들어진 것으로 핵심 기술은 OAuth 2.0 인가 프레임워크에 있습니다. OAuth 2.0의 원리를 이해하면 그것을 바탕으로 필요에 맞게 적절히 구현하고 조정하는 능력을 기를 수 있습니다.

Basic

Basic

OAuth, Next.js, JavaScript

실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지Course Thumbnail

실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지

한윤석

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

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

코드캠프

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

Intermediate

Intermediate

React, Next.js, cursor

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

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

코드캠프

문법 공부 다음엔, 자바스크립트 프로젝트 101Course Thumbnail

문법 공부 다음엔, 자바스크립트 프로젝트 101

이룸코딩

🚀 자바스크립트 문법 공부를 막 끝낸 코린이들에게 적합한 미니 프로젝트 실습 강의입니다. 자바스크립트 기초 문법과 리액트나 뷰 등의 프레임워크 사이에 꽉 막힌 구간을 시원하게 뚫어드립니다. ✨

Basic

Basic

JavaScript

문법 공부 다음엔, 자바스크립트 프로젝트 101Course Thumbnail

문법 공부 다음엔, 자바스크립트 프로젝트 101

이룸코딩

[리뉴얼] React로 NodeBird SNS 만들기Course Thumbnail

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

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

Intermediate

Intermediate

React, Redux, Node.js

[리뉴얼] React로 NodeBird SNS 만들기Course Thumbnail

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

아무도 알려주지 않는 WebRTC를 사용한 P2P통신Course Thumbnail

아무도 알려주지 않는 WebRTC를 사용한 P2P통신

July

WebRTC를 활용하여 구현하는 웹캠과 피어간 통신에 대해서 학습할 수 있습니다.

Beginner

Beginner

Go, webrtc, p2p

아무도 알려주지 않는 WebRTC를 사용한 P2P통신Course Thumbnail

아무도 알려주지 않는 WebRTC를 사용한 P2P통신

July

iOS/Android 앱 개발을 위한 실전 React Native - BasicCourse Thumbnail

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

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

Basic

Basic

React Native, React, ES6

iOS/Android 앱 개발을 위한 실전 React Native - BasicCourse Thumbnail

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼Course Thumbnail

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

닭강정

🔥 한자 학습을 위한 맞춤형 플랫폼 구축! Google Gemini AI와 Firestore를 활용해 나만의 한자 단어장, 획순 애니메이션, 필기 인식까지 직접 구현해보세요!

Basic

Basic

gemini, HTML/CSS, TailwindCSS

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼Course Thumbnail

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

닭강정

[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스Course Thumbnail

[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스

코드팩토리

이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다.

Beginner

Beginner

JavaScript

[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스Course Thumbnail

[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스

코드팩토리

모바일, 태블릿, pc 반응형 인스타그램 클론코딩Course Thumbnail

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

Basic

Basic

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩Course Thumbnail

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문Course Thumbnail

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

Basic

Basic

JavaScript

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문Course Thumbnail

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 ReactCourse Thumbnail

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

판다코딩

MERN Stack을 활용하여 커뮤니티 어플리케이션을 제작하고, 배포합니다. (MongoDB, Express, React, Node + Firebase)

Basic

Basic

MongoDB, Express, React

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 ReactCourse Thumbnail

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

판다코딩

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스Course Thumbnail

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

코드캠프

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

Beginner

Beginner

NestJS, Node.js, JavaScript

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스Course Thumbnail

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

코드캠프

mongoDB 기초부터 실무까지(feat. Node.js)Course Thumbnail

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

mongoDB, NoSQL 요즘 많이 들리지만 아직은 낯선 데이터베이스인가요? 관계형 데이터베이스(RDS/SQL)처럼 사용하고 계시지는 않으신가요? 아무리 좋은 기술도 올바르게 사용하지 않으면 역효과가 발생합니다. 그래서 몽고디비 사용 실패 사례도 종종 보이는데요. 이 강의는 mongoDB를 최대한 mongoDB스럽게 사용할 수 있도록 기본 개념부터 실무 노하우까지 가르쳐드려요.

Basic

Basic

MongoDB, REST API, Node.js

mongoDB 기초부터 실무까지(feat. Node.js)Course Thumbnail

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)Course Thumbnail

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

Basic

Basic

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)Course Thumbnail

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

Node.js로 웹 크롤링하기Course Thumbnail

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

Intermediate

Intermediate

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기Course Thumbnail

Node.js로 웹 크롤링하기

제로초(조현영)