헤드리스 CMS & 모던 웹 아키텍처 용어 사전

카테고리별 탐색

용어 찾아보기 (29)

Builder.io

Figma 디자인을 코드로 변환하거나 기존 프론트엔드 컴포넌트를 드래그앤드롭 캔버스로 매핑하는 비주얼 헤드리스 플랫폼.

CDN 에지 배포

Edge Deployment

전 세계 분산 CDN 노드에 정적 자산과 서버리스 함수를 배치해 사용자와 가장 가까운 위치에서 응답

Ghost

Ghost CMS

순수 테크 퍼블리싱과 유료 뉴스레터 멤버십 구독에 특화된 초경량 독립형 CMS.

ISR (증분 정적 재생성)

Incremental Static Regeneration

전체 사이트를 다시 빌드하지 않고 백그라운드에서 특정 정적 페이지만 주기적으로 재생성하는 기법

SSG (정적 사이트 생성)

Static Site Generation

빌드 타임에 모든 페이지의 HTML CSS JS를 미리 렌더링해 정적 파일로 생성하는 방식

SSR (서버 사이드 렌더링)

Server-Side Rendering

요청이 들어올 때마다 서버에서 동적으로 HTML을 실시간 생성하여 브라우저에 전달하는 방식

Storyblok

비주얼 에디터와 컴포넌트 기반 블록 구조를 결합한 SaaS 헤드리스 CMS.

고스트 CMS

Ghost CMS (Headless Mode)

Node.js 기반 고성능 퍼블리싱 플랫폼으로 자체 Content API를 통해 완전한 헤드리스 운용 가능

구조화 데이터 자동 주입

Automated JSON-LD Injection

CMS 본문 및 메타 필드를 빌드 시점에 Schema.org JSON-LD 스크립트로 자동 컴파일 주입하는 기법

넥스트제이에스

Next.js

React 기반 풀스택 프레임워크로 SSG SSR ISR RSC를 모두 지원

디커플드 아키텍처

Decoupled Architecture

백엔드와 프론트엔드가 독립된 레이어로 분리되어 API로만 통신하는 소프트웨어 구조

리액트 서버 컴포넌트

React Server Components (RSC)

브라우저로 JS 번들을 보내지 않고 서버에서만 실행되어 순수 HTML 스트림으로 렌더링되는 컴포넌트

비주얼 헤드리스 CMS

Visual Headless CMS

헤드리스 백엔드의 API 유연성과 보안성을 유지하면서, 마케터가 브라우저 캔버스에서 드래그앤드롭으로 화면 UI를 직접 조립 및 시각적으로 편집할 수 있는 차세대 CMS 아키텍처.

새니티

Sanity.io

실시간 협업을 지원하는 React 기반 스튜디오(Sanity Studio)와 콘텐츠를 지식 그래프로 다루는 Content Lake 구조의 모던 헤드리스 CMS.

스트라피

Strapi Headless CMS

오픈소스 Node.js 기반 헤드리스 CMS로 완전한 커스텀 콘텐츠 타입 빌더와 API 제공

아스트로

Astro Framework

콘텐츠 중심 사이트를 위한 프레임워크로 기본 제로 자바스크립트(Zero-JS) 렌더링 지향

아일랜드 아키텍처

Islands Architecture

정적 HTML 내에서 상호작용이 필요한 영역만 독립된 대화형 컴포넌트로 격리 렌더링하는 기법

워드프레스 (헤드리스 모드)

Headless WordPress

워드프레스 코어를 오직 DB 및 구텐베르크 저작 에디터로만 사용하고 프론트엔드는 Astro나 Next.js로 분리 구축하는 아키텍처.

웹플로우

Webflow

비주얼 캔버스에서 디자인과 동시에 실제 프로덕션 코드를 생성하는 노코드형 CMS 겸 호스팅 플랫폼.

웹훅

Webhook

CMS에서 글 작성/수정/삭제 이벤트 발생 시 호스팅 플랫폼에 빌드 및 배포를 자동 트리거하는 메커니즘

잼스택

JavaScript APIs and Markup

클라이언트 JS와 재사용 API 및 사전 빌드된 마크업으로 웹을 구성하는 아키텍처

콘텐츠 API

Content API (REST / GraphQL)

헤드리스 CMS 저장소에서 프론트엔드로 콘텐츠 데이터를 JSON 규격으로 전송하는 인터페이스

콘텐츠풀

Contentful

엔터프라이즈급 API-First 클라우드 헤드리스 CMS. 콘텐츠 모델을 JSON 구조로 정의하고 전 세계 멀티 CDN과 GraphQL API를 통해 콘텐츠를 제공.

콘텐트풀

Contentful

엔터프라이즈급 API 퍼스트 클라우드 컴포저블 콘텐츠 플랫폼

페이로드 CMS

Payload CMS

Node.js 및 Next.js 네이티브 기반의 오픈소스 코드 중심(Code-first) TypeScript 헤드리스 CMS로 사내 DB에 셀프 호스팅 가능.

프론트엔드 캐시 무효화

Cache Invalidation

CMS에서 콘텐츠가 수정되었을 때 CDN 및 브라우저의 이전 정적 캐시를 즉각 파기하는 작업

하이드레이션

Hydration

서버에서 전달된 정적 HTML에 클라이언트 JS가 이벤트 리스너를 결합해 대화형 UI로 활성화하는 과정

헤드리스 CMS

Headless Content Management System

콘텐츠 관리 백엔드와 프론트엔드 UI를 분리하고 API를 통해 콘텐츠를 서빙하는 아키텍처

휴고

Hugo SSG

Go 언어로 작성되어 수만 페이지를 수 초 만에 빌드하는 초고속 정적 사이트 생성기