강의

멘토링

커뮤니티

BEST
개발 · 프로그래밍

/

프론트엔드

[React 2부] 고급 주제와 훅

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

(4.9) 수강평 28개

수강생 757명

  • 김정환
실습 중심
실무
핵심원리
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,908

수강생

877

수강평

594

답변

4.8

강의 평점

9

강의

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

커리큘럼

전체

167개 ∙ (19시간 47분)

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

수강평

전체

28개

4.9

28개의 수강평

  • kimhonor3160님의 프로필 이미지
    kimhonor3160

    수강평 13

    평균 평점 5.0

    5

    32% 수강 후 작성

    1部をとても満足して受講した記憶があって今回の講義も悩みなくすぐ決済しました! 結論はやっぱり満足ですね!何より講師様が私だけ感じたかわかりませんが可愛いですwwwww 目覚めのように装備自慢をされる様子と中途半端な意図しないエラーに遭遇した時の御言葉~ 同じチュチュたちに硬く講義を見る途中でリフレッシュになりますね! これからも良い講義をたくさんお願いします。ありがとうございます〜

    • jeonghwan
      지식공유자

      1部に続いて2部講義も満足していただき幸いです。内容が重いかもしれないと思いました。授業内容以外にも、こんな点をよく見てくれてありがとう。

  • jihoson94님의 프로필 이미지
    jihoson94

    수강평 16

    평균 평점 5.0

    5

    100% 수강 후 작성

    内容は本当にきれいで深いです。

    • jeonghwan
      지식공유자

      良い言葉本当にありがとうございます。

  • theblessedcity0963님의 프로필 이미지
    theblessedcity0963

    수강평 3

    평균 평점 5.0

    5

    52% 수강 후 작성

    実際の例を通して概念を掴んでいけるので良いですね。 よく聞いています。良い講義ありがとうございます😊

    • jeonghwan
      지식공유자

      概念を理解するのに、サンプルコードほど良いものはないようですね。😊😊 温かいレビューを残していただき、ありがとうございます。

  • younghyun7538526님의 프로필 이미지
    younghyun7538526

    수강평 1

    평균 평점 5.0

    5

    31% 수강 후 작성

    • mrwoong09264231님의 프로필 이미지
      mrwoong09264231

      수강평 5

      평균 평점 5.0

      수정됨

      5

      45% 수강 후 작성

      講義内容が良く、講師の説明もよく理解できます。 私が求めていた内容はセッション3にありました! すでにある程度フロント開発ができる方は セッション3から見ても良いと思います! 良い講義をありがとうございます😊

      • jeonghwan
        지식공유자

        受講レビューを残していただき、ありがとうございます。ご希望の内容がセッション3でお役に立てたとのことで、安心しました。すでにフロントエンド開発の経験をお持ちの方々は、おっしゃっていただいたように、必要に応じてお望みのセッションから受講していただいても構いません。

    ₩77,000

    김정환님의 다른 강의

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

    비슷한 강의

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