# CSSOM

9개의 포스트
post-thumbnail

02 브라우저 렌더링 101

🛑 해당 포스팅은 패스트캠퍼스 온라인 강의 The RED : 조은의 프론트엔드 실무 가이드 강의 필기 입니다.이 내용들에 대해 이해하고 있어야 SSR과 SPA에 대해 학습하는 것이 비로소 유의미해진다!

6일 전
·
0개의 댓글
post-thumbnail

[CS📖] 브라우저 렌더링

브라우저 렌더링 과정은 웹 개발자라면 필수로 알아둬야하는 개념이다. 이를 확실히 이해해야 렌더링 최적화를 수행하여 개발이 가능하다.HTML, CSS, JavaScript 등 개발자가 작성한 문서들을 브라우저가 화면에 그려주는 동작을 말한다. 각 브라우저는 렌더링을 하기

2021년 8월 22일
·
0개의 댓글
post-thumbnail

브라우저의 렌더링 과정

브라우저의 화면을 띄우기 위해서는 우선적으로 데이터가 필요합니다.이 데이터는 서버 혹은 저장장치에서 byte 즉 8개의 비트단위로 전송됩니다.기본적으로 CPU는 바이트단위로 데이터를 처리하기 때문입니다.그 예로 true와 false 두 값을 가지는 Boolean 데이터

2021년 8월 20일
·
0개의 댓글
post-thumbnail

CSS 객체 모델(CSSOM, CSS Object Model)

Javascript로 CSS를 제어할 수 있는 API 모음이다. DOM과 흡사하지만, HTML이 아닌 CSS를 위한 것이다. 사용자가 CSS를 동적으로 읽거나 수정할 수 있게 해준다.브라우저에서 DOM을 만들게 되면 사용자가 정의한 CSS나 기본 브라우저 CSS를 병합

2021년 7월 24일
·
0개의 댓글
post-thumbnail

JS - Browser rendering process

브라우저는 html, css , JS, img file 등 렌더링에 필요한 리소스를 서버로 요청하고 응답받는다. 브라우저 렌더링 엔진은 서버로 부터 응답된 html, css를 파싱하여 DOM과 CSSOM 생성하고 이들을 결합하여 렌터드리를 생성한다. JS 엔진은 서버로

2021년 7월 13일
·
0개의 댓글
post-thumbnail

브라우저의 렌더링 과정

아래 내용은 학원 수업과 "모던 자바스크립트 Deep Dive : 이웅모 저"를 읽고 정리한 내용입니다. 자바스크립트는 브라우저에서 실행되기 위해서 만들어졌으며 HTML, CSS와 함께 실행된다. 따라서 브라우저가 파일들을 어떻게 화면에 렌더링 하는지를 알아두는 것이

2021년 6월 30일
·
0개의 댓글
post-thumbnail

[모던JS: 브라우저] 문서 Document (1)

본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

2021년 6월 10일
·
0개의 댓글
post-thumbnail

[프론트엔드101 .2] DOM 완전 정복

DOM : Document Object Model  웹페이지를 만들면 HTML 파일을 브라우저에서 읽게 된다. 브라우저는 HTML 파일 내부의 각각의 태그들을 분석하여 Node로 변환한다. 브라우저가 이해할 수 있는 자신만의 오브젝트로 변환하는 것이다. N

2021년 2월 20일
·
0개의 댓글

브라우저 렌더링 과정

브라우저가 HTML,CSS, 자바스크립트로 작성된 텍스트 문서를 어떻게 파싱하여 브라우저에 렌더링을 할까? 일단 파싱이란건 무엇일까? 파싱은 프로그래밍 문법에 맞게 작성된 텍스트 문서를 읽어 들여 실행하기 위해 텍스트 문서의 문자열을 토큰으로 분해 > 토큰은 문법적

2020년 12월 14일
·
0개의 댓글