브라우저에서 HTTP가 동작하는 것을 직접 확인해보자!
개발자 도구와 네트워크 탭 열어보기
사용하는 브라우저에서 F12 개발자 도구를 누르면 다음과 같은 창이 뜬다
그 다음에 네트워크(Network) 탭을 누르고 새로고침을 하면 서버에서 받아온 데이터 목록이
보인다.
웹 개발을 진행하면서 문제가 생겼을 때 개발자 도구의 네트워크 탭을 사용하면 파악이 쉽다.
네트워크(Network) 탭 좌측 Name 목록 아래 요청 클릭 후 Headers탭 살펴보기
브라우저에서 서버로 보낸 Request 데이터라고 보면 이해하기 쉽다.
Status Code 200은 '요청이 성공했다.'라는 뜻을 의미한다.
HTTP 상태코드를 통해 브라우저와 서버간의 요청,응답 과정에서 발생할 수 있는 상황들을 표현할 수 있다고, HTTP 상태 코드는 3자리 숫자로 이루어져 있다.
첫 번째 자리 숫자는 상태 코드의 분류를 나타내는 용도로 사용되며, 나머지 두 자리는 세부적인 정보를 나타낸다.
1xx (Informational)
2xx (Successful)
3xx (Redirection)
4xx (Client Error)
5xx (Server Error)
5xx는 개발자가 제일 무서워하는.. 코드이다.
5xx 상태 코드는 서버에 오류가 발생했음을 나타내고, 주로 서버의 오류나 서버 과부하 등에 사용된다 가장 많이 사용되는 상태 코드는 500인데 이는 서버 내부에 오류가 발생했을 때를 의미한다.