BEST

Front-end

[React Part 2] Advanced Topics and Hooks

Name: [React Part 2] Advanced Topics and Hooks
Price: 77000 KRW
Rating: 4.9 (30 reviews)

Now React truly starts to 'make sense'. Advanced concepts and Hooks, learn easily and accurately.

(4.9) 30 reviews

761 learners

jeonghwan

실습 중심

실무

핵심원리

React Context

react-hooks

React

JavaScript

Web Application

Reviews from Early Learners

What you will gain after the course

React Component Design Techniques
React Advanced Topics and Application
React Hook (Hooks)

I will teach you advanced React topics and hooks with certainty.

Objectives of this lecture

Master component design techniques based on 'Thinking in React'
Understand advanced React topics not covered in Part 1, such as context, ref, higher-order components, and controlled components.
Understand six hooks that are commonly used in practice, including basic hooks and additional hooks.

Course Features

Understand the structure by creating React core concepts yourself
Learn practical React usage while building a delivery application.

Key Contents

Thinking in React
- Part 1: Summary of the class, setup of the practice environment, introduction of results
- Design and implement maintainable components
Advanced Topics
- Understanding React Context, Higher-Order Component Pattern, Ref, and Portal
- Development of router and dialog modules using this
Hook 1
- Comparison of class and function components, background of hooks
- Understanding and utilizing state hooks, side effect hooks, and context hooks
Hook 2
- Control component, development of form module using it
- Understanding and utilizing rep hooks, reducer hooks, and memoization hooks

Teaching Materials

Instructor Introduction

Kim Jung-hwan

A working developer who loves learning and organizing web technologies.

I run a technology blog about web technologies and my thoughts as a developer.

Kim Jung-hwan's blog

View Lectures We share the skills learned and know-how gained from practical work in the form of presentations or lectures.

I work as a front-end developer at Elegant Brothers.

Questions and Answers for Students

Q. Is this a lecture that non-majors can also take?

No, you must have some experience in web development.

Q. Do I have to take the previous class?

Yes, it is an extension of the first class, so it is recommended that you take it after fully understanding the previous content.

Q. Why should I learn React?

The current job market is looking for developers with knowledge of modern web frameworks. If you have the skills in React, one of the most popular technologies, you will be in demand by many companies.

Q. What are the benefits of learning React?

React solves many of the common problems in user interface development, giving developers one more tool to focus more on business logic development and quickly create products.

Q. Is there anything I need to prepare before attending the lecture?

If you have experience with web development at least once, it is meaningful to take this class. This is because the class is conducted on the assumption that you are familiar with HTML and JavaScript grammar. For those who are still lacking in web basics, I recommend that you learn first and then take the class.

Q. What level is the class content?

This is a guide based on the advanced guide and hooks in the official React documentation. It covers the core parts of React.

Q. Are there any notes regarding course registration?

There are four tools that will be used in class. Node.js development editor, web browser, and Git. You can also check it out in the preview class. ( Practical environment configuration )

Previous lecture

[React Part 1] Learning React by Making and Comparing

Recommended for
these people

Who is this course right for?

Those aspiring to upgraded development with component design skills.
Those aiming to be competitive developers, by learning React's structure and principles, not just its usage.
Those wishing to grasp third-party library workings and master their effective use.

Need to know before starting?

React basic concepts or React Part 1 lecture-level understanding

Hello
This is

13,965

Learners

883

Reviews

595

Answers

4.8

Rating

Courses

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

Curriculum

All

167 lectures ∙ (19hr 47min)

Section 1. Part 1. Thinking with React

42 lectures ∙ (4hr 22min)

Section 2. Part 2. Advanced Topics

44 lectures ∙ (5hr 3min)

