Tool

[React] Suspense와 React-query의 onSuccess

프로젝트에 suspense를 적용하기를 하는 도중 에러가 발생했다.(정확히 에러는 아니고 버그?) const { data: chatRoom, isLoading } = useChatRoomQuery(chatRoomId, { enabled: isLoggedIn && !!chatRoomId, cacheTime: 0, onSuccess: (data) => { setNewChatLog(data.data.chatRoom.messages); }, }); onSuccess가 실행 되었음에도 불구하고 newChatLog에 데이터가 없었다. 이는 Suspense를 적용하면서 생긴 문제인데. Suspense의 동작 순서와 관련이 있다. Suspense mount Main mount (1) Main의 useQuery(api)..

jQuery - data

data() 정의 HTML 엘리먼트 내에 데이터를 저장하고 읽는 역할을 하는 함수 역할 (왜 씀?) 서버에서 조회된 데이터를 추후 ajax 통신을 하기 위한 data 저장 (주로씀) js 에 데이터를 저장하기 위한 변수를 따로 설정할 필요가 없어짐 사용법 1. 데이터 저장하기 엘리먼트에 로 저장할 수 있다. ( 약간 로컬스토리지 쓰는 느낌? ) key는 스트링 형태만 가능하고, value 는 자바스크립트에서 지원하는 모든 형태가 가능하다. 이 엘리먼트에 데이터 저장해보기 데이터 불러오기 2. 데이터 불러오기 엘리먼트에 저장된 데이터를 불러오기 데이터 전체 불러오기 이 엘리먼트에 데이터 저장해보기 데이터 불러오기 /* 추가 */ 이름만 불러오기 아래와 같은 결과를 콘솔에서 확인할 수 있다. data() 특..