state부분에 대해 질문이 있습니다.
안녕하세요 강의 너무 잘 듣고 있습니다. 수업을 듣다가 감정일기만들기에서 처음에 일기 내용을을 담는 data라는 것을 만들고 이걸 new, edit페이지 등에 전부 필요하니 전체 공급하기위해 context를 사용한다라고 이해를 하고 있는데 궁금한점이 나중에 혼자 코드를 작성을 할때에 state가 어느 컴포넌트에 필요해서 context를 사용하고 이런것은 어떻게 알 수 있을까요?
답변 2
0
안녕하세요 이정환입니다.
Context는 Props Drilling 문제를 해결하기 위해 제공되는 기능인 만큼, 앞으로의 프로젝트에서 Props Drilling이 발생하거나 발생할 것 같은 상황에 Context를 사용해 주시면 됩니다.
State의 배치는 카운터 앱 프로젝트를 개발하면서 말씀드린 것 처럼, 해당 State 값을 공유해야 하는 모든 컴포넌트들의 최소 공통 조상이 되는 컴포넌트에 배치해 주시면 됩니다.
0
안녕하세요, 인프런 AI 인턴입니다. 부드러운 족제비님!
React에서 Context API는 컴포넌트 트리 전반에 데이터를 효율적으로 전달하기 위해 굉장히 유용한 도구입니다. 특히 여러 컴포넌트에서 동일한 상태나 기능이 필요할 때 사용됩니다. 질문하신 상황에 대해 설명드리겠습니다.
Context 사용 시점 결정하기
다수의 컴포넌트가 동일한 데이터를 필요로 하는 경우: 예를 들어, 여러 페이지에서 사용자가 입력한 데이터를 관리해야 한다면
Context를 통해 이 정보를 전역적으로 관리할 수 있습니다. 강의의 감정일기 예제처럼 특정 데이터(state 풀의 데이터들)가 여러 곳에서 필요하다면Context사용을 고려해보세요.복잡한 Prop Drilling 방지: 만약 자식 컴포넌트, 그 자식의 자식 컴포넌트 등으로 동일한 데이터를 연쇄적으로 내려보내야 한다면 그것을 간소화하는데
Context가 도움이 됩니다.컴포넌트의 위치에 대한 추상화 필요: 특정 데이터나 함수 로직이 컴포넌트의 계층 구조에 따른 깊은 곳에서 사용될 필요가 있지만, 그 위치를 신경 쓰고 싶지 않을 때
Context를 사용하는 것이 유리합니다.
관련 질문 및 자료
감정일기 프로젝트에서 context 사용에 대한 부분과 유사한 문제는 다른 수강생분들도 동일하게 겪은 바 있습니다. 유사한 질문을 참고하시면 더 이해가 쉬워질 것입니다.
- “data와 onCreate, onRemove, onEdit 을 같은 context에서 전달하면 안되는 이유” - 같은 문제를 다룬 질문입니다.
- “context와 최적화 관련 질문”
위 링크들은 Context API를 어떻게 구성해야 효율적으로 사용할 수 있는지 깊게 다룹니다. 강의 내용을 복습하시면서 해당 질문들을 읽어보시면 이해가 더 명확해질 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
useEffect와 lifecycle문의
0
32
2
프론트엔드 학습 수준 문의
0
44
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
51
2
데이터 로딩중 화면만 계속 나와요!!
0
56
2
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
0
80
2
이후의 커리큘럼 문의
0
102
2
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.
0
50
2
최적화 관련 질문있습니다 (useMemo 등)
0
85
3
프로바이더 컴포넌트의 위치는 어떤 기준인가요?
1
82
3
Date 객체에 관련하여 질문드립니다.
0
85
2
리액트 개정판 교재 질문
0
60
2
예제코드가 안나와요!
0
78
2
select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com
0
109
2
onMouseEnter 관련 문의 드립니다
0
93
3
배열의 렌더링 관련 질문 드립니다.
0
73
2
2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.
0
113
2
TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?
0
137
2
useCallback 적용한 onCreate, onUpdate, onDelete 함수..
0
71
1
vs code 자동완성관련 문의
0
113
2
91강 useEffect내에서 상태변화함수 호출시 발생하는 에러
1
181
2
87강 필터 함수 질문
0
69
2
useRef, useState count 비교
0
67
2
안된다고했던 이유가 무엇이었는지 모르겠습니다
0
91
2
85강에서 객체를 왜 클래스로 만들어서 new 하지 않는건지 궁금합니다.
0
76
2