프론트엔드로 가는 길/프론트 용어 꼬리 물기6 브라우저의 렌더링 과정 Q1. 브라우저의 렌더링 과정은 어떻게 될까요? A. 우선 html와 css를 각각 파싱한 tree를 만든다. 두개의 tree를 결합해 rendering tree를 만들게 된다. 만들어진 rendering tree에서 각 노드의 크기와 위치를 계산하고 계산한 값을 토대로 각 노드를 화면 상의 픽셀로 변환하고 레이어를 만든다. 만들어진 레이어를 합쳐 화면에 보여주게 된다. 답변에 대한 평가 : 70점 평가 이유 : 대체로 브라우저의 렌더링 과정에 대한 개념을 이해하고 있습니다. 하지만, 렌더링 트리를 만들기 위해 DOM과 CSSOM을 파싱하고 결합하는 과정에 대해서 더 자세히 이해할 필요가 있습니다. 또한, 렌더링 트리의 노드 크기와 위치를 계산하기 위해 사용되는 알고리즘에 대해서도 알아볼 필요가 있습니다.. 2023. 8. 23. 브라우저의 기본 구조 Q1. 브라우저의 기본 구조를 프론트엔드 개발자가 알아야하는 이유에 대해 설명해주세요. A. 병원에 가면 의사도 진료하기 위해 사람의 몸을 잘 알아야합니다. 그런 것 처럼 소프트웨어를 다루는 개발자로서 가장 기본적인 브라우저의 몸을 알아야합니다. 프로그래밍을 하면서 생기는 오류도 기본적 구조를 알아야 무엇이 잘못된 것인지 파악할 수 있습니다. 답변에 대한 평가 : 70점 평가 이유 : 브라우저의 기본 구조를 알아야 하는 이유를 제시했습니다. 하지만, 브라우저의 구조에 대한 구체적인 설명이 빠져있습니다. 브라우저 엔진과 렌더링 과정에 대한 이해를 더 갖는 것이 도움이 될 것입니다. - 검색 키워드 : Browser engine, Rendering process 꼬리질문 : 브라우저의 기본 구조에는 어떤 주.. 2023. 8. 22. 이전 1 2 다음
