BEST

프론트엔드

[React 2부] 고급 주제와 훅

Name: [React 2부] 고급 주제와 훅
Price: 77000 KRW
Rating: 4.9 (30 reviews)

이제 리액트(React)가 진짜 ‘보이기’ 시작합니다. 고급 개념과 훅(Hooks) 가장 쉽고 정확하게 배워보세요.

(4.9) 수강평 30개

수강생 761명

김정환

실습 중심

실무

핵심원리

React Context react-hooks React JavaScript 웹앱

먼저 경험한 수강생들의 후기

수강 후 이런걸 얻을 수 있어요

리액트 컴포넌트 설계 기법
리액트 고급 주제와 활용
리액트 훅(Hooks)

리액트 고급 주제와 훅을 확실히 알려드려요.

이 강의의 목표

'리액트로 생각하기' 기반으로 한 컴포넌트 설계 기법 숙달
컨택스트, 레프, 고차 컴포넌트, 제어 컴포넌트 등 1부에서 다루지 않았던 리액트 고급 주제 이해
기본 훅, 추가 훅 등 실무에서 많이 사용하는 여섯 개 훅을 이해

강의 특징

리액트 핵심 개념을 직접 만들면서 구조를 이해
배달 어플리케이션을 만들며 실무 수준의 리액트 사용법을 훈련

주요 내용

리액트로 사고하기
- 1부 수업 요약, 실습 환경 구성, 결과물 소개
- 유지보수 가능한 컴포넌트 설계 및 구현
고급 주제
- 리액트 컨택스트, 고차 컴포넌트 패턴, 레프, 포탈 이해
- 이를 활용한 라우터, 다이얼로그 모듈 개발
훅 1
- 클래스와 함수 컴포넌트의 비교, 훅 등장 배경
- 상태 훅, 부수효과 훅, 컨택스트 훅 이해 및 활용
훅 2
- 제어 컴포넌트, 이를 활용한 폼 모듈 개발
- 레프 훅, 리듀서 훅, 메모이제이션 훅 이해 및 활용

수업 자료

강사 소개

김정환

웹 기술을 학습하고 정리하는 걸 좋아하는 실무 개발자

웹 기술 및 개발자로서의 생각을 담은 기술 블로그를 운영합니다.

김정환 블로그

강의 보기학습한 기술과 실무에서 배운 노하우를 모아 발표나 강의 형식으로 공유합니다.

우아한형제들에서 프론트엔드 개발자로 일합니다.

수강생을 위한 질의 응답

Q. 비전공자도 들을 수 있는 강의인가요?

아니요. 웹 개발에 대한 경험이 조금은 있어야 합니다.

Q. 이전 수업을 반드시 수강해야 하나요?

네, 1부 수업의 연장이라서 이전 내용을 충분히 이해하신 뒤에 수강하시는 것이 좋습니다.

Q. 왜 리액트를 배워야 하나요?

최근 채용 시장에서는 모던 웹 프레임워크 지식을 가진 개발자를 찾습니다. 이 중 가장 인기있는 리액트 기술 역량을 갖춘다면 많은 회사에서 찾는 인재가 될 수 있을 거에요.

Q. 리액트를 배우면 뭐가 좋은가요?

유저 인터페이스 개발에 대한 공통 문제를 리액트가 상당 부분 해결해 주는데요. 개발자는 조금 더 비즈니스 로직 개발에 집중하고 빠르게 제품을 만들어 낼수 있는 도구를 하나더 갖게되는 셈이에요.

Q. 강의 수강전 준비할 것이 있나요?

한 번이라도 웹 개발에 대해 경험하셔야 수업을 듣는 의미가 있어요. HTML, 자바스크립트 문법을 숙지가고 있다는 전제 하에 수업을 진행하기 때문입니다. 아직 웹 기초가 부족하신 분들은 먼저 학습하신 후에 수강을 추천 드립니다.

Q. 수업 내용은 어느 수준인가요?

리액트 공식 문서의 고급 안내서와 훅을 바탕으로 준비한 내용입니다. 리액트의 핵심이라고 할만한 부분들 다룹니다.

Q. 수강 관련 참고 사항이 있나요?

수업에서 사용할 도구는 네 가지입니다. Node.js 개발 에디터, 웹프라우져, 깃. 미리보기 수업에서도 확인하룻 있어요. (실습 환경 구성)

이전 강의

[리액트 1부] 만들고 비교하며 학습하는 리액트

이런 분들께
추천드려요

학습 대상은
누구일까요?

컴포넌트 설계 역량을 갖춰 한 단계 업그레이드된 개발을 꿈꾸는 분들
리액트 사용법뿐만 아니라, 구조와 원리를 배워 경쟁력있는 개발자가 되고 싶은 분들
서드파티 라이브러리의 동작 원리를 이해하고, 제대로된 활용 역략을 갖추고 싶은 분들

선수 지식,
필요할까요?

리액트 기본 개념 혹은 리액트 1부 강의에 해당하는 수준의 이해

안녕하세요
입니다.

13,969

명

수강생

884

개

수강평

595

개

답변

4.8

점

강의 평점