43. [Chapter 2.1 Context] 2.1.1 Limitations
05:21
44. [Chapter 2.1 Context] 2.1.2 Event Emitter
10:12
45. [Chapter 2.1 Context] 2.1.3 Context
14:57
46. [Chapter 2.1 Context] 2.1.4 Suppliers and Consumers
13:04
47. [Chapter 2.1 Context] 2.1.5 Utilization
07:40
48. [Chapter 2.1 Context] 2.1.6 Intermediate Summary
03:23
49. [Chapter 2.2 Router 1] 2.2.1 Background
06:46
50. [Chapter 2.2 Router 1] 2.2.2 Rendering components along a route
09:21
51. [Chapter 2.2 Router 1] 2.2.3 Link
07:02
52. [Chapter 2.2 Router 1] 2.2.4 Router
14:49
53. [Chapter 2.2 Router 1] 2.2.5 Routes
04:31
54. [Chapter 2.2 Router 1] 2.2.6 Route (Practice)
04:57
55. [Chapter 2.2 Router 1] 2.2.7 Route (Solution)
11:52
56. [Chapter 2.2 Router 1] 2.2.8 Intermediate Summary
04:40
57. [Chapter 2.3 Router 2] 2.3.1 Changing the address bar address
07:21
58. [Chapter 2.3 Router 2] 2.3.2 Going Back/Forward (Practice)
05:34
59. [Chapter 2.3 Router 2] 2.3.3 Going Back/Forward (Solution)
06:54
60. [Chapter 2.3 Router 2] 2.3.4 Changing Address Programmatically (Practice)
02:52
61. [Chapter 2.3 Router 2] 2.3.5 Changing Address Programmatically (Solution)
03:05
62. [Chapter 2.3 Router 2] 2.3.6 Higher-order components
15:52
63. [Chapter 2.3 Router 2] 2.3.7 withRouter and navigate
11:50
64. [Chapter 2.3 Router 2] 2.3.8 match (practice)
01:43
65. [Chapter 2.3 Router 2] 2.3.9 match (solution)
03:12
66. [Chapter 2.3 Router 2] 2.3.10 params (Practice)
04:36
67. [Chapter 2.3 Router 2] 2.3.11 params (solution)
07:30
68. [Chapter 2.3 Router 2] 2.3.12 Intermediate Summary
04:23
69. [Chapter 2.4 Dialog 1] 2.4.1 Dialog
06:22
70. [Chapter 2.4 Dialog 1] 2.4.2 Layout Context
10:59
71. [Chapter 2.4 Dialog 1] 2.4.3 Controlling Dialog Programmatically
04:49
72. [Chapter 2.4 Dialog 1] 2.4.4 withLayout (Practice)
01:55
73. [Chapter 2.4 Dialog 1] 2.4.5 withLayout(Solution)
07:29
74. [Chapter 2.4 Dialog 1] 2.4.6 Dialog Combination (Practice)
07:49
75. [Chapter 2.4 Dialogue 1] 2.4.7 Dialogue Combination (Solution)
06:34
76. [Chapter 2.4 Dialogue 1] 2.4.8 Intermediate Summary
02:35
77. [Chapter 2.5 Dialog 2] 2.5.1 Dialog Problem
03:12
78. [Chapter 2.5 Dialog 2] 2.5.2 React Portal
12:53
79. [Chapter 2.5 Dialog 2] 2.5.3 Dialog Troubleshooting
04:24
80. [Chapter 2.5 Dialog 2] 2.5.4 ErrorDialog, alert
08:17
81. [Chapter 2.5 Dialog 2] 2.5.5 PaymentSuccessDialog, confirm (Practice)
02:41
82. [Chapter 2.5 Dialog 2] 2.5.6 PaymentSuccessDialog, confirm(solution)
10:27
83. [Chapter 2.5 Dialog 2] 2.5.7 Dialog Improvement, Ref (Practice)
02:16
84. [Chapter 2.5 Dialog 2] 2.5.8 Dialog Improvement, Ref (Solution)
06:34
85. [Chapter 2.5 Dialogue 2] 2.5.9 Interim Summary
02:55
86. Part 2 Final Summary
08:19

Section 3. Part 3 Basic Hook

46 lectures ∙ (5hr 35min)

