🔥🔥🔥코드리뷰🔥🔥🔥

.eslintrc.cjs

@@ -9,22 +9,36 @@ module.exports = {
     'prettier',
     'plugin:prettier/recommended',
     'plugin:@typescript-eslint/recommended',
+    'plugin:@tanstack/eslint-plugin-query/recommended',
   ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
   parserOptions: {
     ecmaFeatures: {
       jsx: true,
     },
-    ecmaVersion: 12,
+    ecmaVersion: 'latest',
     sourceType: 'module',
   },
   parser: '@typescript-eslint/parser',
-  plugins: ['react', 'prettier', '@typescript-eslint'],
+  plugins: ['react', 'prettier', '@typescript-eslint', 'jsx-a11y', '@emotion'],
   rules: {
-    'prettier/prettier': 'error',
+    'prettier/prettier': ['error', { endOfLine: 'auto' }],
     'react/react-in-jsx-scope': 'off',
     'react/prop-types': 'off',
     'no-console': 'warn',
     'no-unused-vars': 'warn',
-    'prettier/prettier': ['error', { endOfLine: 'auto' }],
+    'no-console': ['warn', { allow: ['warn', 'error'] }],
+    '@tanstack/query/exhaustive-deps': 'error',
+    '@tanstack/query/stable-query-client': 'error',
+    '@tanstack/query/no-rest-destructuring': 'warn',
+  },
+  settings: {
+    react: { version: 'detect' },
+    'import/resolver': {
+      alias: {
+        map: [['@', './src']],
+        extensions: ['.ts', '.js', '.jsx', '.json'],
+      },
+    },
   },
 }

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "np-no-problem"
+  }
+}

.github/ISSUE_TEMPLATE/feature.yml

@@ -18,7 +18,7 @@ body:
       description: 해야 할 일에 대한 Tasks를 작성해 주세요.
       placeholder: 최대한 세분화해서 작성! (체크박스 활용하기)
     validations:
-      required: true
+      required: false
   - type: textarea
     id: feature-memo
     attributes:

.github/ISSUE_TEMPLATE/refactor.yml

@@ -18,7 +18,7 @@ body:
       description: 해야 할 일에 대한 Tasks를 작성해 주세요.
       placeholder: 최대한 세분화해서 작성! (체크박스 활용하기)
     validations:
-      required: true
+      required: false
   - type: textarea
     id: refactor-memo
     attributes:

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,27 +1,11 @@
-# 🚀 풀 리퀘스트 제안
+## 📋 풀리퀘스트 관련 코멘트
 
-<!-- 이슈 지울때 작성해 주세요. -->
+<!-- "sourcery:disable" --!>
 <!-- closes #issue-number -->
-<!-- 이슈 여러 개 일 경우, closes #1, closes #2 -->
-<!-- https://docs.github.com/ko/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue -->
 
-## 📋 작업 내용
-
-수정한 내용이나 추가한 기능에 대해 자세히 설명해 주세요.
-
-## 🔧 변경 사항
-
-- [ ] 📃 README.md
-- [ ] 📦 package.json
-- [ ] 🔥 파일 삭제
-- [ ] 🧹 그 외 ex) .gitignore 등
-
-주요 변경 사항을 요약해 주세요.
+<br/>
 
 ## 📸 스크린샷 (선택 사항)
 
-수정된 화면 또는 기능을 시연할 수 있는 스크린샷을 첨부해 주세요.
-
-## 📄 기타
-
-추가적으로 전달하고 싶은 내용이나 특별한 요구 사항이 있으면 작성해 주세요.
+<!-- 수정된 화면 또는 기능을 시연할 수 있는 스크린샷을 첨부해 주세요.--!>
+<br/>

.github/workflows/click_cd.yml

