redux2 [유데미 | winterlood 이정환] 프로젝트로 배우는 React.js & Next.js 마스터리 클래스 강의 내용 정리 (섹션 10: Context) 섹션 10: Context Props Drilling TodoList 앱의 컴포넌트 트리 붉은 표시가 되어 있는 onUpdate, onDelete 함수는 TodoList 컴포넌트에 구현되어 있지만 실제로 컴포넌트에 직접적으로 필요한 함수는 아니다. App 컴포넌트에서 생성된 함수를 TodoItem으로 내려주어야 하기 때문에 구현되어 있을 뿐이다. 만약 이러한 현상이 tree depth가 깊은 앱에서 발생했다면, 의미 없이 아래 depth로 props를 내려주기만 하는 컴포넌트들이 많아지며 자연히 코드의 길이도 길어지고 코드 내용도 복잡해질 것이다. Props Drilling 해결 방안: Context Context: 자식 컴포넌트들에게 데이터를 직송으로 보내줄 수 있는 객체 Context 사용법 Cont.. 2024. 1. 13. [메타코딩]react & springboot 강좌 내용 정리-8(글쓰기, 목록 보기 실습, redux) 보호되어 있는 글 입니다. 2022. 1. 26. 이전 1 다음 반응형