[Information] CMS(Content Management System)

CMS(Content Management System)

들어가며

• CMS(Content Management System)에 대해 정리해본다.

 

CMS(Content Management System)

개념

• 콘텐츠 관리 시스템
• 웹사이트나 애플리케이션의 콘텐츠를 생성, 관리, 수정, 배포하는 데 사용하는 소프트웨어
• 기술적인 지식이 없는 사용자도 쉽게 웹 콘텐츠를 관리할 수 있도록 설계되어 있다.
• 대표적인 예로 WordPress, Joomla, Drupal 등이 있다.
• CMS를 사용하면 코딩하지 않고도 텍스트, 이미지, 비디오 등을 추가하거나 변경할 수 있다.

 

특징

• 비개발자도 쉽게 콘텐츠를 관리할 수 있다.
• 웹사이트 디자인과 레이아웃을 미리 정의된 템플릿으로 설정할 수 있다.
• 다양한 기능을 추가할 수 있는 플러그인과 확장 기능을 지원한다.
• 여러 명의 사용자가 콘텐츠를 관리하고 편집할 수 있다.
• 콘텐츠의 이전 버전을 관리할 수 있어, 실수로 삭제한 내용을 복구할 수 있다.

 

Headless CMS

개념

• 기존의 CMS와 달리 프론트엔드와 백엔드가 분리된 구조를 가지고 있다.
• "Headless" 는 프론트엔드(웹페이지나 UI)를 뜻하는 "Head"가 없다는 의미이다.
• Headless CMS는 콘텐츠 저장 및 관리만을 담당하며, 콘텐츠를 어디에나 자유롭게 제공할 수 있도록 API를 통해 데이터를 전달한다.
• 대표적인 예로 Strapi, Contentful, Sanity, Prismic 등이 있다.

Strapi - Open source Node.js Headless CMS 🚀

Content that takes you everywhere

Sanity: The Content Operating System

Prismic: Headless Page Builder - Launch and Iterate Faster

 

특징

• 콘텐츠는 REST API나 GraphQL API를 통해 제공되며, 이를 다양한 플랫폼(웹, 모바일 앱, IoT 등)에서 사용할 수 있다.
• 프론트엔드를 어떤 기술로든 구현할 수 있다.
  • React, Vue, Angular와 같은 최신 프론트엔드 프레임워크를 사용할 수 있다.
• 단일 CMS를 통해 여러 채널(웹사이트, 모바일 앱, 디지털 사이니지 등)에 콘텐츠를 제공할 수 있다.
• 프론트엔드와 백엔드의 완전한 분리 덕분에 개발자들은 자유롭게 사용자 경험(UX)을 설계할 수 있다.

 

예 : Contentful API를 이용하여 데이터를 가져오기

// 필요한 정보
const SPACE_ID = 'your_space_id';      
const ACCESS_TOKEN = 'your_access_token';
const ENTRY_ID = 'your_entry_id';      

// Contentful API의 URL
const url = `https://cdn.contentful.com/spaces/${SPACE_ID}/entries/${ENTRY_ID}?access_token=${ACCESS_TOKEN}`;

// API 호출
fetch(url)
  .then((response) => response.json())
  .then((data) => {
    console.log("Contentful 데이터: ", data);
    // 데이터를 화면에 표시하거나 추가 로직 처리
  })
  .catch((error) => {
    console.error("API 호출 중 에러 발생: ", error);
  });

 

Content Infrastructure

개념

• 콘텐츠의 생성, 관리, 배포, 저장을 지원하는 기술적인 프레임워크
• 전통적인 콘텐츠 관리 시스템(CMS)보다 더 유연하고 확장 가능한 방식으로, 다양한 플랫폼과 채널에 콘텐츠를 쉽게 전달할 수 있도록 설계된 기반 시스템
• Headless CMS와 밀접하게 연관되어 있다.
  • Content Infrastructure는 Headless CMS의 개념을 기반으로 한 확장된 개념으로 볼 수 있다.
    • Headless CMS는 콘텐츠를 백엔드에서 관리하고 API를 통해 프론트엔드로 배포하는 방식이다.
    • Content Infrastructure는 그 이상으로 다양한 채널, 워크플로우, 분석 도구까지 통합하여 더욱 광범위하게 콘텐츠 생태계를 지원한다.

 

특징

• 콘텐츠는 API를 통해 관리되고 배포된다.
  • API 기반의 접근 방식 덕분에, 콘텐츠를 다양한 플랫폼(웹사이트, 모바일 앱, IoT 디바이스 등)에 쉽게 전달할 수 있다.
• 콘텐츠는 특정 플랫폼에 종속되지 않으며, 여러 플랫폼에서 재사용될 수 있도록 중앙에서 관리된다.
  • 하나의 콘텐츠를 웹, 모바일 앱, 디지털 사이니지 등 다양한 채널에 맞춰 배포할 수 있다.
• 대규모 콘텐츠 관리와 배포에 유리하며, 데이터 양이 증가해도 유연하게 확장할 수 있는 구조이다.
  • 글로벌 비즈니스의 경우, 여러 지역에서 콘텐츠를 일관되게 제공하는 데 유리하다.
• 콘텐츠는 구조화된 데이터를 기반으로 관리되며, 다양한 포맷으로 쉽게 변환될 수 있어, 한 번 제작된 콘텐츠를 여러 형태로 재사용할 수 있다.

 

구성 요소

• 콘텐츠 저장소(Content Repository)
  • 콘텐츠가 저장되고 관리되는 중앙 데이터베이스 또는 시스템이다.
• API 게이트웨이
  • 다양한 애플리케이션이 콘텐츠에 접근할 수 있도록 하는 인터페이스이다.
• 워크플로우 관리
  • 콘텐츠의 작성, 검토, 승인 등의 과정을 효율적으로 관리할 수 있는 기능이 포함된다.
• 분석 및 최적화 도구
  • 콘텐츠의 성과를 분석하고, 이를 바탕으로 최적화하는 도구들이 포함될 수 있다.
• 멀티채널 지원
  • 콘텐츠를 다양한 채널에 맞춰 자동으로 최적화하여 제공할 수 있는 기능을 지원한다.

 

참고 사이트

콘텐츠 관리 시스템의 사용자, 대상, 유형

Headless CMS: Everything you need to know

What is Content Infrastructure?