본문 바로가기
  • David is trying his best.

브라우저2

Polyfill Polyfill 은 최신 웹 기능을 지원하지 않는 구형 브라우저에서도 그 기능을 사용할 수 있게 해주는 JavaScript 코드 또는 플러그인을 의미합니다. 즉, Polyfill 은 최신 기능을 구형 브라우저 환경에 맞춰주는 보완 코드입니다.  Polyfill 이 필요한 이유웹 표준과 JavaScript 는 꾸준히 발전하면서 새로운 기능과 API가 추가되고 있습니다. 예를 들어, 2015년에 JS의 메이저 업데이트로 추가된 ES6 등이 있습니다. 이 중 Promise, fetch, Array.prototype.includes 등은 오래된 브라우저에서는 지원되지 않습니다. 더 정확히 말하면 구형 브라우저의 엔진이 해당 기능을 지원하지 않기 때문에 위와 같은 코드를 만나면 코드가 제대로 실행되지 않거나, 오.. 2024. 10. 1.
웹 페이지 로드 과정 | Google.com 을 입력하면 일어나는 일 - Overview 1. 유저가 사용자 인터페이스에 google.com 이라는 URL을 입력한다.모든 웹사이트 URL은 특정한 IP 주소와 연결되어있다.IP 주소는 DNS에 저장되어 있다.DNS의 주된 목적은 인간 친화적인 탐색을 위한 것이다.2. 브라우저는 입력된 google.com에 해당하는 IP를 찾기위해 DNS 기록에 대한 캐시를 검사한다.캐시는 네트워크 트래픽을 규제하고데이터 전송 시간을 향상시키기 위해 필수적이다.순서: 먼저 브라우저 캐시를 검사한다. - 브라우저는 유저가 방문했던 DNS 기록을 일정시간동안 유지한다.OS 캐시를 검사한다. 브라우저 캐시에 찾고있는 IP가 없으면, 브라우저는 OS에 system call을 날려서 기록을 검사한다. (OS 또한 DNS 기록에 대한 캐시를 유지한다.)라우터 캐시를 검.. 2024. 5. 13.