@@ -0,0 +1,35 @@
+name: Firebase Hosting by Click
+
+on:
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Setup node.js 20.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          cache: 'npm'
+      - name: Install
+        run: npm ci
+      - name: Build
+        env:
+          VITE_FIREBASE_API_KEY: ${{ secrets.VITE_FIREBASE_API_KEY }}
+          VITE_FIREBASE_AUTH_DOMAIN: ${{ secrets.VITE_FIREBASE_AUTH_DOMAIN }}
+          VITE_FIREBASE_PROJECT_ID: ${{ secrets.VITE_FIREBASE_PROJECT_ID }}
+          VITE_FIREBASE_STORAGE_BUCKET: ${{ secrets.VITE_FIREBASE_STORAGE_BUCKET }}
+          VITE_FIREBASE_MESSAGING_SENDER_ID: ${{ secrets.VITE_FIREBASE_MESSAGING_SENDER_ID }}
+          VITE_FIREBASE_APP_ID: ${{ secrets.VITE_FIREBASE_APP_ID }}
+          VITE_FIREBASE_MEASUREMENT_ID: ${{ secrets.VITE_FIREBASE_MEASUREMENT_ID }}
+          VITE_FIREBASE_REALTIME_DB: ${{ secrets.VITE_FIREBASE_REALTIME_DB }}
+          VITE_YOUTUBE_API_KEY: ${{ secrets.VITE_YOUTUBE_API_KEY }}
+
+        run: npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT }}'
+          projectId: np-no-problem
+          channelId: live

.github/workflows/pr_auto_cd.yml

@@ -0,0 +1,36 @@
+name: PR Auto Hosting
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Setup node.js 20.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          cache: 'npm'
+      - name: Install
+        run: npm ci
+      - name: Build
+        env:
+          VITE_FIREBASE_API_KEY: ${{ secrets.VITE_FIREBASE_API_KEY }}
+          VITE_FIREBASE_AUTH_DOMAIN: ${{ secrets.VITE_FIREBASE_AUTH_DOMAIN }}
+          VITE_FIREBASE_PROJECT_ID: ${{ secrets.VITE_FIREBASE_PROJECT_ID }}
+          VITE_FIREBASE_STORAGE_BUCKET: ${{ secrets.VITE_FIREBASE_STORAGE_BUCKET }}
+          VITE_FIREBASE_MESSAGING_SENDER_ID: ${{ secrets.VITE_FIREBASE_MESSAGING_SENDER_ID }}
+          VITE_FIREBASE_APP_ID: ${{ secrets.VITE_FIREBASE_APP_ID }}
+          VITE_FIREBASE_MEASUREMENT_ID: ${{ secrets.VITE_FIREBASE_MEASUREMENT_ID }}
+          VITE_FIREBASE_REALTIME_DB: ${{ secrets.VITE_FIREBASE_REALTIME_DB }}
+          VITE_YOUTUBE_API_KEY: ${{ secrets.VITE_YOUTUBE_API_KEY }}
+        run: npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT }}'
+          projectId: np-no-problem
+          channelId: live

.github/workflows/sonar.yml

@@ -1,9 +1,6 @@
 name: SonarQube Scan
 
-on:
-  push:
-    branches:
-      - "*"
+on: workflow_dispatch
 
 jobs:
   AI-Server:
@@ -18,6 +15,6 @@ jobs:
         env:
           SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
           SONAR_HOST_URL: ${{ secrets.SONAR_HOST_URL }}
-          LC_ALL: "ko_KR.UTF-8"
-          LANG: "ko_KR.UTF-8"
+          LC_ALL: 'ko_KR.UTF-8'
+          LANG: 'ko_KR.UTF-8'
           # https://ai.nowon.store

.gitignore

@@ -12,6 +12,9 @@ dist
 dist-ssr
 *.local
 
+# Firebase
+.firebase/*
+
 Dockerfile
 docker.js
 docker.yml
@@ -26,3 +29,5 @@ docker.yml
 *.njsproj
 *.sln
 *.sw?
+
+.env

.gitmojirc.json

@@ -0,0 +1,8 @@
+{
+  "autoAdd": false,
+  "emojiFormat": "emoji",
+  "scopePrompt": false,
+  "messagePrompt": false,
+  "capitalizeTitle": false,
+  "gitmojisUrl": "https://gist.githubusercontent.com/seoyoonyi/8d8db43873ad4908a0fdb9c4f18737c4/raw/28cb248201e0001a035014c14a25f8d1636dee91/gitmoji.json"
+}

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npx lint-staged
+npx lint-staged

README.md

@@ -1,30 +1,3 @@
-# React + TypeScript + Vite
+# NP - No Problem
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
-```
-
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+# My Idoru

database.rules.json

@@ -0,0 +1,6 @@
+{
+  "rules": {
+    ".read": true,
+    ".write": true
+  }
+}

firebase.json

@@ -0,0 +1,15 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  },
+  "database": {
+    "rules": "database.rules.json"
+  }
+}

index.html

@@ -1,10 +1,10 @@
 <!doctype html>
-<html lang="en">
+<html lang="ko">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="np_logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>My Idoru</title>
   </head>
   <body>
     <div id="root"></div>