맞왜틀

프로젝트에 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)..

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