안녕하세요.오늘은 웹 브라우저의 렌더링 과정에 대해 알아보도록 하겠습니다. 들어가며많은 이용자들은 웹에서 정보를 확인함에 있어 즉각적으로 확인하기를 기대하는 추세입니다. 즉, 조금이라도 늦게 된다면  웹 페이지의 사용자들은 기다려주지 않고 이탈이 빠르게 일어난다는 얘기이기도 합니다. 그런면에서 웹 브라우저에서의 렌더링 과정은 아름다운 이미지, 선명한 텍스트, 상호 작용 가능한 요소들이 완벽하게 배치시키고 빠르고 매끄럽게 표시하는데 있어 중요한 역할을 합니다. HTML과 CSS를 파싱하여 마지막 픽셀을 화면에 표시하기까지 어떠한 과정이 있을까요? 하나씩 알아보록 하겠습니다. 첫번째: HTML 및 CSS 파싱렌더링 과정의 첫 단계는 파싱입니다. 사용자가 웹 페이지를 요청하면 브라우저는 해당 페이지와 관련된 ..

안녕하세요.오늘은 SSR(Server Side Rendering)과 CSR(Client Side Rendering)에 대해 알아보도록 하겠습니다. 들어가며웹 개발을 하면서 자주 언급되는 두 용어는 SSR(Server Side Rendering)과 CSR(Client Side Rendering)입니다. 두 기술 모두 웹 페이지를 사용자에게 렌더링 하여 보이는 데 사용되는 기술이지만 방식이 다릅니다. 방식마다 고유한 장점과 그에 따른 단점을 가지고 있어 Frontend 개발자들은 애플리케이션 최적화에 있어 제일 먼저 고려할 사항 중 하나입니다. 이 글에서는 SSR과 CSR의 작동방식, 장단점을 비교하며 내용을 살펴보도록 하겠습니다.SSR과 CSR 이해하기구체적인 내용에 대해 파헤치기 전에 SSR과 CSR에 ..