토스트 컴포넌트 Redux 전역 상태 관리 렌더링

[hyerinxx]

1. 현안

• 각 페이지에서 state를 이용하여 조건부 렌더링
• 리다이렉트와 함께 토스트를 렌더링할 경우, 다음과 같이 우회적으로 구현해야 하는 문제가 있음
  • navigate를 사용하지 않고, 리다이렉트 페이지를 현재 페이지에서 직접 렌더링 후 URL 수정 (눈속임)
  • navigate와 함께 state를 넘기고 강제 새로고침

2. 개선안

App.js에서 토스트를 렌더링하고, 렌더링 시점과 토스트 내용은 Redux 전역 상태 관리 이용

3. 기대 효과

• 리다이렉트 시에도 토스트 렌더링이 자유로움
• 코드의 기능과 목적이 명확해짐
• 불필요한 코드 최소화