Front-end/Web11 SOP란? ■ SOP (Same Origin Policy) 의 개념 한 Origin으로 부터 로드된 Document 또는 Script가 다른 Origin의 리소스와 상호작용 할 수 있는 방법을 제한하는 중요한 보안 메커니즘 Document 내에서 외부 리소스와 상호작용 할때 리소스의 origin이 document의 origin과 다른 경우에 제한을 두는 정책 ■ Origin : Document 의 출신 표시 https://javannspring.tistory.com:443 scheme host port 세가지 모두 같아야 Same Origin으로 본다 출처 : evan-moon.github.io/2020/05/21/about-cors/ CORS는 왜 이렇게 우리를 힘들게 하는걸까? 이번 포스팅에서는 웹 개발자라면 .. 2021. 1. 21. 브라우저 동작 원리(2) 렌더링 엔진 - 웹킷(Webkit), 블링크(Blink), Reflow, Repaint 렌더링 엔진 - 웹킷(Webkit), 블링크(Blink)렌더링 엔진웹 서버에 저장된 내용 정보(HTML, XML)와 서식 정보(CSS, XML) 등을 읽어 들여 사람이 읽을 수 있는 문서로 표시하는, 웹 브라우저의 핵심 기능을 담당하는 부분실행 작업불러오기(Loading)파싱(Parsing)자바스크립트 실행레이아웃(Layout)작업CSS처리그리기이벤트 처리HTML 편집렌더링 엔진 기본 흐름브라우저 엔진은 웹 표준화 기구 W3C(World Wide Web Consortium)에서 정의한 HTML과 CSS 표준 명세에 따라 파일을 해석하고 브라우저에 표시렌더링 엔진이 HTML 문서를 Parsing하고, 내부에서 DOM(Document Object Model) 노드로 변환CSS파일과 스타일 요소를 함께 Par.. 2019. 3. 25. 브라우저 동작 원리(1) 자바스크립트 엔진, V8 엔진이란 자바스크립트 엔진?javascript로 작성된 코드를 해석하고 실행하는 인터프리터(프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경)js엔진은 브라우저 벤더별로 다양하다. Mozilla의 Monkey시리즈, 자바의 바이트코드로 컴파일해주는 라이노(Rhino), 구글 크롬의 V8, Safari의 JavascriptCore, Explorer의 차크라(Chakra) 등이 있음V8 엔진이란?구글이 개발한 자바스크립트 엔진 (Open Source)C++로 제작자바스크립트의 수행 속도 개선을 목표로 처음 고안됨클라이언트 쪽(구글 크롬)과 서버 쪽(node.js 런타임)에서 사용인터프리터를 이용하는 대신 JavaScript 코드를 좀 더 효율적인 기계어 코드로 번역쓰레드를 사용메인 쓰레드 코드를.. 2019. 3. 22. 브라우저 현황 (Edge, Chrome, FF, Whale 등) 브라우저 10년 전까지 윈도우 프로그램의 대중화에 힘입어 IE가 웹브라우저 전체 사용률의 95%를 차지함2010년을 기점으로 크롬이 급성장함국내에서는 ActiveX지원, 인터넷 뱅킹 등의 이유로 대다수가 IE 사용IE는 windows에서만 사용, 속도 느림, 웹 표준(www을 구현하기 위해 따라야 할 HTML, Javascript 등과 같은 웹 콘텐츠 접근성 지침)이 맞지 않는다는 단점 있음Digital Twin은 공공기관 납품으로 IE를 기준으로 개발함브라우저 특징크롬2008년 출시다양한 운영체제에서 사용 가능높은 웹 표준 지원빠른 로딩 및 충돌이 적다는 장점 있음메모리와 배터리 소모 관련 이슈가 있었음엣지MS(마이크로소프트)에서 IE의 단점을 개선하기 위해 윈도우 10 부터 출시속도가 빠르고 웹 표준.. 2019. 3. 13. 이전 1 2 3 다음
