MKTGLab

검색어를 입력하면 실시간으로 용어와 글을 찾습니다.

헤드리스 CMS & 모던 웹 아키텍처

(25개 항목)

헤드리스 CMS & 모던 웹 아키텍처 관련 핵심 개념 및 실무 구현 가이드 모음입니다.

  • Astro(아스트로)

    콘텐츠 중심 웹사이트에 최적화된 모던 정적 웹 프레임워크로, 기본적으로 자바스크립트를 전송하지 않는 제로 JS(Zero-JS)와 아일랜드 아키텍처를 기반으로 최상의 페이지 로딩 속도를 구현하는 기술

  • Hugo(휴고)

    Go 언어로 작성된 초고속 오픈소스 정적 사이트 생성기(SSG)로, 수만 페이지의 대규모 콘텐츠도 수 초 이내에 정적 HTML 파일로 컴파일하는 극한의 빌드 성능을 제공하는 도구

  • Go (Golang)(고 언어)

    구글이 개발한 정적 타입 컴파일 프로그래밍 언어로, 고성능 동시성 처리(Goroutine)와 경량 메모리 풋프린트를 통해 초고속 서버 및 빌드 엔진을 구축할 수 있는 현대적 언어

  • TypeScript(타입스크립트)

    자바스크립트에 엄격한 정적 타입 시스템과 최신 ECMAScript 기능을 추가하여 런타임 에러를 컴파일 단계에서 방지하는 오픈소스 프로그래밍 언어

  • Islands Architecture(아일랜드 아키텍처)

    정적 HTML 기반 페이지 내에서 상호작용이 필요한 독립적인 UI 컴포넌트(아일랜드)만 선별적으로 분리하여 클라이언트 사이드 자바스크립트를 로드하고 하이드레이션하는 모던 웹 아키텍처 패턴

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

  • Decoupled Architecture(디커플드 아키텍처)

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

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

  • Static Site Generation(SSG (정적 사이트 생성))

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

  • Server-Side Rendering(SSR (서버 사이드 렌더링))

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

  • Incremental Static Regeneration(ISR (증분 정적 재생성))

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

  • Hydration(하이드레이션)

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

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

  • Webhook(웹훅)

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

  • Edge Deployment(CDN 에지 배포)

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

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

  • Strapi Headless CMS(스트라피)

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

  • Contentful(콘텐트풀)

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

  • Hugo SSG(휴고)

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

  • Astro Framework(아스트로)

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

  • Next.js(넥스트제이에스)

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

  • Islands Architecture(아일랜드 아키텍처)

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

  • React Server Components (RSC)(리액트 서버 컴포넌트)

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

  • Cache Invalidation(프론트엔드 캐시 무효화)

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

  • Automated JSON-LD Injection(구조화 데이터 자동 주입)

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