BEST

개발 · 프로그래밍

/

프론트엔드

[리액트 2부] 고급 주제와 훅

리액트(React)는 실무에서 가장 많이 찾는 인기 프론트엔드 기술입니다. 리액트를 이용해 애플리케이션을 빠르게 개발하고 유지 보수 가능한 코드를 만들어 보세요.

(4.9) 수강평 22개

수강생 719명

김정환

React React Context react-component react-router react-hooks

thumbnail background

중급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

이런 걸 배울 수 있어요

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

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

이 강의의 목표

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

강의 특징

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

주요 내용

리액트로 사고하기
- 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

강사 소개

김정환

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

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

김정환 블로그

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

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

수강생을 위한 질의 응답

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

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

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

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

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

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

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

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

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

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

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

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

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

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

이전 강의

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

리액트 사용법뿐만 아니라 구조와 원리를 배우고 싶은 분
서드파티 라이브러리(라우터, 폼, 모달)를 배우고 싶은 분

선수 지식,
필요할까요?

리액트 1부 강의에 해당하는 수준의 이해

안녕하세요
김정환입니다.

13,541

명

수강생

838

개

수강평

583

개

답변

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 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분)

강의 게시일: 2023. 10. 16.

마지막 업데이트일: 2025. 05. 13.

수강평

전체

22개

4.9

22개의 수강평

지호손
수강평 15
∙
평균 평점 5.0
2023. 11. 05.
5
100% 수강 후 작성
내용이 정말 깔끔하고 깊습니다.
- 김정환
  지식공유자
  2023. 11. 12.
  좋은 말씀 정말 감사합니다.
정다영
수강평 4
∙
평균 평점 5.0
2025. 05. 02.
5
31% 수강 후 작성
teddy
수강평 11
∙
평균 평점 4.4
2025. 01. 30.
4
100% 수강 후 작성
강의 덕분에 리엑트를 좀더 깊이 있게 공부하게 되었습니다. 리액트를 함수형 컴포넌트 부터 시작한 입장에서 처음에 클래스형 컴포넌트 위주의 예제를 마주 하면서 내용이 너무 오래 되었구나 하는 오해를 했었는데요, 강의를 다 듣고 나니 오히려 예전의 리액트 사용법과 함께 내부적인 동작을 알게 되어서 좋은 기회였던 것 같습니다. 실무 경험담도 많이 들어보고 싶었는데 그런 부분들이 예상보다 적었던 것 같습니다. 원리 설명시 조금 더 알기 쉬운 다이어그램이 많았으면 더 좋았을 것 같습니다. 감사합니다.
- 김정환
  지식공유자
  2025. 01. 31.
  처음에는 클래스형 컴포넌트 예제 때문에 오래된 내용이라고 생각하셨을 수도 있는데, 끝까지 강의를 들으시면서 내부 동작까지 이해하는 좋은 기회가 되었다니 다행입니다. 함수형 컴포넌트와 비교하며 리액트의 발전 과정을 알아가는 것도 큰 도움이 되셨을 것 같아요. 실무 경험담을 더 듣고 싶으셨다는 의견도 잘 새겨듣겠습니다. 앞으로는 실무에서 겪은 다양한 사례나 꿀팁도 더 많이 공유할 수 있도록 하겠습니다. 다이어그램이 좀 더 많았으면 좋겠다는 부분도 참고해서 다음에는 더 직관적인 시각 자료를 활용하도록 하겠습니다. 소중한 피드백 정말 감사드립니다. 앞으로도 리액트 공부 재밌게 이어가시길 바래요.
kimhonor
수강평 12
∙
평균 평점 5.0
2023. 11. 12.
5
32% 수강 후 작성
1부를 너무 만족스럽게 수강했던 기억이 있어서 이번 강의도 고민없이 바로 결제했습니다!! 결론은 역시나 만족스럽네요! 무엇보다 강사님이 저만 느낄진 모르겠지만 귀여우십니다 ㅋㅋㅋㅋㅋ 깨알같이 장비 자랑을 하시는 모습과 중간중간 의도치 않은 에러를 마주했을 때 하시는 어허~ 같은 추임새들에 딱딱하게 강의를 보는 중간에 리프레시가 되네요!! 앞으로도 좋은 강의 많이 부탁드리겠습니다. 감사합니다~
- 김정환
  지식공유자
  2023. 11. 12.
  1부에 이어 2부 강의도 만족하셨다니 다행입니다. 내용이 무거울 수도 있었을 것 같다고 생각했는데요. 수업 내용 외에도 이런 점들을 좋게 봐주셔서 고맙습니다.
