# WECRUIT Assets

이 폴더는 **/assets 페이지에 자동 노출되는** 모든 브랜드 자산의 단일 진실의 원천(single source of truth)입니다.

새 자산을 추가하면 `/assets` 페이지가 빌드 시점에 자동으로 스캔해서 카테고리별로 분류하고 다운로드 버튼을 노출합니다.

## 추가 규칙

프로젝트에서 새로 사용하는 모든 아이콘 · 이미지 · 일러스트 · 영상 · 애니메이션은 **이 폴더에도 standalone 파일로 함께 두세요**. (컴포넌트 안에 inline SVG로만 두면 디자이너·다른 팀이 받을 수 없음)

1. 적절한 카테고리 폴더에 파일 드롭 (없으면 새 폴더 생성)
2. (선택) [`_meta.json`](./_meta.json)에 한국어 설명 추가 — 없으면 파일명에서 자동 derive
3. 끝. `/assets` 페이지 새로고침하면 자동 노출됨

## 카테고리 슬러그

| 폴더 | 용도 |
|---|---|
| `logos/` | 워드마크, 심볼, 로고 변형 |
| `icons/` | SSO · UI · 시스템 아이콘 |
| `illustrations/` | 캐릭터 · 일러스트 · 그래픽 |
| `photos/` | 사진 (jpg/webp/avif) |
| `animations/` | Lottie JSON · GIF |
| `videos/` | MP4 · WebM |
| (기타 모든 폴더) | 자동으로 별도 섹션 생성 |

폴더명은 `app/assets/page.tsx`의 `CATEGORY_META` 딕셔너리에 한국어 표시명을 등록하면 더 깔끔하게 표시되지만, 등록하지 않아도 폴더명이 그대로 섹션 제목으로 사용됩니다.

## 지원 형식

- **이미지**: SVG, PNG, JPG, JPEG, GIF, WebP, AVIF — `<img>` 태그로 미리보기
- **영상**: MP4, WebM, MOV — `<video>` 태그로 자동 재생 (muted/loop)
- **애니메이션 JSON (Lottie)**: 파일명·크기 표시 + 다운로드 (인앱 플레이어는 추후)
- **기타**: 다운로드만 (확장자 라벨 표시)

## _meta.json 스키마

```json
{
  "{카테고리}/{파일명}": {
    "description": "한국어 설명",
    "preview": "light" | "dark"
  }
}
```

- `description` 없으면 파일명에서 자동 derive ("wecruit-w-white" → "Wecruit W White")
- `preview` 없으면 파일명에 `white`/`light` 포함 시 dark 배경으로 표시, 아니면 light

## 파일명 컨벤션 (권장)

- 소문자 + 하이픈: `icon-google.svg`, `wecruit-logo-white.svg`
- 변형은 접미사로: `-white`, `-dark`, `-yellow`, `-mono` 등
- 카테고리 prefix가 의미 있는 경우 사용: `icon-*`, `illust-*` 등