목록React-Query (1)
킹의 개발일지
서버 데이터를 최신으로 관리해보자(feat: react-query) 1
문제의 발단 토이 프로젝트를 진행하면서 구현하고자 하는 로직은 간단했다. add task로 생성한 Task 컴포넌트를 drag and drop을 사용해서 원하는 보드에 올려두면 저장되는 로직이다. 생각했던 방법은, react의 Context Api를 사용해서 전역 상태를 관리하고, drag end(끌어서 보드위에 올리는) 이벤트가 발생시 POST를 날리는 것이다. 그러나 Sorting 기능을 넣고나서, 가끔씩 drag over(드래그 중인 컴포넌트가 task 또는 보드, 즉 droppable 컴포넌트 위로 지나갈 때) 이벤트가 일어날 때 문제가 발생했다. 보드 위에서, 현재 드래그 중인 Task의 순서를 정하기 위해 기존 Task들 사이로 컴포넌트를 움직이다가 컴포넌트를 놓으면 db에 저장된 Task의 ..
React-Query
2023. 11. 15. 00:46