1. Recoil Effects

• Recoil 에서 useEffect 와 같은 기능을 합니다.
• 예시 코드

// atoms.tsx

const localStorageEffect(key: string) => ({setSelf, onSet}: Ikey) => {...(생략)}

export const toDoState = atom<IToDoState>({
  key: "toDo",
  default: {
    "To do": [],
    Doing: [],
    Done: [],
  },
  effects: [localStorageEffect("toDos")],
});

2. Local Storage

• 클라이언트 단, 브라우저 상에 데이터를 저장할 수 있는 기술인 웹 스토리지 중 하나
• JSON 형태로 데이터를 읽고 써야 합니다.
• 기본 API

// 키에 데이터 쓰기
localStorage.setItem("key", value);

// 키로 부터 데이터 읽기
localStorage.getItem("key");

// 키의 데이터 삭제
localStorage.removeItem("key");

// 모든 키의 데이터 삭제
localStorage.clear();

// 저장된 키/값 쌍의 개수
localStorage.length;

• 참조
  https://www.daleseo.com/js-web-storage/
  https://tech.osci.kr/2022/07/05/recoil-react-js-state-management/