Front Matter 란?

Front Matter는 마크다운(Markdown) 파일의 맨 위에 위치하는 메타데이터 블록입니다. 글의 제목, 날짜, 태그, 카테고리, 공개 여부 등 다양한 정보를 정의하며, 정적 사이트 생성기(Hugo, Jekyll, Gatsby 등)가 글을 분류하고, 목록을 만들고, 필터링 하는 등에 사용됩니다.

예시로, 이 글의 front matter 는 다음과 같습니다.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

---
title: "효율적인 블로그 관리: Front Matter CMS 확장 프로그램"
slug: efficient-blog-management-front-matter-cms
description: ""
date: 2025-09-06T08:29:21.361+09:00
preview: ""
draft: false
tags: []
categories: []
---

Front Matter CMS

Front Matter CMS (FMC) 는 정적 사이트 생성기 콘텐츠를 VSCode 에서 CMS 처럼 관리할 수 있게 해주는 도구입니다. 콘텐츠를 작성하고, 메타데이터를 편리하게 수정하고, 목록을 관리 할 수 있는 것이 장점입니다. 그러나 VSCode 라는 IDE 를 사용하기 때문에 개발 경험이 없는 분에게는 다소 생소할 수 있으며 이런 분들은 Obsidian 이나 기타 마크다운 에디터를 권장합니다.

설치 방법

1. VSCode 확장 > Front Matter CMS 검색 > 설치 하거나
2. VSCode 마켓플레이스 에서 Install 를 눌러 설치할 수 있습니다.

설치 후 확장 프로그램을 사용해 다음과 같이 콘텐츠를 관리할 수 있습니다.

기타

날짜 표시

콘텐츠는 Front Matter 에 작성된 날짜를 기반으로 표시가 됩니다. 기본으로는 UTC 기준으로 작성되기 때문에 알아보기 쉽게 한국 시간으로 작성하려면 아래와 같이 타임존을 추가하세요.

UTC

1

date: 2025-09-06T08:29:21.361Z

한국시

1

date: 2025-09-06T08:29:21.361+09:00

Hugo 에서 사용되는 Front Matter 에 대한 더 자세한 정보는 Hugo 문서 를 참고하세요.