87. [Chapter 3.1 Class/Function Components] 3.1.1 New Project
07:20
88. [Chapter 3.1 Class/Function Components] 3.1.2 Classes and Functions
10:43
89. [Chapter 3.1 Class/Function Components] 3.1.3 React Components
16:48
90. [Chapter 3.1 Class/Function Components] 3.1.4 Comparison
08:09
91. [Chapter 3.1 Class/Function Components] 3.1.5 React Hooks
03:38
92. [Chapter 3.2 Status Hook] 3.2.1 Raising a Problem
06:07
93. [Chapter 3.2 Status Hook] 3.2.2 1st Implementation
13:51
94. [Chapter 3.2 State Hook] 3.2.3 Multi-state management
04:30
95. [Chapter 3.2 Status Hook] 3.2.4 Secondary Implementation
05:45
96. [Chapter 3.2 Status Hook] 3.2.5 Simpler
06:56
97. [Chapter 3.2 Status Hook] 3.2.6 Role
04:10
98. [Chapter 3.2 Status Hook] 3.2.7 Intermediate Summary
02:58
99. [Chapter 3.3 Side Effect Hook] 3.3.1 Pure Functions and Components
05:40
100. [Chapter 3.3 Side Effect Hook] 3.3.2 Delayed Execution
12:10
101. [Chapter 3.3 Side Effect Hook] 3.3.3 Dependency
08:48
102. [Chapter 3.3 Side Effect Hook] 3.3.4 Multiple Side Effects
09:55
103. [Chapter 3.3 Side Effect Hook] 3.3.5 Multiple Dependencies
05:19
104. [Chapter 3.3 Side Effect Hook] 3.3.6 Side Effects That Only Run Once
05:07
105. [Chapter 3.3 Side Effect Hook] 3.3.7 Organizing Side Effects
11:44
106. [Chapter 3.3 Side Effect Hook] 3.3.8 Role
05:20
107. [Chapter 3.3 Side Effect Hook] 3.3.9 Intermediate Summary
03:46
108. [3.4 Hook Utilization 1] 3.4.1 Menu List Screen
16:55
109. [3.4 Hook Utilization 1] 3.4.2 Shopping Cart Screen (Practice)
02:06
110. [3.4 Hook Utilization 1] 3.4.3 Shopping Cart Screen (Solution)
15:13
111. [3.4 Hook Utilization 1] 3.4.4 Order History Screen (Practice)
01:31
112. [3.4 Hook Utilization 1] 3.4.5 Order History Screen (Solution)
05:58
113. [3.4 Hook Utilization 1] 3.4.6 What's changed
06:33
114. [3.4 Hook Utilization 1] 3.4.7 Intermediate Summary
03:11
115. [Chapter 3.5 Context Hooks] 3.5.1 Higher-order components and hooks
07:17
116. [Chapter 3.5 Context Hook] 3.5.2 useContenxt
19:29
117. [Chapter 3.5 Context Hook] 3.5.3 Role
03:19
118. [Chapter 3.5 Context Hook] 3.5.4 Intermediate Summary
03:05
119. [Chapter 3.6 Hook Utilization 2] 3.6.1 Myrouter: Router
13:19
120. [Chapter 3.6 Hook Utilization 2] 3.6.2 MyRouter: Routes, Route, Link
04:43
121. [3.6 Hook Utilization 2] 3.6.3 MyRouter Custom Hook
06:36
122. [3.6 Hook Utilization 2] 3.6.4 MyRouter Utilization (Practice)
02:40
123. [3.6 Hook Utilization 2] 3.6.5 MyRouter Utilization (Solution)
12:51
124. [3.6 Hook Utilization 2] 3.6.6 MyLayout: Layout (Practice)
03:05
125. [3.6 Hook Utilization 2] 3.6.7 MyLayout: Layout (Solution)
03:50
126. [3.6 Hook Utilization 2] 3.6.8 MyLayout: Custom Hook (Practice)
02:10
127. [3.6 Hook Utilization 2] 3.6.9 MyLayout: Custom Hook (Solution)
09:14
128. [3.6 Hook Utilization 2] 3.6.10 MyLayout Utilization (Practice)
01:45
129. [3.6 Hook Utilization 2] 3.6.11 MyLayout Utilization (Solution)
14:17
130. [3.6 Chapter Hook Utilization 2] 3.6.12 What's changed
05:05
131. [3.6 Hook Utilization 2] 3.6.13 Intermediate Summary
03:49
132. Part 3 Final Summary
08:53

Section 4. 4 additional hooks

