[React] 프레임워크를 이용한 상태관리

state와 props를 사용해서 컴포넌트 간에 전달React Context 사용mobx 사용 (외부 모듈 사용)redux 사용 (외부 모듈 사용)리액트에서 한 컴포넌트 안에서 데이터를 생성하거나 업데이트하거나 다른 컴포넌트와 데이터를 공유해서 사용하는 방법은 여러 가

클래스 Component에서 Context Value를 사용하려면 contextType property를 사용한다그럼 함수형 Component에서 Context Value를 어떻게 사용?Context 객체를 인수로 갖고 현재 Context Value를 반환현재 Cont

Summary Page Form 구현하기 주문 확인 체크 박스 눌러야 주문 확인 버튼이 눌리도록 기능 구현 Boolean 타입의 useState를 생성 button 내 disabled 속성을 넣어 state를 사용해 준다 주문 페이지 UI 생성 orderTyp

- 백엔드 서버가 닫혔을 때 에러 메시지 표기

상품 Count를 이용한 가격 게산

step State를 생성해 주고 Props로 setStep 내려주기onClick 시 setStep을 1로 설정 -> SummaryPage 이동 Submit 시 setStep을 2로 설정 -> CompletePage 이동OrderConetext에서 return 하는

PropsProps는 구성 요소가 서로 통신하는 방법Props는 상위 구성 요소에서 아래쪽으로 흐흡니다.해당 값을 변경하려면 자식 관점에서 props를 변경 할 수 없습니까? 부모는 내부 상태를 변경해야 합니다.State \- Parent Component에서 Chi

리덕스 라이브러리 설치Store 생성 및 Action 전달앱의 전체 상태 트리를 보유하는 Redux 저장소를 만듭니다. 앱에는 하나의 스토어만 있어야 합니다애플리케이션의 현재 상태 트리를 반환합니다.스토어의 리듀서가 반환한 마지막 값과 같습니다. index.tsx버튼

root reducer와 sub reducer현재까지 counter 리듀서만 있는데 하나를 더 추가하면 Root 리듀서를 만들어서 그 아래 counter와 todos라는 Sub 리듀서를 넣어 주면 됩니다.Root Reducer를 만들 때 사용하는 것이 combineRe

로깅 미들웨어 함수 생성

JsonPlaceHolder -> Posts 요청을 보낼 링크해당 코드 작성 시 에러 발생하는 이유?\-> action: 간단한 JavaScript의 객체Action은 객체여야 하는데 현재 함수를 Dispatch 중해결 방법: redux-thunk 미들웨어를 사용해서

react에서 redux 이후로 많이 사용되는 상태 관리 라이브러리간단하고 확장 가능한 상태 관리,쉽고 확장성 있게 만들어 주는 검증된 라이브러리1\. 쉽다미니멀하고 보일러 플레이트로부터 자유로운 코드를 통해 코드를 담아내기비동기 과정에서 데이터를 변경하고 싶다면? M