inflearn logo
강의

講義

知識共有

一口チャレンジ7期 - React.js

Day19 ミッション案内

Day 19 미션 안내 질문

解決済みの質問

68

Lucy

投稿した質問数 4

0

Day 19 미션 안내에서 '요구사항 2'의 State 생성 요구사항 중 action.typeINIT인 경우에는 어떤 액션을 구현 하면 될까요?

javascript react node.js react.js

回答 2

1

hyobin

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

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

1

communityai8509

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

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

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

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

  3. 리듀서 구현 예시:

    • INIT 액션은 주로 다음과 같이 구현됩니다.
    const reducer = (state, action) => {
     switch (action.type) {
       case 'INIT':
         return action.data;  // action으로부터 전달된 데이터로 상태를 초기화합니다.
       default:
         return state;
     }
    };
    

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

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

파워쉘에서 이미지 복붙이 안됩니다.

0

6

1

160 강의 ppt-maker에 대해

0

6

1

이벤트 관리 앱 프로젝트 개발 순서

0

6

0

supabase next.js와 mcp

0

4

0

스테이징 10000개

0

8

1

160. Claude Code로 PPT 만들기 관련 질문

0

8

1

task master 관련질문입니다.

0

10

1

android crud중 c 영상이 12초만 있는 잘린 영상이에요.

0

15

2

터미널 시작폴더가 달라요

0

23

2

my-profile-site 404 error

0

16

2

노션 .env.local

0

25

1

shrimp_data - WebGUI.md

0

19

2

powershell 복붙 문제

0

25

2

디렉토리가 보이지 않아요.

0

22

1

쉬림프 설치

0

16

2

회원가입 구현 (구현 후 최종 화면 출력 X)

0

16

2

tsakmaster api키

0

21

1

terminal-setup을 해도 shift+Enter 키로 줄바꿈이 되지 않아요.

0

24

2

ll- al 명령어 관련 문의

0

29

1

cursor ui 변경 문의

0

27

1

상태 표시줄 설치 오류

0

30

1

API 400알람 관련문의

0

37

2

사이트가 너무 달라요

0

62

2

Day10 미션 안내 이미지

0

56

1