문미새 개발일지

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

조건문 and, or 혼합a = int(input())if (a % 2 == 1 and a % 3 == 0) or (a % 2 == 0 and a %5 == 0): print("true")else: print("false")연산자 처럼 괄호로 우선순위를 둘 수 있다. 프론트엔드 기술면접 질문 - 3Reflow와 Repaint가 실행되는 시점Reflow와 Repaint는 브라우저가 웹 페이지를 렌더링하는 과정에서 발생하는 중요한 작업이다. Reflow(Layout)Reflow는 브라우저가 DOM(Document Object Model)의 요소들을 다시 계산해 화면에 배치하는 과정이다.레이아웃 계산이라고도 하며 특정 이벤트가 작업이 발생하면 DOM트리의 각 요소에 대해 위치와 크기를 다시 계산한다..