인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

리액트 훅(React Hook)으로 만드는 웹앱

모던 프론트엔드 프레임워크 중 가장 인기있는 React(리액트), 하지만 배우기가 어렵습니다. 이를 해결하기 위해 훅(Hook)이 나왔습니다. 본 강의는 훅을 이용해 React를 쉽게 배울 수 있도록 도와드립니다.

초급자를 위해 준비한
[프론트엔드] 강의입니다.

이런 걸 배울 수 있어요

  • React 기초

  • React Hook 사용법

할 일 관리 웹 앱 개발✅로
쉽고 재미있게 배우는 리액트 훅!

이 강의는! 📖

React Hook?

훅(Hook)이란, 함수형 컴포넌트에서도 
클래스형 컴포넌트의 기능을 사용할 수 있도록
 React 16.8 버전부터 도입된 기능입니다.

현재 프론트엔드 프레임워크 중 가장 인기있는 프레임워크, 리액트에서 최근 함수형 개발 방법을 가능하게 만들어주는 훅을 발표했습니다. 훅을 이용하면 재사용 가능한 로직을 쉽게 만들 수 있고, 보다 간편하게 기능을 구현할 수 있습니다.

본 강의에서는 리액트 훅(React Hook)으로 할 일 관리(To-do List) 웹앱을 만들어 봅니다. 아래와 같은 할일관리앱을 훅을 통해 함수형 개발 방식으로 개발할 수 있습니다.


누가 배우면 좋을까요? 📐

리액트(React)
쉽고 재미있게
접근하고 싶으신 분
기초 자바스크립트의
다음 단계

학습하고 싶으신 분
프론트엔드 개발자가
되고 싶은
개발자 취업 준비생
  • 기술은 배웠는데, 어디에 어떻게 쓰이는지 감이 오지 않았던 분들을 위한 강의입니다.
  • 각 단계를 개발 가능한 수준으로 나눠, 단계별로 차근차근 익히고 활용할 수 있어요.
  • 파트별로 기능을 직접 만들어보고, 더 높은 학습 효과를 얻어보세요!

직접 만들어보세요! 📜

리액트 훅(React Hook)으로 위와 같은 할 일 관리 앱을 개발할 수 있습니다. (바로가기)

기본에 충실한 설명으로
초보자도 쉽게
따라할 수 있어요.

실제로 리액트 훅
웹앱 개발 과정에서
어떻게 쓰이는지 배워요.

쉽고 간단한
개발환경 설정을 위한
CodePen을 사용해요.

리액트 개발 전체
경험할 수 있는
예제를 만들어봅니다.


예상 질문 Q&A 💬

Q. 리액트를 알아야 들을 수 있나요?

본 강의는 리액트 기초를 다룹니다. 설명을 나열하는 대신 아주 간단한 웹앱을 직접 개발해보면서 리액트의 기능을 파악할 수 있게 만들었습니다.

Q. 수강 후, 리액트에 대해 얼마나 알 수 있을까요?

모던 자바스크립트 학습 범위는 크게 3가지로 나눌 수 있습니다. 1) 동적 UI, 2) Router를 통한 페이지 이동, 3) 서버와 통신입니다. 본 강의에서는 이 중에서 “동적 UI”를 배울 수 있습니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 자바스크립트 기본기가 있으신 분

  • 쉬운 React 개발 방법을 알고 싶은 분

  • React Hook 을 배우고 싶은 분

선수 지식,
필요할까요?

  • 자바스크립트

  • HTML

안녕하세요
최광성입니다.

4,962

수강생

116

수강평

29

답변

3.8

강의 평점

9

강의

  • 현) 리얼메이커 수석 개발자
  • 전) CCG 수석 개발자
  • 전) VARDOT 소프트웨어 엔지니어, 드루팔 개발자
  • 전) 반도체 에칭 시뮬레이션 책임 개발자

수강평

전체

5개

4.0

5개의 수강평

  • minkh05127888님의 프로필 이미지
    minkh05127888

    수강평 4

    평균 평점 4.5

    3

    35% 수강 후 작성

    Có thể nói là trình độ sơ cấp, có rất nhiều nội dung bị bỏ qua và chủ đề của bài giảng có vẻ hơi mơ hồ. So với thời gian và nhịp độ bài giảng, có vẻ như có rất nhiều phần tốn thời gian. Cá nhân tôi nghĩ rằng đó là một khóa học không hiệu quả về mặt chi phí.

    • kwangsung
      지식공유자

      Cảm ơn vì lời nói của bạn. Mình sẽ cố gắng làm bài giảng tốt hơn.

  • didue님의 프로필 이미지
    didue

    수강평 1

    평균 평점 3.0

    3

    100% 수강 후 작성

    Thay vì là một khóa học giới thiệu, đây là bài giảng dành cho những người đã sử dụng React ít nhất một lần hoặc có kinh nghiệm với các ngôn ngữ front-end dựa trên JS khác và muốn nghiên cứu React Hook. Tuy thời lượng mỗi bài giảng ngắn, có nhiều nội dung không quan trọng và nhiều nội dung bị bỏ qua nên dù là bài giảng có trả phí nhưng chất lượng hài lòng có phần thấp.

    • 3chamchi7784님의 프로필 이미지
      3chamchi7784

      수강평 1

      평균 평점 5.0

      5

      100% 수강 후 작성

      Cảm ơn

      • kwangsung
        지식공유자

        Cảm ơn :)

    • seolahkimglobal8412님의 프로필 이미지
      seolahkimglobal8412

      수강평 2

      평균 평점 5.0

      5

      94% 수강 후 작성

      Tôi rất thích tham gia một lớp học tốt. Cảm ơn Tốt cho người mới bắt đầu làm quen với React. Vì đã có kiến ​​thức về Vue.js nên tôi có thể hiểu bài giảng một cách đơn giản hơn và thật tuyệt khi có thể tạo một ứng dụng web đơn giản trong khoảng 2 giờ. Học khái niệm useContext là điều hữu ích nhất tôi học được trong bài giảng này. Điều tôi thất vọng sau khi nghe bài giảng là tôi ước nó tiến triển nhanh hơn một chút và vì đây là bài giảng trả phí nên tôi ước gì phần giải thích nội dung lớp học phong phú hơn. Ví dụ: khi thảo luận về UseContext, nó bao gồm những ưu và nhược điểm, cũng như những vấn đề có thể phát sinh nếu sử dụng quá mức và những điểm cần lưu ý.

      • kwangsung
        지식공유자

        Cảm ơn bạn đã để lại đánh giá. Chúng tôi sẽ tham khảo phản hồi của bạn và cải thiện nội dung. Cảm ơn

    • study17823님의 프로필 이미지
      study17823

      수강평 3

      평균 평점 4.3

      4

      100% 수강 후 작성

      Cảm ơn sự nỗ lực của bạn.

      최광성님의 다른 강의

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

      비슷한 강의

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

      월 ₩94,420

      5개월 할부 시

      ₩22,000