본문으로 건너뛰기
비공식 베타 번역

이 페이지는 PageTurner AI로 번역되었습니다(베타). 프로젝트 공식 승인을 받지 않았습니다. 오류를 발견하셨나요? 문제 신고 →

학습 자료

Redux 문서는 Redux의 기본 개념을 가르치고 실제 애플리케이션에서 사용할 핵심 개념을 설명하기 위해 작성되었습니다. 하지만 문서가 모든 것을 다룰 수는 없습니다. 다행히 Redux를 학습하는 데 도움이 되는 훌륭한 외부 자료들이 많이 존재합니다. 여러분이 이 자료들을 확인해 보시길 권장합니다. 이 자료들 중 상당수는 문서 범위를 벗어난 주제를 다루거나, 동일한 주제를 여러분의 학습 스타일에 더 잘 맞는 방식으로 설명하고 있습니다.

이 페이지에서는 Redux를 배우는 데 사용할 수 있는 최고의 외부 자료 몇 가지를 추천합니다. React, Redux, JavaScript 및 관련 주제에 대한 추가 튜토리얼, 문서, 기타 자료들의 방대한 목록은 React/Redux 링크 목록을 참조하세요.

기본 소개​

Redux의 기본 개념과 사용 방법을 가르치는 튜토리얼

  • React, Redux, TypeScript 입문
    https://blog.isquaredsoftware.com/2020/12/presentations-react-redux-ts-intro/
    Redux 메인테이너 Mark Erikson의 슬라이드 세트로 React, Redux, TypeScript의 기본을 다룹니다. Redux 주제에는 스토어, 리듀서, 미들웨어, React-Redux, Redux Toolkit이 포함됩니다.

  • 모던 Redux 배우기 - Redux Toolkit, React-Redux Hooks, RTK Query
    https://www.learnwithjason.dev/let-s-learn-modern-redux
    Redux 메인테이너 Mark Erikson이 게스트로 출연한 "Learn with Jason" 에피소드입니다. 라이브 코딩 앱을 통해 새 React+TS 프로젝트 생성, Redux 패키지 추가, Redux Toolkit 및 React-Redux 초기 설정(권장 TS hooks 구성 포함) 방법을 보여줍니다. 또한 출시 예정인 RTK Query 데이터 가져오기 API 사용법과 UI에서 해당 데이터를 표시하는 방법도 다룹니다.

  • Redux 튜토리얼: 개요 및 실습
    https://www.taniarascia.com/redux-react-guide/
    Tania Rascia가 작성한 훌륭한 튜토리얼로, 주요 Redux 개념을 빠르게 설명하고 일반 Redux 및 Redux Toolkit을 사용한 기본 Redux + React 앱 구성 방법을 보여줍니다.

  • 초보자를 위한 Redux - 뇌 친화적인 Redux 학습 가이드
    https://www.freecodecamp.org/news/redux-for-beginners-the-brain-friendly-guide-to-redux/
    Redux Toolkit과 React-Redux를 사용해 소규모 할 일 앱을 구축하는 쉬운 튜토리얼로, 데이터 가져오기 기능을 포함합니다.

  • Redux Toolkit과 TypeScript로 쉽게 배우는 Redux
    https://www.mattbutton.com/redux-made-easy-with-redux-toolkit-and-typescript/
    Redux Toolkit과 TypeScript를 함께 사용해 Redux 애플리케이션을 작성하는 방법과 RTK가 일반적인 Redux 사용을 어떻게 단순화하는지 보여주는 유용한 튜토리얼입니다.

  • Redux: 트위터 유행부터 프로덕션까지
    https://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/
    시각적으로 Redux 핵심 개념, React와의 연동, 프로젝트 구성, thunk 및 saga를 통한 부수 효과를 단계별로 보여주는 잘 제작된 슬라이드 쇼입니다. React+Redux 아키텍처에서 데이터가 어떻게 흐르는지 보여주는 유용한 애니메이션 다이어그램을 포함하고 있습니다.

React와 함께 Redux 사용하기​

React-Redux 바인딩 라이브러리에 대한 설명

프로젝트 기반 튜토리얼​

프로젝트 기반 튜토리얼 - 실제 애플리케이션과 유사한 규모의 프로젝트를 구축하며 Redux 개념을 배웁니다

Redux 구현 방식​

미니어처 재구현을 통해 Redux의 내부 작동 원리를 설명합니다

리듀서​

리듀서 함수 작성 방법을 논의하는 글

셀렉터(Selectors)​

상태에서 값을 읽기 위해 셀렉터 함수를 사용하는 방법과 이유에 대한 설명

정규화(Normalization)​

