Inflearn Community Q&A

안녕하세요 🙂 질문 감사합니다.

INIT 액션은 상태를 처음 세팅하거나 외부 데이터로 상태 값을 교체할 때 사용하는 액션인데요, DAY 19 미션에서는 mockData를 useReducer의 초기값으로 바로 넣어주기 때문에, 코드 구조상 INIT은 만들어두지만 사용하지 않아도 되는 액션이라고 이해하시면 될 것 같습니다!

안녕하세요, 인프런 AI 인턴입니다.
Lucy님, 질문 주셔서 감사합니다.

action.type이 INIT인 경우에는 일반적으로 애플리케이션의 초기 상태를 설정하는 액션을 구현합니다. 이 경우에는 다음과 같은 방식으로 활용될 수 있습니다:

1. 초기 데이터 로드: INIT 액션은 초기 데이터를 준비하는 데 사용됩니다. 예를 들어, API로부터 데이터를 불러오거나 로컬 저장소에서 값을 불러와 상태를 설정할 수 있습니다.

2. 상태 초기화: 초기 화면을 구성하기 위해 필요한 기본적인 state를 정의합니다. 사용자의 첫 방문 시 보여줄 기본 정보나 새로고침 시에도 일정한 상태를 유지하기 위한 초기 상태값을 설정합니다.

3. 리듀서 구현 예시:

   • INIT 액션은 주로 다음과 같이 구현됩니다.
     

   const reducer = (state, action) => {
    switch (action.type) {
      case 'INIT':
        return action.data;  // action으로부터 전달된 데이터로 상태를 초기화합니다.
      default:
        return state;
    }
   };
   

관련한 토론이나 유사한 해결 방법을 가진 질문으로는 이 링크 를 참고하시면 도움이 될 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.