# browser
Passive Event Listeners
Passive Event Listeners 란 DOM Spec 의 기능입니다. 핵심을 간단하게 말하자면, touch, wheel 등 일부 이벤트에서 동작을 최적화하여 스크롤 성능을 대폭 향상시킬 수 있는 웹 표준 기능입니다.
Browser’s Rendering process
Rendering? HTML, CSS, Javascript를 브라우저가 화면에 그려주는 동작 브라우저의 렌더랑 과정 HTML 파일과 CSS 파일을 파싱해서 각각 Tree를 만든다. (Parsing) 브라우저가 페이지를 렌더링하려면 가장 먼저 받아온 HTML 파일을 해석해야한다. Parsing 단계는 HTML 파일을 해석하여 DOM(Document Obje...
[Browser] 모던 웹 브라우저 들여다보기 (part1)
출처 https://developer.chrome.com/blog/inside-browser-part1/ 위 출처의 내용을 번역본 입니다. 자세한 내용은 원문을 참고해주세요. CPU, GPU, Memory 및 Multi Process 아키텍처 앞으로 이어질 4부작

[ Browser ] 렌더링 절차
브라우저는 어떻게 서버로부터 요청한 html파일을 받아와서 사용자의 화면에 렌더링해줄 수 있는 걸까요?그 절차를 알아보도록 합시다.브라우저의 핵심기능은 익히 알다시피, 서버에 웹페이지를 요청하고 응답을 받아 브라우저에 렌더링하는 것입니다.확장자가 .html인 파일을 r
CORS
Cross-Origin Resource Sharing 교차 출처 리소스 공유라는 뜻을 갖고 있다 프론트엔드 개발자라면 필연적으로 마주하게 되고 경험이 없을 때에는 참 많이 당황시키는 오류 중에 하나다 이쪽도 대략적으로 알고 있기 때문에 더 공부해보고자 하는 마음을 접었
브라우저 저장소 (Cookie, WebStorage,Indexed DB)
클라이언트 단에 데이터를 저장해 두는 기술은 매우 다양하다.어떤 브라우저가 얼마나 웹 데이터 저장소를 할당할지, 용량이 다 찼을 때 무엇을 지울지에 따라 그 과정이 심플하진 않다. 브라우저의 데이터 storage를 사용할 수 있도록 지원하는 기술엔 IndexedDB A

Safari(사파리) 에서 폰트가 이상하게 보일경우 해결법 / CSS font-family 속성 총정리
아래의 두 스크린샷 중 첫번째는 Safari, 두번째는 Chrome 의 화면입니다. 이걸 보고 사파리가 이상하다, 표준을 안 지킨다고 생각들 수도 있는데요, 사실은 Safari 에서는 전혀 오류가 없습니다. 결론부터 말씀드리자면 웹사이트 개발자의 부주의로 웹브
해상도 대응
PC 풀페이지 작업 시 최소 높이는 700px 정도로 가져가야 안전https://gs.statcounter.com/screen-resolution-stats/desktop/worldwide

브라우저
인터넷에 접속하기 위해 사용하는 소프트웨어이다.우리는 크롬, 파이어폭스, 사파리, 엣지 등등 여러 브라우저를 알고 있지만 브라우저마다 다른 방식으로 데이터를 해석하기 때문에 여러가지가 있다 하지만 브라우저간의 일관성을 만드는 것이 웹 표준이고 개발자 또한 웹표준을 지켜

TIL #5 🥳
This post is composed with I want to share among the contents that I study every day. New posts will be uploaded every day:)

Document
호스트(host)자바스크립트가 돌아가는 플랫폼호스트 환경(host environment)각 플랫폼은 특정 기능(객체와 함수)을 제공= 전역 객체= 브라우저 창(browser window)= 페이지의 기본 '진입점'HTML/XML 문서는 브라우저 안에서 DOM tree로

BROWSER
브라우저의 핵심 기능은 필요한 리소스 등의 정적 파일 또는 서버가 동적으로 생성한 데이터를 서버에 요청하고 서버로부터 응답 받아 브라우저에 시각적으로 렌더링 하는것 이다.