[React] 상태 관리-3

1.Redux의 주요 개념인 Action, Dispatch, Reducer, Store를 작성하고 연결하여 사용할 수 있다.
2.Redux hooks(useSelector, useDispatch)를 사용해 Store를 업데이트할 수 있다.

1.Action, Dispatch, Reducer, Store를 작성하고 필요한 부분에 연결하여 사용할 수 있다.
Action과 Reducer는 미리 만들어두고 각 버튼에 필요한 Action을 Dispatch로 실행(전송)하면 Reducer에서 switch로 각 case(Action)에 맞는 결과값(state)를 반환하며 해당하는 case(Action)이 없다면 default로 지정된 state값을 다시 반환한다.

2.아래와 같은 느낌으로 수입한 후 통합된 리듀서에서 필요한 리듀서를 state에 할당한 후 이용할 수 있으며 state의 내부 객체 또는 배열을 분할해서 사용할 수 있다.
또한 useDispatch는 dispatch로 선언해준 후 이용해야한다.

  import { useDispatch, useSelector } from 'react-redux'
  const state = useSelector(state => state.'리듀서 이름');
  const { state내용물1, state내용물2 } = state
  const dispatch = useDispatch();

 

요즘은 알고리즘이 점점 난이도도 높아지고 백준도 마음에 안들고 있다.

분명 문제는 vs, console, snippet, 순서확인사이트 등에 다 돌아가는데 안된다..

출력방식도 바꿔봐도 안된다.. 

안되는 이유도 몰라서 더 안된다.