미새문지

실행 컨텍스트(Execution Context)실행 컨텍스트는 자바스크립트 코드가 실행되는 환경을 정의하는 개념으로, 스크립트나 함수 실행 시 관련 변수, 객체, 함수 등의 정보를 담고 있는 구조이다.자바스크립트의 스코프, 호이스팅, 클로저 등을 이해하는 핵심 개념이기 때문에 중요하다.실행 컨텍스트의 구성 요소변수 객체(Variable Environment)실행 컨텍스트 내에서 선언된 변수, 함수 선언, this 값을 저장하는 공간이며, 변수 선언 및 함수 선언을 위한 호이스팅이 이 단계에서 처리된다.초기화 시점에는 함수 선언만 포함되며, 변수는 undefined로 초기화된다.스코프 체인(Scope Chain)현재 컨텍스트와 부모 컨텍스트를 참조할 수 있는 링크 체인이며, 변수를 검색할 때 가장 먼저 현..

Reflow와 Repaint는 웹 페이지가 렌더링 되는 과정에서 발생하는 중요한 작업들이며, 웹 성능과 사용자 경험에 큰 영향을 미친다.Reflow (Layout)Reflow는 웹 페이지의 레이아웃을 다시 계산하는 과정이며, DOM 구조나 CSS의 스타일이 변경되면 브라우저가 렌더 트리를 생성한 후, 각 요소의 크기와 위치를 계산해야 하는데 그 과정에서 발생한다.발생 상황DOM 요소가 추가, 제거, 혹은 수정될 때요소의 크기나 위치가 변할 때 (예: width, height, margin, padding, border 등)브라우저 창 크기가 변경될 때 (viewport 변경)글꼴이 로드되거나 변경될 때CSS 속성이 변경되어 레이아웃에 영향을 줄 때Reflow의 비용Reflow는 계산량이 많으며, 비용이 ..