35 lectures ∙ (4hr 45min)

Published:

Last updated:

Reviews

All

30 reviews

4.9

30 reviews

kimhonor
Reviews 13
∙
Average Rating 5.0
5
32% enrolled
1부를 너무 만족스럽게 수강했던 기억이 있어서 이번 강의도 고민없이 바로 결제했습니다!! 결론은 역시나 만족스럽네요! 무엇보다 강사님이 저만 느낄진 모르겠지만 귀여우십니다 ㅋㅋㅋㅋㅋ 깨알같이 장비 자랑을 하시는 모습과 중간중간 의도치 않은 에러를 마주했을 때 하시는 어허~ 같은 추임새들에 딱딱하게 강의를 보는 중간에 리프레시가 되네요!! 앞으로도 좋은 강의 많이 부탁드리겠습니다. 감사합니다~
- 김정환
  Instructor
  1부에 이어 2부 강의도 만족하셨다니 다행입니다. 내용이 무거울 수도 있었을 것 같다고 생각했는데요. 수업 내용 외에도 이런 점들을 좋게 봐주셔서 고맙습니다.
지호손
Reviews 16
∙
Average Rating 5.0
5
100% enrolled
내용이 정말 깔끔하고 깊습니다.
- 김정환
  Instructor
  좋은 말씀 정말 감사합니다.
j33515
Reviews 2
∙
Average Rating 5.0
5
31% enrolled
이거는 혁신이다.
- 김정환
  Instructor
  리뷰 감사합니다.
Hewbie
Reviews 25
∙
Average Rating 4.2
5
62% enrolled
리액트 api들의 내부 속사정?을 알려주셔서 프레임워크 이해도가 올라간 느낌입니다. 감사합니다.
- 김정환
  Instructor
  리액트 내부 동작을 이해하면 프레임워크 전체를 바라보는 눈이 정말 많이 달라지는 것 같습니다. 이런 부분에 도움이 되셨다니 기쁘고 보람도 크네요. 리뷰 남겨주셔서 감사합니다.
Jinhee Lee
Reviews 2
∙
Average Rating 4.0
4
31% enrolled

$59.40

jeonghwan's other courses

Check out other courses by the instructor!

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

김정환

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

초급

Ajax, https, cors

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

김정환

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

김정환

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

중급이상

Node.js, Webpack, Babel

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

김정환

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

김정환

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

초급

React, MVC, JavaScript

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

김정환

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

김정환

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

중급이상

JavaScript, Vue.js

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

김정환

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

김정환

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

중급이상

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

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

김정환

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

김정환

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

초급

JavaScript, Vue.js

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

김정환

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

김정환

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

초급

TDD, Node.js, Express

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

김정환

Similar courses

Explore other courses in the same field!

React 완전 끝내기: useHoooooook

김영보

넓고 깊으면서 자세하게 React의 state와 hook을 배울 수 있습니다. React 공식 문서의 95% 이상을 다룹니다. 본 강좌로 React를 끝낼 수 있습니다.

초급

React, JavaScript, DOM

React 완전 끝내기: useHoooooook

김영보

따라하며 배우는 리액트 A-Z[19버전 반영]

John Ahn

이 강의를 통해 리액트 기초부터 중급까지 배우게 됩니다. 하나의 강의로 개념도 익히고 실습도 하며, 리액트를 위해 필요한 대부분의 지식을 한번에 습득할 수 있도록 만들었습니다.

초급

React, Next.js, TypeScript

따라하며 배우는 리액트 A-Z[19버전 반영]

John Ahn

Next.js 15 with Spring Boot

구멍가게코딩단

전통적인 React 개발 방식과 Next.js를 이용해서 개발하는 방식은 전혀 다릅니다. 이 강의는 최신 Next.js 15의 핵심을 꿰뚫고, '진짜' Next.js다운 개발 방식을 알려드립니다. 취업 포트폴리오부터 실무 프로젝트까지, 성능과 효율을 모두 잡는 방법을 경험하세요. Next.js 스럽게 개발 합시다! Next.js의 기능을 어떻게 적용해야하는지 실제 예제를 만들면서 몸으로 배울 수 있도록 구성되었습니다. 서버 컴포넌트를 중심으로 보고 서버 액션과 캐싱 전략등을 이론보다는 실제로 코드를 통해서 더 빠르게 학습합니다. 강의의 목표는 최대한 빨리 Next.js의 분위기를 따라가는 것이 때문에 강의 자체는 JavaScript를 이용해서 진행합니다. 하지만 각 강의의 예제는 Typescript로 제작된 것을 추가로 수업자료로 제공합니다.

