랜더링
랜더링은 요청을 받은 웹 페이지의 내용을 화면에 그려주는것이다. 어느쪽에서 리소스를 해석, 그려주냐에 따라 서버사이드, 싱글사이드(클라이언트 사이드)로 나눌수 있다.
서버사이드랜더링
기장 보편적인 랜더링 방식이며, 사용자가 웹 페이지에 접속하면 서버에게 해당 페이지를 요청하고
서버는 HTML과 같은 리소스를 해석후 랜더링하여 사용자에게 제공한다.
서버사이드 랜더링은 요청시 마다 새로고침이 발생하며 새로운 페이지를 서버에 매번 요청한다.
상글사이드랜더링
매번 서버에게 해당 페이지를 요청하는 것이 아니라 최초에 페이지를 서버에게 요청을 받아 불러온이후에는 요청시마다 특정 데이터만 맞게 변경하여 사용하는 웹 애플리케이션 방식이다. 데이터변경에 대해서는 클라이언트,사용자 측의 스크립트를 이용하여 랜더링 하기 때문에 클라이언트 사이드 랜더링이라고도 한다.
이 방식은 가장 보편적인 서버사이드랜더링 방식과 다르게 요청마다 새로고침이 발생하지 않기 때문에 서버측의 트래픽을 감소시키며, 사용자 입장에서도 보다 나은 환경을 제공받는다. 서버의 역할은 단순히 스크립트에 이용한 데이터만 응답해주고 페이지를 그리는 역할은 클라이언트가 스크립트를 통해 수행한다.
서버사이드 vs 싱글사이드
속도
서버사이드의 경우 서버에서 뷰를 랜더링하여 가져오므로 첫 로딩 속도가 상대적으로 빠르며,
싱글사이드의 경우 상대적으로 첫 로딩 속도는 다소 걸리나, 이후에는 서버로부터 페이지를 다시 요청하지 않기 때문에 더 빠른 인터렉션을 기대할 수 있다.
보안
서버사이드의 경우 주로 세션으로 사용자 정보를 관리하며,
싱글사이드의 경우 주로 쿠키를 통해 사용자 정보를 관리한다.
검색엔진
싱글사이드의 경우 대부분 웹 크롤러,봇들이 자바스크립트 파일을 실행시키지 못하기 때문에 HTML에서만 콘텐츠를 수집하고 랜더링되는 페이지를 빈페이지로 인식하게 된다.
숲을보는 개발자