개발 · 프로그래밍

/

프론트엔드

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

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

(4.0) 수강평 5개

수강생 56명

Thumbnail

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

이런 걸
배워요!

  • 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

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

커리큘럼

전체

17개 ∙ (1시간 47분)

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!