컴퓨터 기술 용어의 이해
CSR, SSR, SSG, CMS 등 컴퓨터 및 웹 개발 분야에서 자주 쓰이는 주요 약어 용어를 정리한 레퍼런스 리스트입니다.
【웹 기술 용어】
약어로 인해 혼동하기 쉬운 용어들을 정리했습니다.
용어 | 개요 |
CSR | JavaScript를 사용하여 사용자의 브라우저(클라이언트) 측에서 HTML을 생성하고 렌더링하는 방식입니다. |
SPA | 페이지 전환 없이 JavaScript를 사용하여 페이지 내에서 콘텐츠를 동적으로 업데이트하는 방식입니다. 본질적으로 CSR과 동일합니다. |
SSR | HTML을 서버 측에서 동적으로 생성하여 클라이언트가 이를 정적 페이지처럼 처리할 수 있도록 하는 방식입니다. 이로 인해 헤더 정보와 같은 불필요한 데이터 전송이 늘어나지만 렌더링 속도가 빠릅니다. 페이지 수가 많아지는 경향이 있지만 내부 링크 증가로 인해 SEO에 유리합니다. |
ISR | 주기적인 업데이트가 필요한 페이지에 유용하며 흔히 SSR과 함께 쓰입니다. 업데이트된 페이지를 설정된 주기에 따라 서버 측에서 생성하고, 정적 페이지로 접근합니다. |
SSG 또는 SG | 페이지 업데이트 없이 미리 렌더링된 정적 페이지를 직접 제공하는 방식입니다. 서버 및 클라이언트 부하가 매우 적습니다. |
CMS(Content Management System) | 워드프레스 같은 플랫폼을 CMS라고 부릅니다. 페이지를 수동으로 작성하는 대신, 이 시스템을 통해 콘텐츠(글)만 작성하면 페이지가 자동으로 생성되고 게시됩니다. 이를 통해 저자는 작성에만 집중할 수 있고 페이지 관리가 쉬워집니다. 엄밀히 말하면 CMS는 다음 세 가지 기능으로 구성됩니다.
관리 편의성을 위해 기능 (b)만 분리해 낸 형태를 헤드리스(headless) CMS라고 합니다. |
* 헤드리스 CMS를 활용하면 워드프레스 같은 블로그뿐만 아니라 사내 시스템에도 CMS를 도입할 수 있어 개발 및 유지보수 비용을 절감할 수 있습니다.