[job preparation] 기술 면접5 - 브라우저 렌더링 방식에 대해 설명하세요.

 

📌기술 면접 tip!

 

 

결론은 간단하게, 설명은 구체적으로 자신의 언어로 설명할 수 있어야 함
간명한 정리와 풍부한 설명을 위해서는 지속적인 모의 면접을 통해 기술 설명을 연습하고,
어려운 개념에 대해서 깊게 고민하고 블로그에 기록하는 연습이 필요

 

 

 

기술 면접 준비

 

🧐 브라우저 렌더링 방식에 대해 설명하세요.

 

👨🏻‍💼 렌더링이란 서버로부터 HTML 파일을 받아 브라우저에 뿌려주는 과정입니다. 브라우저는 4단계로 렌더링을 수행하는데요, 브라우저가 서버에 요청하면 html,css 트리 생성 후 렌더링 트리에서 각 노드의 크기와 위치의 계산후 개별 노드를 화면에 그립니다.이 때 렌더링 방식은 두가지가 있는데 서버쪽에서 렌더링 준비를 하고 클라이언트에게 전달하는 서버 사이드 렌더링과 서버가 요청을 받으면 클라이언트쪽에서 렌더링을 준비하는 클라이언트 사이드 렌더링 방식이 있습니다.

 

 

🧐  [꼬리질문] SSR과 CSR의 장단점에 대해 설명해 주세요.

 

CSR은 사용자에게 빠른 인터렉션을 구현 할 수 있지만 첫 페이지 로딩 속도가 CSR보다 다소 느립니다.

SSR은 첫 페이지 로딩 속도가 CSR보다 더 빠르지만, 페이지 이동 시 속도는 다소 느립니다.