채널톡 아이콘

현대 React 애플리케이션의 상태 관리 입문

실습 프로젝트와 실제 애플리케이션을 통해 React에서 상태를 효과적으로 관리하는 방법을 배우세요. 대화형 대시보드, 전자상거래 사이트, 동적인 웹 앱을 구축하면서 useState, useEffect, useReducer, Context API 및 고급 상태 관리 패턴을 마스터하세요. prop drilling을 없애고 복잡한 애플리케이션 상태를 자신 있게 처리하는 깔끔하고 확장 가능한 React 코드를 작성하는 실무 역량을 키우세요.

Thumbnail

수강 후 이런걸 얻을 수 있어요

  • useState, useReducer 및 Context API를 사용한 효율적인 상태 관리 구현

  • prop 드릴링을 없애고 컴포넌트 간 통신을 최적화하는 확장 가능한 React 아키텍처 구축

  • 프로덕션 수준의 애플리케이션에서 복잡한 상태 관련 문제를 디버깅하고 해결하기


확장 가능한 React
상태 관리



React 앱은 props가 너무 많은 레이어를 가로지르고 상태 변경을 추적하기 어려워지면 복잡해집니다.

대시보드와 쇼핑 앱을 만들어 보며 useState, useReducer, Context API를 익힐 수 있도록 안내합니다.

각 실습 단계를 창의적 기술 교육자다운 명확함으로 설명합니다.

얻게 될 것

얽힌 상태를 명확하고 확장 가능한 React 아키텍처로 바꿔보세요.

useState, useReducer, Context API로 더 깔끔한 컴포넌트 통신을 구축하세요—prop-drilling 미로 없이 말이죠. 성장하는 React 애플리케이션을 더 쉽게 유지 관리할 수 있도록 하는 패턴을 적용하세요.

시작하기 전에


실습 환경

  • Windows, macOS 또는 Linux를 사용하세요.
    Node.js, npm 및 React를 설치하세요.
    최신 브라우저와 코드 편집기가 있으면 편리합니다.

  • React Context와 훅을 연습해 보세요.
    듀얼 코어 CPU와 4 GB RAM을 사용하세요.
    디스크에 10 GB의 여유 공간을 확보하세요.

사전 요구 사항 및 참고 사항

  • 기본적인 React 컴포넌트와 JSX를 알아야 합니다.
    props, 이벤트, 배열을 이해해야 합니다.
    기본적인 JavaScript 지식이 있으면 유용합니다.

  • 먼저 부모-자식 간 데이터 흐름을 연습하세요.
    그다음 Context로 prop drilling을 줄이세요.
    프로젝트를 활용해 각 패턴을 테스트하세요.

학습 자료

  • 핵심 React 개념은 슬라이드 PDF를 활용하세요.
    컴포넌트 데이터 흐름 다이어그램을 복습하세요.
    훅 사용법에 관한 메모를 가까이에 두세요.

  • 대시보드와 쇼핑 앱을 구축하세요.
    실제적인 데이터로 상태 관리를 연습하세요.
    각 작업에 디버깅 체크리스트를 사용하세요.


이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 기본적인 컴포넌트 지식을 갖추고 프로덕션 수준의 애플리케이션을 구축하려는 React 개발자

  • SaaS 및 이커머스 프로젝트에서 복잡한 상태 관리로 전환하는 프런트엔드 엔지니어들

  • 인터랙티브 대시보드와 동적인 인터페이스를 위한 최신 React 패턴을 완벽하게 익히고자 하는 웹 개발자

선수 지식,
필요할까요?

  • 컴포넌트, props 및 JSX 구문을 포함한 React 기본 개념에 대한 탄탄한 이해

  • 화살표 함수, 구조 분해, async/await와 같은 JavaScript ES6+ 기능에 대한 실무 지식

  • 간단한 React 애플리케이션을 하나 이상 구축했거나 React 기초 과정을 이수한 경험

안녕하세요
applenew입니다.

안녕하세요, 안녕하세요. 이 Flip은 Adobe Photoshop과 Adobe Creative Cloud 생태계를 전문으로 하는 경험 많은 그래픽 디자이너이자 디지털 아티스트이며, 크리에이티브 기술 교육자입니다. 디지털 디자인, 사진 편집, 시각 커뮤니케이션, 브랜딩, 크리에이티브 워크플로 분야에서 다년간 쌓은 경험을 바탕으로, 업계 표준인 Adobe 도구를 활용해 학생들이 아이디어를 전문가 수준의 디자인으로 발전시킬 수 있도록 돕습니다.

수강평

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

비슷한 강의

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

무료