개발자 도구(DevTools)로 API 요청 확인하기

1. 개발자 도구에서 Network 탭을 클릭한다.
2. 상단 필터에서 "XHR" 또는 "Fetch/XHR" 선택한다. (API 요청만 필터링)
3. 새로고침(F5 or Ctrl + R)하면 API 요청이 나온다.
4. 요청을 클릭하면 아래에 요청(Request) / 응답(Response) / 헤더(Headers) 등을 볼 수 있다.

 

---

 

Preserve log, Disable cache, Filter

 

Preserve log 체크하면 페이지 새로고침해도 로그 유지된다.
Disable cache 체크하면 캐시 없이 매번 새 요청 보내기 가능하다.

Filter에 api 같은 키워드 입력해서 원하는 요청만 찾을 수 있다.