이재은
수강평 2
∙
평균 평점 5.0
2025. 02. 04.
5
100% 수강 후 작성
1부에서 리액트의 기초에 대해 배우고 2부에서 훅을 포함한 리액트의 구조에 대해 심도있는 학습을 하였습니다. 솔직히 말해서 2부 수업 어렵습니다.. 리액트 초심자에겐 더더욱요. 저는 정말 리액트 쌩초보라 그리고 자바스크립트에 능숙하지 않아서 이해안되는 코드도 많았고 삽질도 정말 많이했습니다. 그렇지만, 그 과정에서 코딩 실력이 정말 늘은 거 같고요.. (어떻게 디버깅 해야되는지/구조를 어떻게 잡아야될지) 이런 발전을 도와주신 강사님께 감사드리며, 다른 강좌들도 열심히 수강해보겠습니다.
- 김정환
  지식공유자
  2025. 02. 09.
  2부 내용이 어렵게 느껴질 수 있지만, 이 과정을 통해 코딩 실력이 늘었다니 정말 뿌듯합니다. 꾸준히 학습하시면서 더욱 탄탄한 실력을 쌓으실 수 있을거에요. 앞으로도 좋은 강의로 찾아뵐게요.

김정환님의 다른 강의

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

[리액트 1부] 만들고 비교하며 학습하는 리액트 (React)강의 썸네일

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

김정환

리액트는 실무에서 가장 많이 찾는 인기있는 프론트엔드 기술입니다. 리액트 기술을 이용해 어플리케이션을 빠르게 개발하고 유지 보수 가능한 코드를 만들어 보세요.

초급

React, MVC

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

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

김정환

HTTP 기본부터 데이터 요청, 실시간 통신, 보안과 성능 최적화까지! 웹 개발자가 꼭 알아야 할 HTTP의 모든 것을 깊이 있게 배워보세요.

초급

https, cookie, Ajax

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

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

김정환

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

중급이상

중급이상

Node.js, Webpack, Babel

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

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

김정환

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

중급이상

중급이상

JavaScript, Vue.js

견고한 JS 소프트웨어 만들기강의 썸네일

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

김정환

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

중급이상

중급이상

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

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발강의 썸네일

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

김정환

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

초급

JavaScript, Vue.js

테스트주도개발(TDD)로 만드는 NodeJS API 서버강의 썸네일

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

김정환

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

초급

TDD, Node.js, Express

비슷한 강의

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

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2강의 썸네일

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

유동균

리액트로 만들어진 웹 서비스의 성능을 측정하고 더욱 빠르고 효율적으로 최적화 하는 방법을 배웁니다.

중급이상

중급이상

React, Chrome DevTools

[리액트 1부] 만들고 비교하며 학습하는 리액트 (React)강의 썸네일

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

김정환

리액트는 실무에서 가장 많이 찾는 인기있는 프론트엔드 기술입니다. 리액트 기술을 이용해 어플리케이션을 빠르게 개발하고 유지 보수 가능한 코드를 만들어 보세요.

초급

React, MVC

부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편강의 썸네일

부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

애프터캠프

React 렌더링 원리, 최적화를 마스터해서 실전 활용 및 면접 준비를 해보세요!

중급이상

중급이상

React, react-usememo, 기술면접

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

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

John Ahn

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

초급

React, Firebase, 웹앱

[리뉴얼] React로 NodeBird SNS 만들기강의 썸네일

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

제로초(조현영)

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

중급이상

중급이상

React, Redux, Node.js

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

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

코드캠프

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

초급

React, Next.js, expo

React Native with Expo: 제로초에게 제대로 배우기강의 썸네일

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

제로초(조현영)

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

초급

React, React Native, 하이브리드 앱

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

정현우

아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 4개를 만들어보면서 앱 개발을 마스터해봅시다!

입문

JavaScript, React, Node.js

타입스크립트 코리아 : React with TypeScript 세미나강의 썸네일

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

타입스크립트와 리액트 관련 강좌입니다.

중급이상

중급이상

React, TypeScript

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의강의 썸네일

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

John Ahn

이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다.

초급

React, Node.js

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

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

ludgi

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

중급이상

중급이상

Next.js, React, GraphQL

연관 로드맵

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

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

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

김정환

₩61,600

20%

₩77,000