게으른 나에게

호이스팅호이스팅(Hoisting)은 JavaScript에서 변수와 함수 선언문이 코드 실행 전에 해당 스코프의 최상단으로 끌어올려지는 것처럼 동작하는 현상을 의미 var 키워드선언 단계가 호이스팅되어 스코프의 최상단으로 이동초기화는 호이스팅되지 않음, 선언 전에 해당 변수에 접근하면 undefined 값을 반환console.log(a); // 출력: undefinedvar a = 5;console.log(a); // 출력: 5→ 코드 내부적 해석var a;console.log(a); // 출력: undefineda = 5;console.log(a); // 출력: 5 let 및 const 키워드호이스팅되지만, 초기화 전에 해당 변수에 접근하면 ReferenceError가 발생이는 “Temporal Dead..

Reflow웹페이지 요소의 크기 또는 위치가 변할 때, 변경된 레이아웃을 다시 계산하여 렌더 트리에 적용하는 과정크기 관련 속성: width, height, padding, margin, border-width위치 관련 속성: position, top, left레이아웃 관련 속성: display, flex폰트 관련 속성: font-size, font-weight리플로우는 보통 CPU를 활용해 연산 Repaint요소의 시각적 표현(색상, 테두리 등)이 변할 때, 변경된 시각적 표현을 다시 계산하여 렌더 트리에 반영하는 과정색상 관련 속성: color, background-color테두리 관련 속성: border-color, border-radius리페인트는 보통 GPU를 활용하여 처리 Reflow VS R..