영원히 끝나지 않을 것만 같던 미니 프로젝트가 끝난 후의 다음 날은 평화롭고도 의외로 담담하다. 일단 오늘은 달콤한 휴식을 조금 즐기며 다가올 추석연휴와 내가 선택한 주특기인 React 강의를 준비하는 시간을 가져보기로 한다. 또한 미니 프로젝트를 진행하며 접하게 된 용어에 대해 더 알아보고자 한다.
서버 사이드 렌더링 (SSR)
서버 사이드 렌더링이란 서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법으로서, 크게 "검색 엔진 최적화"와 "빠른 페이지 렌더링"의 목적을 위해 사용함. 검색 엔진 최적화란 구글, 네이버와 같은 검색 사이트에서 검색했을 때 결과가 사용자에게 많이 노출될 수 있도록 최적화 하는 기법임. 특히, SNS에서 링크를 공유했을 때 해당 웹 사이트의 정보를 이미지와 설명으로 표시해주는 OG(Open Graph) Tag를 페이지별로 적용하기 위해서는 서버 사이드 렌더링이 효율적임.
또한, 서버 사이드 렌더링은 빈 HTML 페이지를 받아 브라우저에서 그리는 클라이언트 사이드 렌더링과 다르게 서버에서 미리 그려서 브라우저로 보내주기 때문에 사용자 입장에서는 화면에 유의미한 정보가 표시되는 시간이 빨라짐.
개발하는 디자이너입니다.