컬렉션은 EmDash 콘텐츠 모델의 기반입니다. 각 컬렉션은 콘텐츠 타입(글, 페이지, 제품 등)을 나타내며 데이터 형태를 결정하는 필드 정의를 담습니다.
컬렉션 만들기
관리 패널의 콘텐츠 타입에서 컬렉션을 만듭니다. 각 컬렉션에는 다음이 있습니다.
| 속성 | 설명 |
|---|---|
slug | URL 안전 식별자(예: posts, products) |
label | 표시 이름(예: «Blog Posts») |
labelSingular | 단수형(예: «Post») |
description | 편집자용 선택 설명 |
icon | 관리 사이드바용 Lucide 아이콘 이름 |
supports | 초안, 리비전, 미리보기, 예약 게시, 검색, SEO 등 기능 |
컬렉션 기능
컬렉션을 만들 때 필요한 기능을 켭니다.
| 기능 | 설명 |
|---|---|
drafts | 초안/게시 워크플로 |
revisions | 버전 스냅샷으로 콘텐츠 기록 |
preview | 초안용 서명 미리보기 URL |
scheduling | 미래 시점 게시 예약 |
// 모든 기능을 켠 컬렉션 예
{
slug: "posts",
label: "Blog Posts",
labelSingular: "Post",
supports: ["drafts", "revisions", "preview", "scheduling"]
}
필드 타입
EmDash는 15가지 필드 타입을 지원하며 SQLite 열 타입에 매핑합니다.
텍스트
string
짧은 텍스트 입력. TEXT 열에 매핑합니다.
{ slug: "title", type: "string", label: "Title" } text
여러 줄 텍스트 영역. TEXT 열에 매핑합니다.
{ slug: "excerpt", type: "text", label: "Excerpt" } slug
URL 안전 슬러그 필드. TEXT 열에 매핑합니다.
{ slug: "handle", type: "slug", label: "URL Handle" } 리치 콘텐츠
portableText
리치 텍스트 에디터(TipTap/ProseMirror). JSON으로 저장됩니다.
{ slug: "content", type: "portableText", label: "Content" }Portable Text는 블록 기반 형식으로 HTML 없이 구조를 유지합니다.
json
임의의 JSON 데이터. JSON으로 저장됩니다.
{ slug: "metadata", type: "json", label: "Custom Metadata" } 숫자
number
소수. REAL 열에 매핑합니다.
{ slug: "price", type: "number", label: "Price" } integer
정수. INTEGER 열에 매핑합니다.
{ slug: "quantity", type: "integer", label: "Stock Quantity" } 불리언과 날짜·시간
boolean
참/거짓 토글. INTEGER(0/1)에 매핑합니다.
{ slug: "featured", type: "boolean", label: "Featured Post" } datetime
날짜·시간 선택기. ISO 8601 문자열로 저장됩니다.
{ slug: "eventDate", type: "datetime", label: "Event Date" } 선택
select
목록에서 하나 선택. TEXT 열에 매핑합니다.
{
slug: "status",
type: "select",
label: "Product Status",
validation: {
options: ["active", "discontinued", "coming_soon"]
}
} multiSelect
목록에서 여러 개 선택. JSON 배열로 저장됩니다.
{
slug: "features",
type: "multiSelect",
label: "Product Features",
validation: {
options: ["wireless", "waterproof", "eco-friendly"]
}
} 미디어와 참조
image
미디어 라이브러리에서 이미지 선택. 미디어 ID를 TEXT로 저장합니다.
{ slug: "featuredImage", type: "image", label: "Featured Image" } file
미디어 라이브러리에서 파일 선택. 미디어 ID를 TEXT로 저장합니다.
{ slug: "attachment", type: "file", label: "PDF Attachment" } reference
다른 컬렉션 항목 참조. 항목 ID를 TEXT로 저장합니다.
{
slug: "author",
type: "reference",
label: "Author",
options: {
collection: "authors"
}
} 필드 속성
모든 필드에서 다음 속성을 사용할 수 있습니다.
| 속성 | 타입 | 설명 |
|---|---|---|
slug | string | DB 열 이름 |
label | string | 관리 UI 표시 라벨 |
type | FieldType | 15가지 필드 타입 중 하나 |
required | boolean | 값 필수 여부 |
unique | boolean | 항목 간 값 고유 필요 여부 |
defaultValue | unknown | 새 항목의 기본값 |
validation | object | 타입별 검증 규칙 |
widget | string | 사용자 정의 위젯 식별자 |
options | object | 위젯별 설정 |
sortOrder | number | 에디터에서 표시 순서 |
검증 규칙
validation 객체는 필드 타입마다 다릅니다.
interface FieldValidation {
required?: boolean; // 모든 타입
min?: number; // number, integer
max?: number; // number, integer
minLength?: number; // string, text
maxLength?: number; // string, text
pattern?: string; // string(정규식)
options?: string[]; // select, multiSelect
}
검증이 있는 예:
{
slug: "email",
type: "string",
label: "Email Address",
required: true,
unique: true,
validation: {
pattern: "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$"
}
}
위젯 옵션
options 객체로 필드별 UI 동작을 설정합니다.
interface FieldWidgetOptions {
rows?: number; // text(textarea 행 수)
showPreview?: boolean; // image, file
collection?: string; // reference(대상 컬렉션)
allowMultiple?: boolean; // reference(다중 참조)
[key: string]: unknown; // 사용자 정의 위젯 옵션
}
참조 필드 예:
{
slug: "relatedProducts",
type: "reference",
label: "Related Products",
options: {
collection: "products",
allowMultiple: true
}
}
컬렉션 쿼리
제공되는 쿼리 함수로 콘텐츠를 가져옵니다. Astro Live Collections 패턴을 따르며 구조화된 결과를 반환합니다.
import { getEmDashCollection, getEmDashEntry } from "emdash";
// 모든 항목 — { entries, error } 반환
const { entries: posts } = await getEmDashCollection("posts");
// 상태로 필터
const { entries: drafts } = await getEmDashCollection("posts", {
status: "draft",
});
// 개수 제한
const { entries: recent } = await getEmDashCollection("posts", {
limit: 5,
});
// 분류법으로 필터
const { entries: newsPosts } = await getEmDashCollection("posts", {
where: { category: "news" },
});
// slug로 한 건 — { entry, error, isPreview } 반환
const { entry: post } = await getEmDashEntry("posts", "my-post-slug");
// 오류 처리
const { entries, error } = await getEmDashCollection("posts");
if (error) {
console.error("Failed to load posts:", error);
}
타입 생성
npx emdash types로 스키마에서 TypeScript 타입을 생성합니다.
// .emdash/types.ts(생성)
export interface Post {
title: string;
content: PortableTextBlock[];
excerpt?: string;
featuredImage?: string;
author: string; // 참조 ID
}
export interface Product {
title: string;
price: number;
description: PortableTextBlock[];
}
DB 매핑
필드 타입은 SQLite 열 타입에 매핑됩니다.
| 필드 타입 | SQLite 타입 | 참고 |
|---|---|---|
string | TEXT | |
text | TEXT | |
slug | TEXT | |
number | REAL | 64비트 부동소수점 |
integer | INTEGER | 64비트 부호 있는 정수 |
boolean | INTEGER | 0 또는 1 |
datetime | TEXT | ISO 8601 형식 |
select | TEXT | |
multiSelect | JSON | 문자열 배열 |
portableText | JSON | 블록 배열 |
image | TEXT | 미디어 ID |
file | TEXT | 미디어 ID |
reference | TEXT | 항목 ID |
json | JSON | 임의 JSON |