React

📍Recoil-persist 소개프로젝트 진행중, Form 에 대한 상태를 Recoil Atom으로 관리하고 있었습니다.하지만 다른 페이지를 방문하거나, 새로고침하면 Atom에 저장된 값이 초기화되어 작성해둔 정보가 날라가는 문제가 발생하였습니다.작성한 정보가 날아가는 문제를 해결하기 위해 다양한 방법을 알아보던 중, `recoil-persist` 라는 라이브러리를 알게 되었고 이를 적용하는 방법과 예시를 공유해 보겠습니다. 📍Recoil-persist 란?!Recoil 상태 관리 라이브러리의 확장이며, Recoil 상태를 지속적으로 관리하고 복원하기 위한 도구입니다.Recoil로 관리되는 상태를 로컬 스토리지 또는 세션 스토리지와 같은 클라이언트 측 저장소에 저장하고, 페이지 새로고침 또는 재방문 ..

📍 useEffect 안에 비동기 함수 사용하기useEffect 훅은 반환값으로 클린업(clean-up) 함수를 반환할 수 있습니다.이 클린업 함수는 컴포넌트가 언마운트되거나 의존성 배열이 변경될 때 실행됩니다.클린업 함수는 자원을 해제하거나, 구독을 해지하는 등의 작업을 수행하는 데 유용합니다.반면, async 함수는 항상 Promise 객체를 반환합니다.await 키워드는 async 함수 내부에서 사용되며, Promise가 해결될 때까지 함수의 실행을 일시 중지합니다.Promise가 해결되면, await는 해당 Promise의 결과 값을 반환합니다.`useEffect`는 직접적으로 비동기 함수를 반환할 수 없기 때문에, 비동기 작업을 처리할 때는 내부에 즉시 실행 함수(IIFE)를 사용하거나, 별도..