느릿늘있

1. 현상 사이드 프로젝트로 진행 중인 머글래 웹 모듈 4번 작업물인 구글 맵 api를 활용한 지도에 리뷰 표시하는 페이지를 만들 던중 발생한 이슈다. 아래 링크에서 현재 잘 동작하고 있는 것을 확인할 수 있다. https://moglet-web-module.vercel.app/4_googleMaps Moglet Web Module moglet-web-module.vercel.app 처음에는 모든 기능을 index 페이지에 다 몰아 넣고 기능이 동작 가능하게만 만들어서 돌렸다. 그랬더니 노트북 팬이 미친듯이 돌아가고 브라우저는 멈추고 작업관리자 CPU는 100%를 찍고 vercel에 배포는 됬으나 사이트가 먹통이 되어 버렸다. 성능에 문제가 있다는 것을 인지하고 이를 최적화 하기 위해 여러 가지를 시도하..

1. 현상 useQuery 요청 후 서버에서 api 응답 status는 success인데 data가 undefined인 상황 브라우저 네트워크 로그 확인 후 해당 url로 접근하면 JSON 데이터를 확인할 수 있음(데이터는 정상적으로 받아 옴) 2. 원인 api 요청에 return 값이 없음 export const apiGet = (req) => { axios({ method: 'get', url: '/api/aaa/aaa/aaa', params: { a : ..., b : ..., } }) } 습관적으로 화살표 함수를 만들면서 중괄호를 쳐버렸다. 화살표 함수는 중괄호를 쓰지 않으면 return을 생략할 수 있다. () => axios; (O) 그래서 axios문을 쓸 때 보통 중괄호와 return을 생..