react

`hello-pangea/dnd`는 `react-beautiful-dnd` 기반으로 만들어져있어 둘 다 공통되는 해결 방법일 수 있다. hello-pangea/dnd 라이브러리 이용 시 에러 Next.js 14 에서 dnd 라이브러리 사용 시 에러 상황이다. development 환경에서 체크했고 데이터들은 mock data, id는 nanoid를 이용했다. 핫 리로드 또는 라우터 이동 시에는 문제가 없는데 페이지를 직접 새로고침 할 때 아래와 같은 에러가 떴다. Unable to find drag handle with id "UqjqGKqFhpsZoX7vZ3kOY" as no handle with a matching id was found A setup problem was encountered.> I..

Recoil 과 상태 관리 라이브러리 Recoil은 Facebook에서 만든 상태 관리 라이브러리다. 이거 하나 만으로 믿음이 생기겠지만, React 만든 곳이 아닌 다른 팀에서 만든 라이브러리고 최근 IT시장이 안좋아지자 Facebook도 구조조정에 영향이 갔는지 Recoil은 없데이트하고 있다. redux, zotai, zustand 등 다른 상태관리 라이브러리를 각자 장단점이 있으나 이 글의 주제인 recoil은 이 정도 장단점을 가지고 있다는 것만 알아보면 React만 위한 라이브러리 (친화적) React Suspense 쉽게 사용 Redux 다음으로 커뮤니티(정보)가 큼 단점으로는 프로덕션 환경에서 사용할 때 실험 버전이라 신중해야 할 필요가 있다. (이게 제일 큼) 버그 수정 같은 업데이트 밖..