4월26일(수)서버통신오류

bad request kakaoApi 서버 DB 통신 오류 계속 400 에러.

분명 request를 잘못하고있는데 뭔지 3시간동안 뒤지고 찾아도 원인이 안 밝혀짐. 혹시나 해서 react-query의 문법이 잘못되었는지도 구글링하고 고쳐봄. 그 문제는 아님. 통신이 안됌.
백서버에서 api수정을 제대로 잘 안 해줘서 저번 중간지점 찾기 통신때도 애먹었던 점 기억. 이 문제 프론트엔드 나 뿐 아니라 다른 분들도 겪었기에 swagger 활용. Swagger로 계속 확인하고 보았는데 혹시나 해서 api(업데이트 끊김)꺼로 연결시도. 바로 연결됌........... 아아.......... 물론 두개다 제대로 확인 안 한 내 잘못도 있지만, 이런 문제로 지체되어 답답한 심정이 느껴졌다.

다시 한번 정리하자면

    const { data, isLoading, isError, refetch } = useQuery({
        queryKey: ['CorrespondingWithKakaoApi'],
        queryFn: async () => {
        const response = await apis.get(
            // 서버 URL
            '/kakaoApi',
            // Request값
            serverUrl,
        );
        return response.data.message;
    }}, 

400에러 request bad 오류가 나던 코드

function MapMidPoint() {
    const { data, isLoading, isError, refetch } = useQuery({
        queryKey: ['CorrespondingWithKakaoApi'],
        queryFn: async () => {
        const response = await apis.get(
            // 서버 URL
            '/kakaoApi?query=술집&radius=1500&page=1&size=15',
        );
        return response.data.message;

오류 해결 코드
api명세서 및 Swagger

근데 내 잘못인거 같기도하다

정상적인 response값. 잘 들어오고 있다.