개인 포트폴리오를 준비하면서 React로 만들지 HTML, CSS, JS로 만들지 고민하던 때가 있었다. 그 당시에는 React로 서비스를 구현하면 '초기 렌더링 속도가 느리다'라고 가볍게 알고 넘어갔었는데, 웹과 관련해서 일하고자 한다면 꼭 알아야하는 지식이라고 한다. 그래서 SSR과 CSR의 차이점과 장단점을 정리해보았다. 렌더링(Rendering) 렌더링이란 브라우저가 동작되어 우리에게 정보를 보여줄 때, 서버로부터 HTML 파일을 받아 화면에 뿌려주는 과정이다. 서버로부터 HTML 파일을 받으면 렌더링 엔진은 HTML 문서를 파싱해서 DOM 트리를 구성하고, CSS 파일을 파싱하여 CSSOM 트리를 만든다. 일반적으로 렌더링 엔진이 다루는 언어는 HTML, CSS, JavaScript이다. 이 세..
