Rainyjune Blog

State를 공유하기 위한 외부 라이브러리. (https://ko.redux.js.org/introduction/getting-started/) 설치 Terminal에서 아래 명령어를 입력하여 react project에 redux를 설치한다. npm install @reduxjs/toolkit react-redux src 폴더에 store.js 파일 생성 (파일명은 관계없으나, 코딩애플 강의에 사용된 그대로 적음) 생성 후에는 아래와 같은 내용을 기입한다. import { configurationStore } from '@reduxjs/toolkit'; export default configureStore({ reducer: {} }) src 폴더의 index.js를 수정한다. (BrowserRouter..

부모 이상의 조상 component의 state를 사용하기 위해서는 조상으로부터 자식 component에게 계속해서 props를 전달해야하는 문제가 있음. 굉장히 번거롭기 때문에 state를 공유하는 기법을 별도로 제공함. Context API (https://react.dev/reference/react#context-hooks) react 자체적으로 제공하는 state 공유 hook. 사용법 공유하고자하는 최상위 component에서는 createContext를 호출하여 state를 context화 한다. // App.js를 예제로 함 import { createContext } from 'react'; export let TestContext = createContext(); function App..