[260212]

- 태그 AND 검색 도입
- UI/UX 디자인 개선 (칩 & 배지)
- 모바일 최적화 및 레이아웃
- 성능 및 리소스 최적화 (Zero-Dependency 아이콘)
- 데이터 안정성 및 기타
- 그 외 오류 복구
- Tailwind CDN 제거

scripts/config.js

@@ -14,14 +14,14 @@ export const SORT_CONFIG = {
 
 export const STATUS_META = {
     미판매: {
-        selectable: false,   // 체크박스 선택 불가
+        selectable: false, // 체크박스 선택 불가
         isDefaultActive: false, // 초기 로드 시 미체크 상태
         isSystemVisible: true, // 아예 리스트/필터에서 제외 (완전 숨김)
         soldOut: false,
     },
     판매예정: {
         selectable: false,
-        isDefaultActive: true,
+        isDefaultActive: false,
         isSystemVisible: true,
         soldOut: false,
     },
@@ -39,21 +39,18 @@ export const STATUS_META = {
     },
 };
 
+export const STATUS_ORDER = {
+    판매중: 1,
+    판매예정: 2,
+    판매완료: 3,
+    미판매: 4,
+};
+
 // STATUS_FILTERS를 수동으로 만들지 않고 META에서 자동으로 생성합니다.
 export const STATUS_FILTERS = Object.keys(STATUS_META)
-    .filter(key => STATUS_META[key].isSystemVisible) // 시스템 가시성이 true인 것만 필터 칩 생성
-    .map(key => ({
-        key: key,
-        label: key === '판매예정' ? '판매 예정' : key,
-        defaultActive: STATUS_META[key].isDefaultActive
-    }));
-
-export const STATUS_ORDER = {
-    판매중: 0,
-    판매예정: 1,
-    미판매: 2,
-    판매완료: 3,
-};
+    .filter((key) => STATUS_META[key].isSystemVisible)
+    .map((key) => ({ key, label: key }))
+    .sort((a, b) => (STATUS_ORDER[a.key] || 99) - (STATUS_ORDER[b.key] || 99));
 
 export const STATUS_COLOR = {
     판매중: 'bg-primary/10 text-primary border-primary/30',
@@ -93,5 +90,5 @@ export const PRODUCT_CONDITIONS = {
     INCOMPLETE: { label: 'Incomplete (구성품 누락)', color: 'text-amber-600', level: 'C' },
     DAMAGED: { label: 'Damaged (하자/파손)', color: 'text-orange-600', level: 'D' },
     JUNK: { label: 'Junk (동작불가/부품용)', color: 'text-red-600', level: 'F' },
-    OTHER: { label: '기타 (상세설명 참고)', color: 'text-indigo-600', level: '-' }
-};
+    OTHER: { label: '기타 (상세설명 참고)', color: 'text-indigo-600', level: '-' },
+};