브라우저
-
[브라우저] CORS브라우저 2024. 2. 20. 21:01
CORS란? Cross-Origin Resource Sharing(교차 출처 리소스 공유)의 줄임말 웹 브라우저에서 실행 중인 Javascript코드가 동일한 출처를 가지지 않는 다른 도메인의 리소스를 공유할 수 있도록 허용하는 매커니즘 SOP(Same-Origin Policy) 웹 브라우저 보안을 위해 등장한 메커니즘으로, 출처가 동일한 도메인끼리만 리소스 공유가 가능하도록 제한하는 정책 다른 출처로 리소스 요청을 했다는 것 자체가 이미 SOP를 위반하는 행위이고, CORS는 예외조항을 두어 다른 출처에서도 리소스를 요청할 수 있도록 하는 것 📌SOP 정책이 존재하는 이유 클라이언트(웹 브라우저)는 개발자도구만 열어보아도 어떤 서버에 파일을 요청하는지, script 태그를 통해 코드가 어떻게 짜여있는지..
-
[브라우저] 브라우저의 렌더링 과정브라우저 2024. 1. 26. 16:10
브라우저(Browser) 브라우저란, 인터넷에 접속할 때 사용하는 Crome, Edge, Firefox과 같은 도구 브라우저의 렌더링 과정 1. 서버에 리소스 요청 서버에 html, css, javascript, 이미지 등 렌더링에 필요한 리소스 파일을 요청하여 다운로드 받는다. 2. html과 css를 파싱(parsing)하여 Object Model을 생성 html → DOM(Document Object Model) css → CSSOM(Cascading Style Sheets Object Model) 파싱 과정 바이너리 코드의 형태로 온 서버의 응답을 읽고, meta태그의 charset에 의해 지정된 인코딩 방식을 기준으로 이진수를 문자열로 변환 문자형태의 html을 토큰화(토큰화 알고리즘에 따라 의..