구글 브라우저 개발자 도구 사용

개요

구글 브라우저에 자체적으로 내장되어있는 개발자 도구를 사용하여 데이터를 삭제할 때 어떤 과정을 거쳐서 삭제가 이루어지는지 분석하고 실습한다.

 

실습

index.html

기본적인 CRUD기능만 있는 index.html파일이다.

 

구글 개발자 도구

f12[개발자 도구]를 눌러 network탭으로 이동한다.

 

12.txt 삭제

 

12 파일을 삭제하고 개발자 도구에서 network탭을 확인한다.

 

헤더 분석

페이로드 확인

사진을 통해 delete_process.php에 POST 방식으로 id값 12를 전송하여 삭제 프로세스가 이루어진 것을 알 수 있다. 

 

URL을 통한 데이터 삭제 실습

실패

데이터가 삭제될 줄 알았지만 실패했다. 원인은 URL을 통한 파라미터 전달은 POST방식이 아닌 GET방식으로 이루어지기 때문이다. 크롬 웹스토어에 확장 프로그램을 사용해서 POST방식으로 파라미터를 전송하면 성공할 것 같다.