공통/Web & Network
[CORS] CORS 정리
Same-Origin Policy & Cross-Origin Policy HTTP 요청에 대해서 HTML → 기본적으로 Cross-Origin 정책을 따름 link 태그에서 다른 origin의 css 등의 리소스에 접근하는 것이 가능하며, img 태그등에서 다른 리소스에 접근하는 것이 가능 XMLHttpRequest, Fetch API 등 script 태그 내 → 기본적으로 Same-Origin 정책을 따름 기본적으로 다른 Origin에 있는 리소스에 접근할 수 없다. 여기서 Origin이란? 같은 출처 (Origin)이란 URL 구성 요소 중 Scheme, Host, Port 이 동일한 경우 같은 Origin이라고 판단한다. URL이 https://will.seungho.com:443 인경우를 예로 들..
네트워크의 흐름 2단계
프로토콜 스택 내부의 흐름 1. 소켓을 작성한다. 프로토콜 스택의 내부 구성 프로토콜 스택의 내부는 역할이 다른 몇 부분으로 나뉘어 있다. 맨 위의 네트워크 애플리케이션은 브라우저, 웹 서버 등의 프로그램이 해당되며, 여기부터 아래로 향하여 데이터 송수신 등의 일을 의뢰합니다. 애플리케이션 아랫부분에는 Socket 라이브러리가 있으며, 그 안에는 리졸버가 내장되어 있습니다. (DNS 리졸버는 DNS 서버에 조회하는 동작을 실행하는 역할을 수행합니다) 그 아래가 OS의 내부를 나타내며, 여기에 프로토콜 스택이 존재합니다. 프로토콜 스택의 윗부분에는 TCP 프로토콜을 사용하여 데이터 송수신을 담당하는 부분과, UDP 프로토콜을 사용해서 데이터 송수신을 담당하는 부분이 있으며, 이 둘이 애플리케이션에서 보낸 ..
네트워크의 흐름 1단계
클라이언트와 서버간에 네트워크 통신시, OS 레벨에서 어떠한 일이 일어나는지 궁금해서 "성공과 실패를 결정하는 1%의 네트워크 원리" 라는 책을 읽고 정리한 글입니다. URL 구조 URL은 다음과 같은 구조를 갖습니다. HTTP 프로토콜 Hyper Text Transfer Protocol로, 클라이언트와 서버가 주고받는 메시지의 내용이나 순서를 정한 것이라고 할 수 있습니다. 일종의 클라이언트와 서버 사이에 통신하기 위한 약속이라고 할 수 있습니다. 클라이언트에서 서버를 향해 요청 메시지를 보냅니다. 이 요청 메시지 안에는 "무엇을", "어떻게" 하겠다는 내용이 포함되어 있는데요, "무엇을"에 해당하는 것은 URI이라고 하고, "어떻게"에 해당하는 즉 동작에 해당하는 것은 HTTP Method라고 할 수..