컴퓨터 기술 용어의 이해
blog Technology

컴퓨터 기술 용어의 이해

CSR, SSR, SSG, CMS 등 컴퓨터 및 웹 개발 분야에서 자주 쓰이는 주요 약어 용어를 정리한 레퍼런스 리스트입니다.


【웹 기술 용어】


약어로 인해 혼동하기 쉬운 용어들을 정리했습니다.

용어

개요

CSR
(Client Side Rendering)

JavaScript를 사용하여 사용자의 브라우저(클라이언트) 측에서 HTML을 생성하고 렌더링하는 방식입니다.

SPA
(Single Page Application)

페이지 전환 없이 JavaScript를 사용하여 페이지 내에서 콘텐츠를 동적으로 업데이트하는 방식입니다. 본질적으로 CSR과 동일합니다.

SSR
(Server Side Rendering)

HTML을 서버 측에서 동적으로 생성하여 클라이언트가 이를 정적 페이지처럼 처리할 수 있도록 하는 방식입니다. 이로 인해 헤더 정보와 같은 불필요한 데이터 전송이 늘어나지만 렌더링 속도가 빠릅니다. 페이지 수가 많아지는 경향이 있지만 내부 링크 증가로 인해 SEO에 유리합니다.

ISR
(Incremental Static Regeneration)

주기적인 업데이트가 필요한 페이지에 유용하며 흔히 SSR과 함께 쓰입니다. 업데이트된 페이지를 설정된 주기에 따라 서버 측에서 생성하고, 정적 페이지로 접근합니다.

SSG 또는 SG
(Static Site Generation)

페이지 업데이트 없이 미리 렌더링된 정적 페이지를 직접 제공하는 방식입니다. 서버 및 클라이언트 부하가 매우 적습니다.

CMS(Content Management System)

워드프레스 같은 플랫폼을 CMS라고 부릅니다. 페이지를 수동으로 작성하는 대신, 이 시스템을 통해 콘텐츠(글)만 작성하면 페이지가 자동으로 생성되고 게시됩니다. 이를 통해 저자는 작성에만 집중할 수 있고 페이지 관리가 쉬워집니다. 엄밀히 말하면 CMS는 다음 세 가지 기능으로 구성됩니다.

  1. 초안을 페이지 레이아웃 형태로 배치하는 페이지 레이아웃 관리 기능
  2. 글을 등록, 삭제, 관리하는 콘텐츠 관리 기능
  3. 실제 글 데이터를 저장하는 데이터베이스 (MySQL, PostgreSQL 등 RDBMS)

관리 편의성을 위해 기능 (b)만 분리해 낸 형태를 헤드리스(headless) CMS라고 합니다.

* 헤드리스 CMS를 활용하면 워드프레스 같은 블로그뿐만 아니라 사내 시스템에도 CMS를 도입할 수 있어 개발 및 유지보수 비용을 절감할 수 있습니다.