🚨api get요청 시 data는 쿼리에 담아야 한다!

문제 상황

백엔드 개발자와 협업하면서 api 요청을 할일이 생겼다. 해당 요청은 GET 요청이었고 data를 담아서 보내는 것이었다. 

나는 data를 담는 건 POST요청만 해봤기 때문에 확인차 여쭤봤는데 GET이 맞다고 했다.

그렇게 알고 개발하는 와중에 계속 아래와 같이 에러가 났다.

 

에러 메세지는 서버에서 따로 안보내줘서 몰랐는데 백엔드 개발자가 하는 말로는 내가 보낸 data가 없다고 했다.

그래서 나는 내가 요청을 잘못한줄 알고 한참 삽질을 했다. 한 반나절은 이것때문에 날린듯

prettier 설정이 잘못돼서 data가 잘못들어갔나 싶어서 꺼보기도 하고 타입을 잘못썼나 싶어서 타입을 any로 바꾸고 다시 요청도 해봤는데 안됐다.

 

해결방법

아무생각없이 'api get요청 data'라고 검색했는데 GET 요청시에는 data를 쿼리스트링에만 보낼 수 있다고 하더라....

바로 백엔드 개발자한테 api 수정 요청드려서 POST 요청으로 바꿨더니 잘되었다. 

만약 GET으로 요청하고 싶다면 data 말고 헤더에 params로 같이 넣어주면 된다.

 

백엔드랑 협업은 처음이라 저쪽에서도 api를 잘못 던져줄 수 있다는 것을 몰랐다.

백엔드 쪽이랑 활발하게 소통할 것을 다짐했다.

 

++ 추가

네트워크를 공부하면서 get 요청은 데이터를 http request header 에 담는다는 것을 알았다. 이것을 알았으면 당연히 실수하지 않았을텐데 CS지식이 부족했음을 느꼈다. 개발을 하면서 CS의 중요성을 느꼈다. 기본을 열심히 공부하자!