컬렉션과 필드

이 페이지

컬렉션은 EmDash 콘텐츠 모델의 기반입니다. 각 컬렉션은 콘텐츠 타입(글, 페이지, 제품 등)을 나타내며 데이터 형태를 결정하는 필드 정의를 담습니다.

컬렉션 만들기

관리 패널의 콘텐츠 타입에서 컬렉션을 만듭니다. 각 컬렉션에는 다음이 있습니다.

EmDash 콘텐츠 타입: 페이지, 글, 사용자 정의 컬렉션과 기능
속성설명
slugURL 안전 식별자(예: 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"
  }
}

필드 속성

모든 필드에서 다음 속성을 사용할 수 있습니다.

속성타입설명
slugstringDB 열 이름
labelstring관리 UI 표시 라벨
typeFieldType15가지 필드 타입 중 하나
requiredboolean값 필수 여부
uniqueboolean항목 간 값 고유 필요 여부
defaultValueunknown새 항목의 기본값
validationobject타입별 검증 규칙
widgetstring사용자 정의 위젯 식별자
optionsobject위젯별 설정
sortOrdernumber에디터에서 표시 순서

검증 규칙

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 타입참고
stringTEXT
textTEXT
slugTEXT
numberREAL64비트 부동소수점
integerINTEGER64비트 부호 있는 정수
booleanINTEGER0 또는 1
datetimeTEXTISO 8601 형식
selectTEXT
multiSelectJSON문자열 배열
portableTextJSON블록 배열
imageTEXT미디어 ID
fileTEXT미디어 ID
referenceTEXT항목 ID
jsonJSON임의 JSON

다음 단계