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

76

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

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

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

상태(State) 가 "시간이 지남~" 에 대해 질문 있습니다.

0

10

2

문서 업데이트

0

15

1

/init

0

16

1

이미지내 텍스트 인식시키는 방법

0

9

0

문서, 파일, 웹사이트 참고 관련

0

10

1

vs code에서 클로드 설정

0

17

1

서브에이전트 복사 관련

0

9

1

prd 생성 서브에이전트 description 관련

0

11

1

94강 PRD 문서 검토 서브에이전트 관련 질문드려요.

0

13

1

init 오류

0

16

1

4주차 미션 게시판이 안보여요~

0

19

1

task manager 사용시 서브에이전트 개입 관련

0

16

1

카드뉴스 제작 시 CSS 사용 관련

0

17

0

165강 카드뉴스 관련 질문드려요.

0

20

0

CLAUDE.md 분산관리 관련 질문드려요.

0

20

1

github 사례 적용 방법

0

19

1

프로젝트 도입 관련

0

18

1

서브에이전트와 팀에이전트 관련

0

16

1

161강에서 소개해 주신 CLAUDE.md 파일 적용 관련

0

17

1

강의 따라 하는데 강의에서 갑자가 생성되는 폴더는?

0

20

1

강의따라가면서 볼만한 참고서적 문의드려요

0

21

0

/permissions 했는데 bash가 안나옵니다.

0

22

3

클로드 웹사용과 터미널 환경에서의 사용 연동 여부 문의

0

23

1

Day10 미션 안내 이미지

0

57

1