일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- ES5
- 개정판
- js
- 자바스크립트문법
- 도서
- 리팩터링
- TypeScript
- 렌더링
- 엘리
- type
- 리액트
- 2판
- 개발자
- 마틴파울러
- React
- 리뷰
- 책
- rendering
- syntax
- 자료구조
- refactoring
- 자바스크립트
- basic
- 리팩토링
- javascript
- 타입
- 브라우저
- 클린코드
- 기본
- 문법
- Today
- Total
목록Browser (3)
Santos의 개발블로그
* 이 글은 Inside look at modern web browser을 참고해 정리한 글입니다. 최신 웹브라우저 들여다보기 (2부) | Blog | Chrome for Developers 브라우저에서 탐색 요청을 처리하는 방법을 알아봅니다. developer.chrome.com 1. 핵심 컴퓨팅 용어와 크롬의 다중 프로세스 아키텍처 2. 웹 사이트를 표시하기 위해 각 Process와 Thread가 통신하는 방법 3. renderer process 내부에서 발생하는 일 4. Chrome의 내부 동작 총 4부작으로 구성된 글 중 이번 글은 2번째 웹 사이트를 표시하기 위해 각 Process와 Thread가 통신하는 방법이다. 바로 알아보자. 1. Browser Process 1부에서 이야기했듯이 탭 외부..
* 이 글은 Inside look at modern web browser을 참고해 정리한 글입니다. Inside look at modern web browser (part 1) - Chrome for Developers Learn how browser turn your code into functional website from high-level architecture to the specifics of the rendering pipeline. developer.chrome.com 한 때 면접준비를 할 때 항상 받았던 질문들이 기억이 나곤한다. 그 때 당시에는 달달 외워 급하게 시험을 치르듯 겉만 핧기 형식으로 공부를 했어서 면접관이 꼬리를 한 번 물면 그냥 물릴 수 밖에 없었던... 그런 슬픈 기억..
DOM: 프로그래밍 언어가 웹사이트의 내용, 구조 그리고 스타일을 조작 수 있게 만들어주는 인터페이스 javaScript: 인터넷 브라우저 상의 DOM과 연결해주는 클라이언트 사이드 스크립팅 언어 조금 더 깊숙하게 DOM에 대해서 알아보자. DOM DOM에 대해서 알아보기 전에 DOM을 다루는 브라우저에 대해 잠시 짚고 넘어가자. 브라우저(browser): HTML과 CSS를 해석하는 프로그램이기 때문에 내용(contents), 스타일(style), 구조(structure)를 우리가 보는 페이지에 렌더링 하는 역할 브라우저는 서버로부터 파일(HTML, CSS, JavaScript, 이미지 파일 등)을 응답받아 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱되어 DOM, CSSOM 트리로 변환되고,..