아 그거 뭐였지

위와같은 구조를가진 A 라는 컴포넌트에 변수 num이 존재하고 해당 num을 자식 컴포넌트인 Component G에서 값을 바꾸기 위해서는 Component A에서 props로 B로 전달하고 그 props를 C로 전달 D로전달.... 하면서 G까지 전달해야 할것이다. 이렇게만 봐서도 끔찍한 구조인데 극단적으로 만약 컴포넌트의 깊이가 100개이상이라면? props를 타이핑하다가 하루가 끝날것이다. 이러한 문제점을 Props Drilling 이라고 하며 이를 해결하기위해 props.children을 사용하거나 전역상태관리 라이브러리인 Recoil, Redux, Mobx 혹은 React 훅 useContext 를 사용하여 해결할수있다. 이중에 하나인 Recoil을 사용해서 상태관리를 해볼것이다. Recoil ..