렌더링 원리/SPA 와 SSR

렌더링 시리즈 3 - SPA & SSR

지난 시간에는 리액트의 렌더링 원리에 대해 알아보았습니다. Single Page Application(SPA) 리액트는 Single Page Application(SPA)를 만들기 위한 라이브러리로써, 초기 페이지 요청시 빈 형태의 HTML 문서를 받아 렌더링하고, 브라우저 돔의 업데이트를 가상 돔 형태로 관리하며 변경 요소를 한번에 모아 대부분의 상황에서 성능이 좋은 UI 업데이트를 보장합니다. 이러한 리액트의 동작은 클라이언트 사이드에서 이뤄지는데요, 따라서 클라이언트 사이드 렌더링 방식을 취하고 있다고 할 수 있습니다. 그렇다면 클라이언트 사이드 렌더링(CSR)이란 무엇일까요? 클라이언트 사이드 렌더링 (CSR) 이란 Javascript를 이용하여 브라우저 DOM을 수정, 조작하는 형태의 렌더링 방..

JakeTheMaverick