[Web] CSR vs SSR vs SSG vs ISR 각 렌더링 방식 쉽게 알아보기

• 웹 렌더링 방식에는 클라이언트 사이드 렌더링(CSR), 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 증분 정적 재생성(ISR) 등이 있으며, 각각의 장단점이 있어 웹사이트의 목적과 사용자의 요구에 따라 적합한 방식을 선택해야 한다.

• CSR은 웹 브라우저에서 JavaScript를 사용하여 웹페이지를 렌더링하는 방식으로, 빠른 인터랙션 제공과 서버 부하 감소의 장점이 있지만, 초기 로딩 속도가 느리고 SEO에 취약한 단점이 있다.

• 웹사이트 렌더링 방식에는 클라이언트 사이드 렌더링(CSR), 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 증분 정적 재생성(ISR) 등이 있으며, 각각의 방식은 사용자의 요구와 웹사이트의 특성에 따라 적합한 상황이 다르다.

• CSR은 사용자의 입력에 따라 화면이 동적으로 변하는 경우에 적합하며, SSR은 실시간으로 변경되는 데이터를 다루는 웹사이트에 적합하다. SSG는 내용이 자주 변경되지 않는 웹사이트에 적합하며, ISR은 빌드 시점에 페이지를 미리 생성하면서도 특정 시간 간격으로 페이지를 재생성하여 업데이트된 데이터를 반영할 수 있다.