본문 바로가기

📺 Front End/- HTTP10

[HTTP] OPTIONS 헤더와 Preflight 그리고 CORS OPTIONS 는 RFC 7231 에 명시된 HTTP의 여러 메서드 중 하나이다. OPTIONS 는 실제로 우리가 프레임워크나 라이브러리를 사용한다면 직접 사용할 일은 드물지만 현대의 Front Back 을 나누는 개발 흐름에서는 꼭 알아야 할 개념중 하나이다. 이 Options 에 대해서 알아보도록 하자. HTTP의 OPTIONS Mthod Http OPTIONS 메서드는 target 리소스와 혹은 서버와 통신하기 위한 통신 옵션을 확인할 때 사용된다. 즉, 해당 타겟 서버나 리소스가 어떤 method, header, content type 를 지원하는지 알 수 있다. 주로 Browser 의 Js 가 보내는 Fetch, Axios 요청의 Preflight 에서 사용되곤 한다. 그럼 왜 OPTIONS 를.. 2021. 8. 14.

HATEOAS를 모르면 당신이 알고 있는 REST API는 REST API가 아니라고 장담할게요. 이 글은 그런 REST API 로 괜찮은가? 의 이응준 개발자님의 발표 자료에 여러 부분을 차용하였습니다. REST API란 무엇일까 난 지금까지 REST API에 대해서 상당 부분을 오해하고 있었다. REST API라고 함은 GET, POST, PUT, PATCH, DELETE등과 같은 HTTP 메서드를 URI를 통해서 잘 이용하는 것, 이를테면 정보 조회나 수정은 /user 이라는 하나의 URI에 다른 메서드를 이용, 이라고 알고 있었다. 하지만 그건 REST API의 아주 작은 일부분 중 하나였다. 더욱 신기한건 실력 좋은 많은 개발자들이 참여한 금융 결제원의 오픈 뱅킹 API에서도 REST API를 제대로 사용하지 않고 있다. 사실 REST API라고 하면 안되지만 REST API라고 하며 사용하.. 2021. 3. 24.

[HTTP-Header] HTTP Response Header :: 응답 헤더 HTTP 응답 헤더는 요청에 따라 적절한 로직이 수행되고 결과로 응답할 HTTP 메시지의 헤더를 말 한다. 여기서 우리는 자주 사용하는유명한 헤더에 대해서만 알아볼 것이다. 헤더는 크롬의 개발자 도구의네트워크 탭에서 헤더들을 확인할 수 있다. 요청 헤더 Request Header 우리가 이번에 다뤄볼 응답 헤더는 다음과 같다. Access-Control-Allow-Origin Allow Content-Disposition Location Content-Security-Policy Access-Control-Allow-Origin 요청을 보내는 클라이언트의 주소와 요청을 받는 백엔드 주소가 다르면 CORS 에러가 발생한다고 지난 시간 이야기를 했었다. 이 때 Access-Control-Allow-Origi.. 2020. 10. 9.

[HTTP-Header] HTTP Request Header :: 요청 헤더 HTTP 요청 헤더는 서버로 요청할 데이터의 정보가 담겨있는 헤더이다. 보통 Fetch될 리소스나 클라이언트 자체에 대한 정보를 포함한다. 여기서 우리는 자주 사용하는 유명한 헤더에 대해서만 알아볼 것이다. 헤더는 크롬의 개발자 도구의 네트워크 탭에서 헤더들을 확인할 수 있다. 요청 헤더 Request Header 우리가 이번에 다뤄볼 요청 헤더는 다음과 같다. Host User-Agent Accept Authorization Origin Referer Host 서버의 도메인 네임과 서버가 현재 Listening 중인 TCP 포트를 지정한다. 만약 포트가 지정되지 않는다면 요청된 서버의 기본 포트를 의미한다. (HTTP URL은 80) Host 헤더는 반드시 하나가 존재해야 한다. 만약 한 개가 아니라 .. 2020. 10. 9.

이전 1 2 3 다음

티스토리툴바