devtools은 크롬에서 제공하는 디버깅 툴이다.


Ctrl+Shift+i 를 누르면 해당 창이 open되며 상위에 Elements, Console, Sources, Network 등으로 기능이 구성되어 있는데

Elements와 console은 view단에 대한 정보를 확인하기 위해 자주 썼던 것들인데, Network텝을 눌러보면 하위에 XHR이라는 텝이 있다.

해당 텝에서 프론트앤드와 백앤드 사이에서 주고받는 데이터들에 대해 확인할 수 있다.(세션, 쿠키, ajax데이터 등등)


나중에 적극적으로 활용해봐야겠다.

+ Recent posts