| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- JavaScript
- type
- 리액트 라우터
- react router
- 호이스팅
- scope chain
- lexical environment
- 자바스크립트
- function 표현식
- hoisting
- This
- function 문
- variable object
- Execution Context
- 실행컨텍스트
- react-router
- vs code
- 함수
- function
- 화살표 함수
- 객체
- 정적스코프
- activation object
- 함수 표현식
- webstorm
- lexical scope
- Arrow function
- BIND
- happy hacking
- moment.js
- Today
- Total
목록Front end/Browser (2)
Pandaman Blog
웹 성능측정 방법
목표 이번 글에서는 WebPageTest로 웹 페이지를 진단하는 방법에 대해 알아보자. WebPageTest란? WebPageTest - Website Performance and Optimization Test Select Test Location Virginia - EC2Salt Lake City, Utah - GCECalifornia - EC2Toronto, Canada - EC2Sao Paulo, Brazil - EC2Ireland - EC2London, UK - EC2Paris - EC2Amsterdam, NL - GCEFrankfurt, Germany - EC2Milan, Italy - EC2Stockholm, Sweden - EC2Cape Town, www.webpagetest.org Web..
브라우저의 Reflow 와 Repaint
목차 1. 브라우저의 구조 2. 브라우저의 동작 방식 3. Reflow란? 4. Repaint란? 5. 브라우저의 성능을 개선시키기 위한 방법 6. Virtual DOM 우리는 reflow와 repaint개념에 대해 알기 전에 브라우저의 구성요소와 동작 방식을 이해해야 한다. 브라우저의 구조 아래는 브라우저의 구조를 시각적으로 나타낸 이미지이다. User Interface는 브라우저의 주소창, 뒤로 가기, 즐겨찾기 등 웹페이지를 조작할 수 있는 인터페이스이다. Browser Engine은 User Interface와 Rendering Engine 사이의 동작을 제어한다고 한다. Rendering Engine은 여기서 가장 중요하게 생각하는 부분이다. 브라우저에서 보이는 화면을 표시하도록 하는 엔진이다. ..