inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

할일 수정 기능 구현하기

할 일 수정 질문

41

양승근

작성한 질문수 38

0

뒤를 들어보지 않고 남겨서 죄송합니다. 이전 코딩 경험으로는 Todo에 있는 todo리스트와 컴포넌트를 전역변수로 만들어서(static)으로 만들어서 다른 모든 컴포넌트에서 참조하도록 하면 훨씬 쉬울 것이라고 예상되는데요. 리액트로 이러한 구조가 있나요?

react react-router redux-toolkit zustand react.js

답변 2

0

수코딩

안녕하세요 양승근님.

아쉽지만 말씀하시는 것과 같은 기능 및 구조는 리액트에서 제공하지 않습니다.

참고 부탁드립니다!

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 양승근님.

리액트에서는 전역 상태 관리가 필요한 경우, 각 컴포넌트에서 필요한 데이터를 쉽게 참조할 수 있도록 다양한 방법을 제공합니다. 전역 변수를 직접적으로 생성하여 사용하는 방식은 리액트의 컴포넌트 기반 설계 철학과는 다소 거리가 있습니다. 대신, 전역 상태 관리 라이브러리나 리액트 기반의 기능을 활용하여 상태를 관리하실 수 있습니다.

전역 상태 관리 옵션:

  1. Context API: 리액트에 내장된 기능으로, 상태를 전역적으로 관리할 수 있게 해줍니다. 간단한 데이터와 상태를 관리하는 데 유용하며, 별도의 설치가 필요하지 않습니다. 다만, 리렌더링 최적화가 필요할 수 있습니다.

  2. Redux 및 Redux Toolkit: 복잡한 상태 관리가 필요한 경우에 유용합니다. 많은 개발자와 대규모 프로젝트에서 사용하며, 미들웨어를 통한 비동기 작업 처리에 강력한 기능을 제공합니다.

  3. Zustand: 상대적으로 가벼운 상태 관리 라이브러리로, 간단한 API와 훌륭한 성능을 제공합니다. 리액트 생태계와 잘 통합되며 생명 주기에서 상태를 직관적으로 처리하는 데 도움이 됩니다.

각각의 전역 상태 관리 방법은 프로젝트의 규모와 필요에 따라 선택할 수 있습니다. 각 상태 관리 방법의 작동 원리와 장단점에 대한 더 깊은 이해가 필요하신 경우, 다음의 링크를 참고해 주세요:

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

react-fetch -2 (loading) 에러

0

31

2

useEffect return문

0

45

3

컴포넌트 분리하기 강의 편

0

45

2

몽고디비 접속의 건

0

49

3

소스코드 제공여부

0

61

2

기본 파일 구조

0

54

2

공부방향에 대한 조언

0

74

2

styled-components

0

53

2

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

0

66

2

import {} 중괄호 차이점

0

61

2

[ 문의]몽고DB connect 의 건

0

78

2

제공되는 react_code.zip 중에 ..

0

78

2

커리큘럼 비활성화

0

67

2

설명하시는 개념들을 잘 모르겠습니다.

0

74

2

이해가 절반 정도 되는데요.

0

79

1

styled-components(전역)

0

75

1

cloudinary 관련

0

97

3

useOptimistic 실전-1 useState

0

102

2

discord 초대장 갱신이 필요한거같습니다.

0

99

1

할일 관리 앱(메모이제이션)

0

124

2

Web 플랫폼 등록

0

184

2

함수 정의 기준

0

102

2

fetch는 사용되는가

0

102

2

전역상태 관리 선택 기준

0

141

2