강의

멘토링

로드맵

BEST
개발 · 프로그래밍

/

프론트엔드

[React 2부] 고급 주제와 훅

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

(4.9) 수강평 25개

수강생 743명

  • 김정환
실습 중심
실무
핵심원리
React Contextreact-hooksReactJavaScript웹앱

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

이런 걸 배울 수 있어요

  • 리액트 컴포넌트 설계 기법

  • 리액트 고급 주제와 활용

  • 리액트 훅(Hooks)

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


이 강의의 목표

  • '리액트로 생각하기' 기반으로 한 컴포넌트 설계 기법 숙달

  • 컨택스트, 레프, 고차 컴포넌트, 제어 컴포넌트 등 1부에서 다루지 않았던 리액트 고급 주제 이해

  • 기본 훅, 추가 훅 등 실무에서 많이 사용하는 여섯 개 훅을 이해


강의 특징

  • 리액트 핵심 개념을 직접 만들면서 구조를 이해

  • 배달 어플리케이션을 만들며 실무 수준의 리액트 사용법을 훈련


주요 내용

  1. 리액트로 사고하기

    • 1부 수업 요약, 실습 환경 구성, 결과물 소개

    • 유지보수 가능한 컴포넌트 설계 및 구현

  2. 고급 주제

    • 리액트 컨택스트, 고차 컴포넌트 패턴, 레프, 포탈 이해

    • 이를 활용한 라우터, 다이얼로그 모듈 개발

  3. 훅 1

    • 클래스와 함수 컴포넌트의 비교, 훅 등장 배경


    • 상태 훅, 부수효과 훅, 컨택스트 훅 이해 및 활용

  4. 훅 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,792

수강생

859

수강평

585

답변

4.8

강의 평점

9

강의

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

커리큘럼

전체

167개 ∙ (19시간 47분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

25개

4.9

25개의 수강평

  • kimhonor3160님의 프로필 이미지
    kimhonor3160

    수강평 13

    평균 평점 5.0

    5

    32% 수강 후 작성

    I remember being so satisfied with the first part, so I paid for this lecture without hesitation!! The conclusion is, as expected, I'm satisfied! Above all, the instructor is cute, although I don't know if it's just me ㅋㅋㅋㅋㅋ The way he shows off his equipment like grains of rice and the way he exclaims "Oh~" when he encounters an unexpected error in the middle of the lecture refreshes me in the middle of watching the lecture!! I hope to see many more great lectures in the future. Thank you~

    • jeonghwan
      지식공유자

      I am glad that you were satisfied with the second part of the lecture, following the first part. I thought that the content might have been too heavy. I am grateful that you appreciated these aspects in addition to the content of the lecture.

  • jihoson94님의 프로필 이미지
    jihoson94

    수강평 16

    평균 평점 5.0

    5

    100% 수강 후 작성

    The content is really neat and deep.

    • jeonghwan
      지식공유자

      Thank you so much for your kind words.

  • mrwoong09264231님의 프로필 이미지
    mrwoong09264231

    수강평 5

    평균 평점 5.0

    수정됨

    5

    45% 수강 후 작성

    The lecture content is good, and the instructor's explanations are easy to understand. The content I was looking for was in Session 3! Those who already know how to do frontend development to some extent could probably start from Session 3! Thank you for the great lecture :)

    • jeonghwan
      지식공유자

      Thank you for leaving a review. I'm glad that the content you wanted was helpful in Session 3. For those who already have frontend development experience, as you mentioned, it's perfectly fine to start from whichever session you need based on your requirements.

  • vacancyh님의 프로필 이미지
    vacancyh

    수강평 13

    평균 평점 5.0

    5

    31% 수강 후 작성

    I'm listening well. Good

    • jeonghwan
      지식공유자

      You've probably studied about half of it by now. Thank you for the review.

  • uigte924179님의 프로필 이미지
    uigte924179

    수강평 10

    평균 평점 4.9

    5

    31% 수강 후 작성

    ₩77,000

    김정환님의 다른 강의

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

    비슷한 강의

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