WEB (2) 썸네일형 리스트형 브라우저 렌더링 과정 브라우저 렌더링 과정 📄 오늘은 브라우저 렌더링 과정 내용에 대해서 얕게 알고 있는거 같아서 좀 더 깊게 정리해 보고자 합니다 ! 기존에 알던 얕은 지식 1. url를 입력해서 서버에 요청을 보내면 서버에서 응답으로 그에 해당하는 파일 을 받는다. 2. 그 후 html을 응답으로 받으면 html을 파싱 하면서 DOM 트리를 만들고 , css를 파싱해서 CSSOM트리를 만든다. 3. DOM 트리랑 CSSOM트리를 합쳐서 render트리를 만든다. 4. render트리는 만들 어진 이후 레이아웃을 계산해서 flow를 만들고 , paing하는 과정을 거친다. 이 정도로만 알고 있었는데 , 각 과정을 좀더 세밀하게 알아보고자 합니다. 1. 서버에 요청 응답 url을 통해서 서버에 자원을 요청 하면 그에 따른 응.. HTTP (Cross-Origin Resource Sharing) CORS (교차 출처 리소스 공유) 🎆 MDN 정의 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다. 웹 애플리케이션은 리소스가 자신의 출처(도메인, 프로토콜, 포트)와 다를 때 교차 출처 HTTP 요청을 실행합니다. 음.. 쉽게 생각했을 때 그냥 주소가 다른 서버에서 요청이 왔을 때 무조건 다 허용을 해주면 안되니까 내가 허락한 도메인만 내 자원을 가져 갈 수 있도록 설정해 주는 역할이라고 생각하면 편할 거 같다 ! cors는 브라우저에서 임의로 설정하는 것 이지 브라우저를 통하지 않고 보내면 요청.. 이전 1 다음
