비공식 베타 번역

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

Redux FAQ

목차

• 일반

  • Redux는 언제 배워야 할까요?
  • Redux는 언제 사용해야 할까요?
  • Redux는 React에서만 사용할 수 있나요?
  • Redux를 사용하려면 특정 빌드 도구가 필요할까요?

• 리듀서

  • 두 리듀서 간에 상태를 공유하려면 어떻게 해야 하나요? combineReducers를 사용해야 하나요?
  • 액션 처리에 switch 문을 꼭 사용해야 하나요?

• 상태 구성

  • 모든 상태를 Redux에 넣어야 하나요? React의 useState나 useReducer를 사용해도 되나요?
  • 스토어 상태에 함수, 프로미스, 직렬화 불가능한 항목들을 넣어도 되나요?
  • 상태에 중첩되거나 중복된 데이터는 어떻게 구성해야 하나요?
  • 폼 상태나 다른 UI 상태를 스토어에 저장해야 할까요?

• 스토어 설정

  • 여러 개의 스토어를 생성해도 되나요? 스토어를 직접 가져와서 컴포넌트에서 사용해도 되나요?
  • 스토어 인핸서에 미들웨어 체인을 여러 개 추가해도 되나요? 미들웨어 함수에서 next와 dispatch의 차이는 무엇인가요?
  • 상태의 일부만 구독하려면 어떻게 해야 하나요? 구독 시 디스패치된 액션을 가져올 수 있나요?

• 액션

  • type은 왜 문자열이어야 하며 직렬화 가능해야 하나요? 액션 타입을 상수로 정의해야 하는 이유는 무엇인가요?
  • 리듀서와 액션 사이에는 항상 일대일 매핑이 존재하나요?
  • AJAX 호출 같은 "사이드 이펙트"를 어떻게 표현하나요? 비동기 동작을 위해 "액션 생성자", "썽크", "미들웨어"가 왜 필요한가요?
  • 어떤 비동기 미들웨어를 사용해야 하나요? 썽크, 사가, 옵저버블 등 중에서 어떻게 선택하나요?
  • 하나의 액션 생성자에서 여러 액션을 연속으로 디스패치해도 되나요?

• 불변 데이터

  • 불변성의 장점은 무엇인가요?
  • Redux에서 불변성이 필요한 이유는 무엇인가요?
  • 데이터 불변성을 처리하는 방법에는 어떤 것들이 있나요? Immer를 꼭 사용해야 하나요?
  • 순수 JavaScript로 불변 연산을 수행할 때 발생하는 문제점은 무엇인가요?

• 코드 구조

  • 파일 구조는 어떻게 구성해야 하나요? 프로젝트에서 액션 생성자와 리듀서를 어떻게 그룹화해야 하며 셀렉터는 어디에 배치해야 하나요?
  • 리듀서와 액션 생성자 사이에서 로직을 어떻게 분할해야 하나요? "비즈니스 로직"은 어디에 위치해야 하나요?
  • 액션 생성자를 사용해야 하는 이유는 무엇인가요?
  • 웹소켓 및 기타 지속적 연결은 어디에서 관리해야 하나요?
  • 비-컴포넌트 파일에서 Redux 스토어를 어떻게 사용할 수 있나요?

• 성능

  • Redux는 성능과 아키텍처 측면에서 얼마나 잘 "확장"되나요?
  • 모든 액션마다 "모든 리듀서"를 호출하는 것은 느리지 않나요?
  • 리듀서에서 상태를 깊은 복사해야 하나요? 상태 복사가 느려지지 않을까요?
  • 스토어 업데이트 이벤트 수를 어떻게 줄일 수 있나요?
  • "단일 상태 트리"를 사용하면 메모리 문제가 발생할까요? 많은 액션을 디스패치하면 메모리를 차지할까요?
  • 원격 데이터 캐싱이 메모리 문제를 일으킬까요?

• 설계 결정

  • Redux는 왜 구독자에게 상태와 액션을 전달하지 않나요?
  • Redux가 액션과 리듀서에 클래스 사용을 지원하지 않는 이유는 무엇인가요?
  • 미들웨어 시그니처가 커링을 사용하는 이유는 무엇인가요?
  • applyMiddleware가 디스패치에 클로저를 사용하는 이유는 무엇인가요?
  • combineReducers가 각 리듀서를 호출할 때 전체 상태를 세 번째 인수로 포함하지 않는 이유는 무엇인가요?
  • mapDispatchToProps가 getState() 또는 mapStateToProps()의 반환 값을 사용할 수 없게 하는 이유는 무엇인가요?

• 리액트 리덕스

  • React-Redux를 사용해야 하는 이유는 무엇인가요?
  • 컴포넌트가 다시 렌더링되지 않거나 mapStateToProps가 실행되지 않는 이유는 무엇인가요?
  • 컴포넌트가 너무 자주 다시 렌더링되는 이유는 무엇인가요?
  • mapStateToProps 속도를 높이는 방법은 무엇인가요?
  • 연결된 컴포넌트에서 this.props.dispatch를 사용할 수 없는 이유는 무엇인가요?
  • 최상위 컴포넌트만 연결해야 하나요, 아니면 트리 내 여러 컴포넌트를 연결할 수 있나요?

• 기타

  • 더 크고 "실제" Redux 프로젝트 예시가 있나요?
  • Redux에서 인증을 구현하는 방법은 무엇인가요?