JS. HTTP Verbs & Status & Header

MJ·2023년 6월 20일

JavaScript - 비동기, AJAX, 프로토타입, 클래스

목록 보기

9/15

HTTP Verbs

HTTP 요청을 하는 방식을 의미 합니다. ( 여러가지 통신방법이 존재 )
방법에는 GET/ POST/ PATCH 방식등이 존재한다.

요청 방식	내용
GET	정보를 가져올 때 사용하는 방식
POST	데이터를 다른 서버로 전송할 때 사용하는 방식
	데이터를 보내서 DB나 다른 서버에 저장할 때 사용
DELETE	API를 통해 데이터를 삭제할 때 사용

1.1 HTTP Verbs

hoppscotch 에서도 HTTP 요청을 변경해서 전송할 수 있다.

hoppscotch 사이트에서도 요청방식을 변경할 수 있다

HTTP Status

HTTP 요청을 하고 나서 응답을 받을 때, 응답에 관한 상태코드를 확인할 수 있다.

상태코드	내용
200번대	성공을 의미하는 코드
300번대	리디렉션을 의미하는 코드
400번대	실패를 의미하는 코드

HTTP 요청 상태의 변화
성공했을 경우 200번대로 번호가 시작되고 실패한 경우에는 400번대로 번호가 시작된다.

1.1 HTTP Status 404 (Not pound)

존재하지 않는 URL에 접근했을 때 나타나는 오류 입니다.

1.2 HTTP Status 405 (Method Not Allowed)

API 가 POST 요청을 지원하지 않을 때 요청하면 발생하는 오류 입니다.

1.3 HTTP Status 300 (Redirection)

현재는 변경됐지만 변경 이전에 존재했던 URL로 접근하는 경우, 변경된 URL로 접근
할 수 있게 리디렉션 해준 응답코드 입니다.

www.google.co.로 접속한 경우 변경된 URL www.google.com으로 이동시킵니다.

HTTP Header

HTTP 요청과 함께 정보를 전달하는 부수적인 방법으로 응답에도 포함된다.
메타데이터와 같은 키-값 쌍에 해당하며 요청에 첨부하는 세부 사항과도 같다.
개발자 도구에서 손쉽게 Header 부분을 확인할 수 있다.
일반적으로는 Header 부분을 확인할 필요가 없지만, 특정 API 에서는 사용자
지정 헤더를 전송해야 합니다.

3.1 Header 확인 하기

크롬 개발자도구 네트워크 항목에서 헤더 부분을 확인할 수 있습니다.

아재개그 사이트 이 사이트는 아재개그에 관한 API 사이트로 앤드포인트는 icanhazdadjoke.com 입니다.

헤더를 붙이지 않고 API에 요청하면 기본 값으로는 JSON 응답을 받지 못합니다.

사이트 하단을 보면 API에 Header를 붙여서 요청을 보낼 수 있다.
기본 값은 HTML(text/html) 응답을 받는다.

브라우저로 요청을 보낼 때는 헤더를 붙여서 보낼 수 없지만 Postman 같은
사이트를 이용하면 요청에 헤더를 붙여서 보낼 수 있다.

응답부분에 헤더를 확인하면, 컨텐츠 타입이 우리가 API에게 요청한
appllication/json 인 것을 확인할 수 있다.