🤖
1623 in / 1164 out / 2787 total tokens
블로그 글을 주제별로 분류하는 카테고리 시스템을 만들었다. AI, 게임개발, 사이드프로젝트, 트레이딩, 인프라/배포, 일반 총 6개 카테고리.
각 카테고리는 고유한 accent 색상과 그라데이션을 가진다. 대시보드에서는 카드 좌측 보더와 뱃지가 카테고리 색상으로 표시되고, 에디터 상단에는 그라데이션 배너가 자동 적용된다.
DB 스키마에 category 컬럼을 추가했고 기본값은 'general'로 설정. 새 파일 categories.ts에 카테고리 정의를 모아두어서 색상 관리가 한 곳에서 가능하다.
export type Category = {
id: string;
label: string;
color: string; // accent color
soft: string; // soft background (rgba)
gradient: string; // cover image gradient
};
export const CATEGORIES: Category[] = [
{
id: "ai",
label: "AI",
color: "#6366f1",
soft: "rgba(99, 102, 241, 0.12)",
gradient: "linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%)",
},
// ...
];마이그레이션은 ALTER TABLE ... ADD COLUMN IF NOT EXISTS로 처리해서 기존 데이터에 영향 없다.
다음 할 일: 카테고리별 필터링 기능 추가하기