[Recoil] Recoil 공부 1

• RecoilRoot는 여러개가 공존할 수 있다. 컴포넌트에서 recoil과 연동할 때 해당 컴포넌트와 가장 가까이 있는 RecoilRoot를 사용하면 된다.

• atom은 recoil에서 상태를 정의하는 방법이다. 상태를 정의할 때 고유값인 key를 설정하고, 기본값(default)을 설정하면 된다. 설정한 atom은 useRecoilValue, useSetRecoilState, useRecoilState의 훅으로 사용할 수 있다.
  
  
  

• useRecoilState()를 사용하면 useState()와 같이 배열의 첫 번째 원소가 상태, 두 번째 원소가 상태를 업데이트하는 함수를 반환한다.

• useRecoilValue()는 상태 값만 필요할 때 사용하면 된다.

• useSetRecoilState()는 상태를 업데이트하는 함수만 필요한 경우 사용하면 된다.
  
  
  

1. 제일 최상단 루트 컴포넌트에 RecoilRoot 컴포넌트를 import 하여 사용한다.

2. src 폴더 안에 state 폴더 생성 후 페이지 별로 나눠서 atom을 만들어 준다.

(사용자에 따라 다르게 설정 가능)