inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Thử thách Một Miếng kỳ 7 - React.js

Hướng dẫn nhiệm vụ Day19

Day 19 미션 안내 질문

Đã giải quyết

88

Lucy

4 câu hỏi đã được viết

0

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

javascript react node.js react.js

Câu trả lời 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

소스코드 제공여부

0

6

1

궁금했던 질문입니다. 바로 콤마위치 입니다.

0

5

1

선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요

0

12

2

62강 실습자료가 잘못되었습니다.

0

10

1

코드 자료는 없는걸까요?

0

19

2

37강에서 ROADMAP.md 파일

0

17

1

.claude, setting~, permission 했을 때 Bash 안 보여요

0

11

1

[미션4] open with Live Server 클릭시 브라우저 안뜸

0

14

2

사용량 한도 도달

0

18

1

Cursor를 실행했을 때 나오는 화면이 달라요

0

15

1

Claude code 대화하는 부분이 위치변경 문의 드립니다.

0

16

2

기본 파일 구조

0

20

2

setting.local.json 파일 안보일떄

0

20

2

Shrimp Task Manager와 Fable5 plan모드 성능비교

0

21

2

git hub 들어가서 setting >> pages 들어갔는데

0

22

2

git config 오류 관련 문의

0

21

2

task master, shrimp task manager 질문있어요

0

16

1

모델 선정 기준

0

24

2

Statusline 결과값 보이지 않는 이유

0

26

2

강의교안, 소스코드 링크 문제

0

20

2

config 들어가도 output-style 없어요

0

15

2

miragejs 강의 건

0

32

2

Day10 미션 안내 이미지

0

64

1