![스크린샷 2023-08-21 오전 12 46 40](https://private-user-images.githubusercontent.com/97428216/261862187-7b230614-3db4-48ac-a5cf-1c19eba6c28a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMDc1MjgsIm5iZiI6MTcyNDAwNzIyOCwicGF0aCI6Ii85NzQyODIxNi8yNjE4NjIxODctN2IyMzA2MTQtM2RiNC00OGFjLWE1Y2YtMWMxOWViYTZjMjhhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE4NTM0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcyZDIwZmM0ZDhiZmMwYjgyMThhZDMxNDgzZGE4ZWVlZjUzM2ExYTY3Yzg2MTg2NjNhYmZmNDBkZjI3Nzk3NTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.mQENxsVwSgjs8qIokjBeVVZnASBdsC8Ow4UJaUX91qw)
- 드림코딩 리액트 강의 과제[https://academy.dream-coding.com/courses/react] - 리엑트와 순수 css로 구현
- context를 사용해서 props 전달을 최소화하고, 필요한 곳에서 필요한 context 사용하는 방식으로 구현
- props 전달이 거의 없는 대신 Provider가 중첩으로 선언되어 �복잡해짐, Provider 하위 컴포넌트 전체 리랜더링
- context api 대신 recoil을 사용하면 Provider depth가 줄어들고, 변경된 컴포넌트만 리렌더링