고양이 두 잔

목차 CORS CORS란 Cross-Origin Resource Sharing, 번역하면 교차 출처 리소스 공유의 줄임말이며, 한 마디로 말하자면 다른 도메인, 프로토콜, 포트에서 실행 중인 웹 페이지의 서버 접근을 제한하는 정책이다. 나머지 설명은 이전 글로 대체한다. [네트워크]CORS(Cross-Origin Resource Sharing) [네트워크]CORS(Cross-Origin Resource Sharing) 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 웹 애플리케이션이 다른 출처의 선택한 리소스에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 메커 gnidinger.tistory.com [면접 준비 - Net..

CORS 관련 글 [네트워크]CORS(Cross-Origin Resource Sharing) [면접 준비 - Network]CORS에 대하여 - 1 [면접 준비 - Network]CORS에 대하여 - 2 [Network]TLS, HTTPS [면접 준비 - Network]쿠키, 세션, 토큰, 그리고 응답에 시간이 많이 소요되는 로직을 구현하다 보면 서버에서 지정한 시간에 따라 타임아웃 에러가 발생한다. 그런데 이런 경우 다소 황당하게도 클라이언트 로그를 확인하면 CORS 에러가 함께 뜨는데, 처음에는 순서를 잘못 파악하고 CORS 때문에 타임아웃이 뜨는 거라고 생각해 시간을 제법 잡아먹었다. 결론부터 말하자면, 서버가 정상적인 응답을 보내지 못한 경우 클라이언트에게 필요한 CORS 헤더 역시 전송되지 않을..

목차 https://gnidinger.tistory.com/651 [면접 준비 - Network]CORS에 대하여 - 1 CORS 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여 웹 애플리케이션이 다른 출처의 선택한 리소스에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 메 gnidinger.tistory.com 벌써 세 달이나 이전 일이 되었지만, 처음 적은 CORS의 개념과 관련된 글에 이어 조금 실제적인 부분을 정리하려고 한다. CORS라는 게 무엇인지 경험적으로는 알고 또 처리할 수 있지만 구체적으로 어떻게 표현되는지 알고 싶어서. 짧은 글이 될 것 같지만, 시작! Origin in CORS CORS에서 Origin이..

목차 [면접 준비 - Network]CORS에 대하여 - 2 CORS 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여 웹 애플리케이션이 다른 출처의 선택한 리소스에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 메커니즘이다. 여기서 다른 출처란 프로토콜, 도메인, 포트가 다른 곳을 가리킨다. 계속해서 CORS 정책을 지킨 요청이란 대상 리소스에서 올바른 CORS 헤더가 담긴 응답을 받는 요청이라 할 수 있다. 참고로 교차 출처 요청이 발생할 시 브라우저는 요청 헤더에 Origin을 담아서 보낸다. 또한 올바른 CORS 헤더란 보통 아래와 같은 "Access-Control-Allow-Origin:" 헤더를 말하며 HTTP/1...

교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 웹 애플리케이션이 다른 출처의 선택한 리소스에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 메커니즘이다. 지난번에 살펴본 URI 구조를 다시 살펴보자. 위 구조중 도메인, 프로토콜, 포트가 다른 주소에 요청을 보내는 것을 교차 출처 요청(Cross-Origin Request)이라고 한다. 웹 생태계에는 교차 출처의 리소스 요청을 제한하는 두 가지 정책이 존재하는데, 하나는 이 글의 주제인 CORS이고, 또 다른 하나는 SOP(Same Origin Policy)이다. SOP는 쉽게 말해 보안상의 이유로 같은 출처에서만 리소스를 공유할 수 있다는 정책인데, 교차 출처 요청은 이..