프론트엔드2 웹 성능을 최적화하는 기본적인 방법 브라우저가 는 처음에 HTML을 파싱해서 DOMtree를 만들고, CSS를 파싱해서 CSSOM tree를 만든다. 그리고 DOMtree와 CSSOMtree가 합쳐져서 Render tree를 만든다. 여기서 Rendertree는 DOMtree와 항상 일치하지는 않는다. Rendertree는 시각적 측면에서 화면을 올바른 순서대로 그리는것이 목적이기 때문이다. 예를 들어 display:none의 경우에는 Rendertree에서 제외된다. 이 이후에 레이아웃을 그리는 리플로우와 페인트작업을 하는 리페인트 단계를 거치는데 만약 리플로우나 리페인트를 할 필요가 없다면 이 단계는 넘겨질 수 있다. 따라서 성능면에서 가장 이상적인 것은 두 단계 모두 제외되는것이다. 또한 리플로우는 전체 픽셀을 다시 계산해야 하기때문.. 2023. 4. 7. 웹 접근성과 웹 표준 정리 웹 접근성 : 사용자의 신체적 특징을 고려하여 가능한 많은 사용자가 불편없이 이용할 수 있도록 제공하는것 웹 표준 : HTML 문서 양식을 준수하는 시멘틱마크업 웹표준검사 The W3C Markup Validation Service Markup Validation Service Check the markup (HTML, XHTML, …) of Web documents Validate by URI Validate by File Upload Validate by Direct Input Validate by URI Validate a document online: Address: More Options Character Encoding Only if missing Document Type Only if m.. 2023. 4. 7. 이전 1 다음