최적의 성능을 위해 Redux 스토어를 데이터베이스처럼 구조화하는 방법

미들웨어(Middleware)​

미들웨어 작동 방식과 작성 방법에 대한 설명 및 예시

사이드 이펙트 - 기초​

Redux에서 비동기 동작 처리 방법 소개

사이드 이펙트 - 고급​

비동기 동작 관리를 위한 고급 도구 및 기법

Redux 사고방식​

Redux의 설계 철학과 동작 원리에 대한 심층 분석

Redux 아키텍처​

대규모 Redux 애플리케이션을 위한 구조화 패턴과 모범 사례

앱과 예시​

리덕스 문서 번역​

책​

  • Redux in Action
    https://www.manning.com/books/redux-in-action
    리듀서와 액션의 기초부터 React와의 연동, 복잡한 미들웨어와 사이드 이펙트, 애플리케이션 구조, 성능 최적화, 테스트 등 Redux 사용의 핵심 요소를 포괄적으로 다루는 책입니다. 다양한 Redux 접근 방식의 장단점과 트레이드오프를 탁월하게 설명합니다. Redux 공동 관리자 Mark Erikson이 개인적으로 추천합니다.

  • The Complete Redux Book
    https://leanpub.com/redux-book
    프로덕션 환경에서 대규모 상태를 어떻게 관리할까? 스토어 인핸서는 왜 필요한가? 폼 유효성 검사를 처리하는 최선의 방법은? 간결한 용어와 샘플 코드로 이러한 질문들에 대한 답을 제공합니다. 복잡하고 프로덕션 준비가 된 웹 애플리케이션을 구축하기 위해 Redux를 활용하는 모든 것을 배울 수 있습니다. (참고: 현재 영구 무료!)

  • Taming the State in React
    https://www.robinwieruch.de/learn-react-redux-mobx-state-management/
    저자의 이전 책 "The Road to learn React"로 React를 배웠다면, 이 책은 React에서 기본 및 고급 상태 관리를 배우기에 완벽한 조합입니다. 먼저 React 없이 Redux만 배운 다음, React 애플리케이션에 Redux를 연결하는 방법을 보여줍니다. 고급 챕터에서는 정규화, 네이밍, 셀렉터, 비동기 액션에 대해 다룹니다. 결국 React와 Redux로 실제 애플리케이션을 설정하고 구축하게 됩니다.

강의​

  • Modern React with Redux, by Stephen Grider (유료)
    https://www.udemy.com/react-redux/
    React Router, Webpack, ES2015를 사용해 애플리케이션을 개발하며 React와 Redux의 기초를 마스터하세요. 이 강좌는 빠르게 시작할 수 있도록 도와주며, React 컴포넌트를 깊이 이해하고 Redux로 애플리케이션 구조를 구축하는 데 필요한 핵심 지식을 가르칩니다.

  • Redux, by Tyler McGinnis (유료)
    https://tylermcginnis.com/courses/redux/
    Redux를 배울 때는 그 이점을 확인할 수 있을 만큼 충분히 큰 앱의 맥락에서 배워야 합니다. 그래서 이 강좌는 규모가 큽니다. "실전 Redux"라고 부르는 것이 더 적절할 수 있습니다. "할 일 목록" Redux 튜토리얼에 질렸다면 제대로 찾아오셨습니다. 이 강좌에서는 애플리케이션 상태 관리에 Redux가 특별한 이유를 모두 설명합니다. 낙관적 업데이트(optimistic updates)와 오류 처리 같은 엣지 케이스를 Redux가 어떻게 처리하는지 볼 수 있도록 실제 "실전" 애플리케이션을 구축합니다. Firebase 및 CSS Modules와 잘 작동하는 Redux 관련 기술도 다룹니다.

  • Learn Redux, by Wes Bos (무료)
    https://learnredux.com/
    React Router 및 React.js의 핵심 아이디어를 단순화할 간단한 사진 앱 'Reduxstagram'을 구축하며 진행하는 동영상 강좌입니다.

추가 자료​

  • React-Redux Links는 React, Redux, ES2015 등에 대한 고품질 기사, 튜토리얼 및 관련 콘텐츠의 선별된 목록입니다.

  • Redux Ecosystem Links는 Redux 관련 라이브러리, 애드온 및 유틸리티의 분류된 컬렉션입니다.

  • Awesome Redux는 Redux 관련 저장소의 광범위한 목록입니다.

  • DEV Community는 Redux 관련 프로젝트, 기사 및 튜토리얼을 공유하고 토론을 시작하며 피드백을 요청할 수 있는 공간입니다. 모든 숙련도 수준의 개발자가 참여할 수 있습니다.