중첩 Context

안녕하세요 이정환입니다.

우선 이해하신 내용은 정확히 맞습니다.

다만 중첩 Context를 사용하지 않고 useMemo로만 이 문제를 해결할 수는 없습니다.
그 이유는 data State의 경우에는 실제로 값이 변화해야 하기 때문인데요

만약 data와 onCreate, onDelete, onUpdate 함수를 모두 하나의 객체로 묶어
useMemo로 관리한다면 아마 다음과 같이 관리하게 될 겁니다.

const appData = useMemo(() => ({ data, onCreate, onUpdate, onDelete }), [data]);

이렇게 관리하게 되면 data State의 값이 변화할 때 마다 useMemo가 반환하는 객체 값이 계속 변경됩니다. 그러므로 이 데이터를 Context로 부터 공급받는 모든 컴포넌트가 data State의 값이 변경될 때 마다 즉 일기가 추가되거나 수정되거나 삭제될 때 마다 리렌더링이 발생하게 됩니다.