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

91

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;
     }
    };
    

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

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

안녕하세요 ai툴 질문있습니다.

0

5

1

Python 문의드립니다.

0

4

0

슬랙 연동 방법 및 파일 관련 질문

0

7

1

터미널앱으로 Terminus 사용 문의

0

10

0

스킬생성 후 업데이트.

0

8

1

강의 화면이랑 조금 달라 문의드립니다.

1

14

1

서브에이전트 활용 질문입니다.

0

15

2

plan mode를 진행하는것에 있어서

0

19

1

오픈톡 인원이 다 차서 들어가지를 못 하네요...

0

16

1

수강자료 다운로드 관련 문의

0

28

2

클로드 코드 설치 관련

0

27

1

선택정렬 이해하기 & 구현하기

0

15

1

스타터킷 중요도에 대한 질문입니다.

0

25

1

mission12-01 guide.md파일 누락

0

21

1

슬라이드 오타

0

28

0

전체적인 개발에 대해 문의드립니다.

1

50

1

자료집 관련

0

29

2

13. (App 2) 기본기 훈련 에서

0

38

1

챌린지 시작일 문의

0

42

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

37

1

줄바꿈 시 \ 필수인가요?

0

58

2

11차시 Antigravity IDE 설치 후

0

37

1

2605 이후 최신 클로드코드 강의 추가 부탁드립니다.

0

57

2

Day10 미션 안내 이미지

0

70

1