중급이상

JavaScript, React, Spring Boot

Next.js 15 with Spring Boot

구멍가게코딩단

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

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

초급

React, Next.js, expo

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

초급

NestJS, REST API, backend

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

초급

JavaScript, HTML/CSS, 객체지향

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

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

제로초(조현영)

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

중급이상

React, Redux, Node.js

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

제로초(조현영)

모던 자바스크립트(ES6+) 심화

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 마지막 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. 특히, 비동기 통신과 비동기 프로세스 전반을 11단계로 나누어 프레임워크를 만드는 개념으로 접근합니다.

초급

JavaScript, ES6

모던 자바스크립트(ES6+) 심화

김영보

따라하며 배우는 자바스크립트 A-Z

John Ahn

웹 개발의 기초가 되는 자바스크립트의 기초부터 중급까지 배울 수 있습니다.

입문

JavaScript

따라하며 배우는 자바스크립트 A-Z

John Ahn

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

더코딩클럽

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

초급

HTML/CSS, JavaScript, 클론코딩

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

더코딩클럽

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]

nhcodingstudio

이 강의는 단순한 DOM 조작을 넘어서, 실제 사용자와의 상호작용 속에서 웹 UI를 동적으로 구성하고 반응하는 방법을 깊이 있게 학습합니다. 이벤트 시스템의 본질, 버블링과 캡처링, 이벤트 위임, 실시간 UX 피드백, 그리고 throttle & debounce를 활용한 성능 최적화까지, 실무에서 자주 마주치는 문제들을 직접 구현하며 익힐 수 있도록 구성했습니다. DOM 트리의 구조 이해를 바탕으로, 이벤트 흐름과 상태 변경을 유연하게 연결하는 능력을 기르게 됩니다.

초급

HTML/CSS, JavaScript, React

이벤트부터 SPA까지, 상호작용 웹의 필수 엔진 - [DOM 완전 정복 Part 2]

nhcodingstudio

키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

말랑말랑한 푸른돌고래

웹 개발 입문자를 위한 나침반, 당신이 웹 프론트엔드에 대해 모르는 것을 발견하고 체계적으로 나아가기 위한 가이드 강의입니다.

입문

네트워크, Google Chrome, Chrome DevTools

키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

말랑말랑한 푸른돌고래

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

코드캠프

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

중급이상

React, Next.js, cursor

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

코드캠프

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

John Ahn

이 강의를 통해서 리액트와 파이어베이스를 이용해서 채팅 어플리케이션을 만들수 있습니다.

초급

React, Firebase, 웹앱

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

John Ahn

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

입문

HTML/CSS, JavaScript, ES6

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

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

닭강정

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

초급

React, Electron, GUI

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

닭강정

[인프런 X 생활코딩] HTML과 인터넷

인프런

생활코딩의 첫 번째 웹 개발 강의, <WEB 1 - HTML & Internet> 리뉴얼 버전이 오직 인프런에서만 공개됩니다!

입문

HTML/CSS, JavaScript, netlify

[인프런 X 생활코딩] HTML과 인터넷

인프런

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

Wintho

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

초급

React Native, React, ES6

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

Wintho

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

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

중급이상

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)

짐코딩

탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.

입문

React, Next.js, cursor

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)

짐코딩

[React Part 2] Advanced Topics and Hooks

Reviews from Early Learners

What you will gain after the course

I will teach you advanced React topics and hooks with certainty.

Objectives of this lecture

Course Features

Key Contents

Teaching Materials

Instructor Introduction

Kim Jung-hwan

Questions and Answers for Students

Previous lecture

Recommended for these people

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

Curriculum

Reviews

jeonghwan's other courses

Similar courses

Recommended for
these people

Hello
This is