개

강의

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

커리큘럼

전체

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 1차 구현
13:51
94. [3.2장 상태 훅] 3.2.3 다중 상태 관리
04:30
95. [3.2장 상태 훅] 3.2.4 2차 구현
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분)

강의 게시일:

마지막 업데이트일:

수강평

전체

30개

4.9

30개의 수강평

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

월 ₩15,400

5개월 할부 시

₩77,000

김정환님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

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

김정환

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

초급

Ajax, https, cors

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

김정환

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

김정환

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

초급

React, MVC, JavaScript

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

김정환

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

김정환

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

중급이상

Node.js, Webpack, Babel

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

김정환

트렐로 개발로 배우는 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 서버

김정환

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

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

김정환

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

초급

React, MVC, JavaScript

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

김정환

입문자를 위한 자바스크립트 기초 강의

유노코딩

웹 사이트를 움직이는 프로그래밍 언어, 자바스크립트의 주요 개념과 문법, 그리고 활용 방법을 소개합니다. 이제 막 HTML/CSS 걸음마를 떼신 분들도 부담 없이 소화하실 수 있는, 자바스크립트 입문 수업입니다.

입문

JavaScript

입문자를 위한 자바스크립트 기초 강의

유노코딩

실무 중심! FE 입문자를 위한 React

IT Share

강의를 모두 듣고 나면, 스스로 하나의 웹서비스를 개발할 수 있는 역량을 갖게 됩니다.

초급

React, Node.js, Redux

실무 중심! FE 입문자를 위한 React

IT Share

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

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

제로초(조현영)

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

중급이상

React, Redux, Node.js

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

제로초(조현영)

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

말랑말랑한 푸른돌고래

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

입문

네트워크, Google Chrome, Chrome DevTools

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

말랑말랑한 푸른돌고래

[코드캠프] 훈훈한 Javascript

코드캠프

다른 언어도 많은데.. 왜 자바스크립트여야 하냐구요? 자바스크립트는 전세계에서 가장 많이 쓰는 언어로, 비전공자도 빠르게 배울 수 있고 이해하기 쉬운 구조를 가지고 있어요. 게다가 구글, 페이팔, 아마존 등 유명 기업들도 활용하고 있다니! 더 이상의 고민이 필요한가요?

입문

JavaScript

[코드캠프] 훈훈한 Javascript

코드캠프

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

코드캠프

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

중급이상

React, Next.js, cursor

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

코드캠프

코로나맵 개발자와 함께하는 지도서비스 만들기 1

이동훈

코로나맵 개발자가 알려주는 지도서비스 만들기 강의입니다.

초급

Node.js, 웹앱, Express

코로나맵 개발자와 함께하는 지도서비스 만들기 1

이동훈

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

코드팩토리

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

입문

JavaScript

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

코드팩토리

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

John Ahn

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

초급

React, Firebase, 웹앱

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

John Ahn

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

코드캠프

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

초급

React, Next.js, expo

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

코드캠프

퓨즈 스터디를 원하다 [Wonhada]

원강민

자바스크립트와 XML을 이용해 쉽고 빠르게 iOS와 안드로이드 앱을 만들어보세요.

중급이상

JavaScript, XML

퓨즈 스터디를 원하다 [Wonhada]

원강민

누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)

부산대학교 소프트웨어융합교육원

기본적인 웹사이트 구축 방법을 습득하고, 공공데이터 Open API를 연계한 실전 프로젝트를 통해 웹 개발의 기초부터 실무 적용 능력까지!

입문

HTML/CSS, JavaScript, openAI API

누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)

부산대학교 소프트웨어융합교육원

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

인프런

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

입문

HTML/CSS, JavaScript, netlify

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

인프런

JavaScript 서버 프로그래밍 기초

zdpk

JavaScript 기반의 웹 프레임워크 Express.js를 사용하여 서버 코드를 작성해보며 기초적인 사용법 및 서버의 동작 원리를 이해합니다. 프론트엔드 역시 본질적으로는 서버가 필요하며, static serving, dynamic rendering 등의 다양한 기법이 생겨나는 과정을 공부하며 이해도를 높입니다.

입문

JavaScript

JavaScript 서버 프로그래밍 기초

zdpk

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.

입문

React, React Native, react.js

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

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

초급

React, Electron, GUI

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

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

July

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

입문

Go, webrtc, p2p

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

July

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

초급

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

연관 로드맵

강의가 포함된 로드맵으로 학습해 보세요!

우아한형제들 프론트엔드 시니어 개발자의 웹 개발 로드맵

김정환

[React 2부] 고급 주제와 훅

먼저 경험한 수강생들의 후기

수강 후 이런걸 얻을 수 있어요

리액트 고급 주제와 훅을 확실히 알려드려요.

이 강의의 목표

강의 특징

주요 내용

수업 자료

강사 소개

김정환

수강생을 위한 질의 응답

이전 강의

이런 분들께 추천드려요

안녕하세요 .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}입니다.

커리큘럼

수강평

김정환님의 다른 강의

비슷한 강의

연관 로드맵

이런 분들께
추천드려요

안녕하세요
입니다.