강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

React State Management Hook

This course focuses intensively on learning the useContext and useReducer hooks for efficient state management in React. You can learn how to reduce the complexity of data passing between components and systematically manage state in large-scale applications through hands-on practice. Through this, learners can understand the fundamental concepts of global state management and develop practical skills that can be immediately applied to real projects.

1 learners are taking this course

  • usefulit
React
hook
react-hook-form

What you will learn!

  • Learn how to manage global state using React's useContext hook.

  • Learn how to systematically handle complex state changes through the useReducer hook.

React(리액트) 상태관리 훅(Hook)

본 과정은 React에서 상태 관리를 효율적으로 다루기 위한 useContext와 useReducer 훅(Hook)을 집중적으로 학습하는 과정입니다.
리액트 애플리케이션이 커질수록 발생하는 복잡한 데이터 전달 문제를 단순화하고, 컴포넌트 간 데이터 흐름을 보다 명확하게 관리할 수 있도록 돕는 것이 핵심 목표입니다.

학습자는 useContext를 통해 Props Drilling 없이 전역 상태를 손쉽게 공유하는 방법을 배우고, useReducer를 활용하여 복잡한 상태 업데이트 로직을 구조적으로 관리하는 방법을 실습합니다. 또한 TodoApp과 같은 프로젝트형 예제를 통해, 단순한 이론 학습을 넘어 실제 개발 환경에서 바로 적용 가능한 패턴을 체득할 수 있습니다.

이 과정을 통해 학습자는 전역 상태 관리의 기본 개념과 원리를 깊이 이해하고, 소규모부터 규모 있는 애플리케이션까지 체계적이고 유지보수하기 쉬운 상태 관리 방식을 익히게 됩니다. 결과적으로 React 프로젝트에서 발생할 수 있는 다양한 상태 관리 이슈를 해결할 수 있는 실무 활용 능력을 갖출 수

이런 내용을 배워요

📌 섹션 1: useContext

  • useContext 개념과 동작 원리를 학습합니다.

  • Context API를 활용해 컴포넌트 간 전역 상태 공유하는 방법을 익힙니다.

  • 실습을 통해 useContext를 다양한 상황에 적용하며 활용도를 높입니다.

  • UUID 생성, 랜덤 알파벳 출력 등 예제를 통해 실제 개발에서의 응용력을 키웁니다.

  • 알고리즘 보충 특강을 통해 자동 ID 생성 로직을 직접 구현하면서 응용 사고력을 강화합니다.

📌 섹션 2: useReducer

  • useReducer의 개념과 상태 관리 흐름을 이해합니다.

  • Reducer 함수를 이용해 상태를 업데이트하는 실습을 진행합니다.

  • 테마 전환 프로젝트를 통해 useReducer를 활용한 UI 상태 제어를 연습합니다.

  • TodoApp 프로젝트를 직접 구현하며 실무에 가까운 상태 관리 패턴을 체득합니다.

  • Reducer 함수에서 GET 타입으로 초기 데이터 불러오기를 다뤄 데이터 관리의 유연성을 배웁니다.

  • 검색 기능 구현을 통해 useReducer의 확장 활용 사례를 학습합니다.

👉 전체적으로, 이 과정은 useContext와 useReducer를 활용한 전역 상태 관리와 복잡한 상태 로직 처리를 실습 중심으로 배우는 과정입니다.

수강 전 참고 사항

이 강의는 지식공유자의 질문/답변을 제공하지 않습니다

학습 자료

주차별 교안이 pdf파일로 제공됩니다

Recommended for
these people

Who is this course right for?

  • Learners who have already studied React basics (components, props, useState, useEffect, etc.)

  • A developer looking for efficient solutions in projects where state management is becoming increasingly complex

Hello
This is

8,256,106

Learners

6,094

Reviews

4.6

Rating

278

Courses

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

Curriculum

All

21 lectures ∙ (8hr 39min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

Limited time deal

$58,520.00

30%

$64.90

usefulit's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!