코딩하는라민

[React/Project] Recoil Persist 를 사용해 로컬스토리지에 데이터 저장/불러오기 📌 사용하게 된 배경 ✅ Recoil 사용하게된 이유 더보기 Recoil 을 사용해서 로그인 시 토큰과 유저 정보들을 가져와서 전역에서 사용했다. 게시글 작성 페이지는 로그인 시에만 접근이 가능하도록 했으며, 게시글을 작성 / 수정할 경우 해당 유저 데이터를 서버로부터 받아와서 게시글에 해당 정보를 불러와서 게시글을 분류했다. 게시글 수정을 할 경우에는 로그인된 유저의 데이터와 게시글 작성자의 유저 정보와 일치할 경우 수정 / 삭제 버튼이 렌더링 되도록 했다. 또한 수정 버튼을 클릭하면 해당 게시글의 작성자 정보와 게시글 정보를 가져와 바뀐 내용으로 대체해주었다. ✅ Recoil 사용하다가 겪은 문제점 ..

[React] Recoil 상태 관리 라이브러리 설치 및 기본 📌 상태관리란? 상태는 컴포넌트 내부에서 변경이 일어나는 값을 관리하기 위한 모든 데이터를 말한다. 상태관리는 변경이 일어나는 값들을 관리하는 것이다. 상태관리는 초기값을 저장할 수 있어야 하고, 현재값을 읽을 수 있어야 하고, 값을 업데이트할 수 있어야 한다. 함수형 컴포넌트에서 useState 로 자식 컴포넌트에서 부모 컴포넌트의 state 를 변경하여 상태관리를 할 수 있었다. 또 다른 방법이 하나 더 있는데 바로 상태관리 툴을 이용하는 것이다. 상태관리 툴은 다양한 종류가 존재한다. Redux Recoil React query MobX apollo useSWR ... 📌 상태 공유 기능의 한계 기존에 사용하던 방식은 다음과 같은 한계점..