메인으로 병합

.biomerc.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": ["dist/**", "node_modules/**"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 120,
+    "attributePosition": "auto"
+  },
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "jsxQuoteStyle": "double",
+      "trailingCommas": "all",
+      "semicolons": "always",
+      "arrowParentheses": "always",
+      "bracketSpacing": true,
+      "bracketSameLine": false,
+      "quoteProperties": "asNeeded",
+      "attributePosition": "auto"
+    }
+  }
+}

.gitattributes

@@ -0,0 +1,2 @@
+# 루트에 .gitattributes 파일 생성 후 아래처럼 작성
+* text=auto eol=lf

.github/ISSUE_TEMPLATE/new-issue.yaml

@@ -0,0 +1,60 @@
+name: 새로운 작업
+description: 새로운 작업을 시작할 때 사용합니다.
+title: "[작업]"
+labels: ["작업", "기능개발"]
+assignees: []
+body:
+  - type: input
+    id: summary
+    attributes:
+      label: 📜 작업 상세히 작성
+      description: 이 작업에 대해 상세하게 설명해주세요.
+      placeholder: ex) 로그인 기능 구현, API 연결 등
+    validations:
+      required: true
+
+  - type: input
+    id: branch-name
+    attributes:
+      label: 🗂️ 브랜치 네이밍
+      description: 해당 작업에 대한 브랜치 이름을 지정해주세요.
+      placeholder: ex) feature/login-api, fix/button-bug
+    validations:
+      required: true
+
+  - type: input
+    id: due-date
+    attributes:
+      label: 📅 Due Date
+      description: 작업 마감일을 입력해주세요.
+      placeholder: ex) 2025/04/20
+    validations:
+      required: true
+
+  - type: input
+    id: references
+    attributes:
+      label: 🔗 References
+      description: 관련 자료나 참고 링크를 입력해주세요.
+      placeholder: ex) Jira, 문서 링크 등
+    validations:
+      required: false
+
+  - type: checkboxes
+    id: checklist
+    attributes:
+      label: ✅ 할 일 리스트
+      options:
+        - label: "기능 구현 계획"
+        - label: "브랜치 네이밍 검토"
+        - label: "테스트 계획"
+        - label: "문서화"
+
+  - type: input
+    id: milestone
+    attributes:
+      label: 🏆 마일스톤
+      description: 이 작업이 포함될 마일스톤을 선택하세요.
+      placeholder: 예시) 공통 컴포넌트 구현, MVP 개발 등
+    validations:
+      required: true

.github/pull_request_template.md

@@ -0,0 +1,43 @@
+## 📝 Summary
+
+<!-- 간단한 변경 요약을 작성해주세요 -->
+
+## 🔧 Changes
+
+<!-- 주요 변경 내용을 요약해주세요 -->
+
+-
+-
+-
+
+## ✅ Checklist
+
+- [ ] 컨벤션을 준수하였습니다.
+- [ ] 변경 사항을 테스트하였습니다.
+- [ ] 설명을 충분히 작성하였습니다.
+- [ ] 올바른 브랜치에 PR을 보냈습니다.
+- [ ] 🤞 리뷰어의 마음을 사로잡았습니다.
+
+## 🚀 Test Plan
+
+<!-- 테스트 방법과 결과를 작성해주세요 -->
+
+-
+
+## 🖼️ Screenshots (UI 변경 시)
+
+<!-- UI 변경이 있다면 스크린샷을 첨부해주세요 -->
+
+| 변경 전 | 변경 후 |
+| ------- | ------- |
+| 이미지  | 이미지  |
+
+## 📚 Additional
+
+<!-- 리뷰어가 참고하면 좋을 추가 정보를 적어주세요 -->
+
+- 아마도 이 PR은 다크호스일지도... 🎩✨
+
+---
+
+> 🚨 _"모든 PR에는 커피가 필요하다!"_ ☕

.github/workflows/ci.yml

@@ -0,0 +1,32 @@
+name: Biome CI for React
+
+on:
+  pull_request:
+    branches: [main, dev]
+  push:
+    branches: [main, dev]
+
+jobs:
+  check-project:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: 📥 Checkout code
+        uses: actions/checkout@v4
+
+      - name: 🟢 Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 22.x
+
+      - name: 📦 Install dependencies
+        run: npm ci
+
+      - name: 🔎 Run Biome Check
+        run: npm run check
+
+      - name: 🧪 Run Tests (optional)
+        run: npm test
+
+      - name: 🏗️ Build Project
+        run: npm run build

.gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+package-lock.json
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/settings.json
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.husky/pre-commit

@@ -0,0 +1,3 @@
+#!/bin/sh
+
+npx lint-staged

.vscode/settings.json

@@ -0,0 +1,58 @@
+{
+	"editor.defaultFormatter": "biomejs.biome",
+	"editor.formatOnSave": true,
+
+	"[javascript]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	},
+	"[javascriptreact]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	},
+	"[json]": {
+		"editor.defaultFormatter": "biomejs.biome"
+	},
+	"cSpell.words": [
+		"ADOR",
+		"AESPA",
+		"Batchim",
+		"borderradius",
+		"CHAEWON",
+		"ENFP",
+		"ENTP",
+		"ESTJ",
+		"EUNCHAE",
+		"fancam",
+		"GAEUL",
+		"gsap",
+		"HAERIN",
+		"HAEWON",
+		"HANNI",
+		"HYEIN",
+		"INFJ",
+		"INFP",
+		"ISFJ",
+		"ISFP",
+		"ISTJ",
+		"ISTP",
+		"JANG",
+		"Jingyu",
+		"JIWOO",
+		"KAZUHA",
+		"LEESEO",
+		"mbti",
+		"MINJI",
+		"NINGNING",
+		"NMIXX",
+		"ILLIT",
+		"josa",
+		"Pretendard",
+		"SAKURA",
+		"slicktest",
+		"SSERAFIM",
+		"SULLYOON",
+		"Testpage",
+		"WONYOUNG",
+		"YUJIN",
+		"YUNJIN"
+	]
+}

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };

index.html

@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
+    <title>Fandom-K</title>
+    <meta name="description" content="All your K-pop love, in one place" />
+    <meta name="keywords" content="K-POP, 팬덤, 아이돌, 조공, 케이팝" />
+    <meta name="author" content="Fandom-K" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Fandom-K" />
+    <meta property="og:description" content="All your K-pop love, in one place" />
+    <meta property="og:image" content="/og-image.png" />
+    <meta property="og:url" content="https://fandom-k.com" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Fandom-K" />
+    <meta name="twitter:description" content="All your K-pop love, in one place" />
+    <meta name="twitter:image" content="/og-image.png" />
+
+    <!-- 파비콘 -->
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon/android-chrome-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon/android-chrome-512x512.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png" />
+    <link rel="manifest" href="/images/favicon/manifest.json" />
+
+    <!-- 폰트 -->
+    <link
+      rel="stylesheet"
+      as="style"
+      crossorigin
+      href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css"
+    />
+
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>