chore: 빌드 테스트

.github/workflows/ci.yml

@@ -0,0 +1,42 @@
+name: CI
+
+on:
+  pull_request:
+    branches:
+      - develop
+      - main
+    types: [opened, synchronize, reopened]
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Type check
+        run: pnpm run type-check
+
+      - name: Lint check
+        run: pnpm run lint:check
+
+      - name: Format check
+        run: pnpm run format:check
+
+      - name: Build
+        run: pnpm run build

.gitignore

@@ -29,7 +29,6 @@ yarn-error.log*
 .cache
 
 # IDE
-.vscode
 .idea
 
 # Temporary files
@@ -46,8 +45,6 @@ dist-ssr
 *.local
 
 # Editor directories and files
-.vscode/*
-!.vscode/extensions.json
 .idea
 .DS_Store
 *.suo

.vscode/settings.json

@@ -0,0 +1,41 @@
+{
+  "cSpell.words": [
+    "ACMRTUXB",
+    "Cantarell",
+    "coments",
+    "eslintcache",
+    "Fira",
+    "isrc",
+    "Neue",
+    "Pretendard",
+    "Segoe",
+    "TTFB"
+  ],
+  "css.lint.unknownAtRules": "ignore",
+  "typescript.preferences.importModuleSpecifier": "non-relative",
+  "typescript.suggest.autoImports": true,
+  "typescript.preferences.includePackageJsonAutoImports": "on",
+  "typescript.suggest.paths": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "prettier.configPath": "./.prettierrc",
+  "prettier.requireConfig": true,
+  "prettier.useEditorConfig": false,
+  "typescript.format.enable": false,
+  "javascript.format.enable": false
+}

.vscode/snippets.code-snippets

@@ -0,0 +1,77 @@
+{
+  "React Arrow Function Component": {
+    "prefix": "rafce",
+    "body": [
+      "import type { JSX } from 'react';",
+      "",
+      "const ${1:${TM_FILENAME_BASE}} = (): JSX.Element => {",
+      "  return (",
+      "    <div>",
+      "      $2",
+      "    </div>",
+      "  );",
+      "};",
+      "",
+      "export default ${1:${TM_FILENAME_BASE}};",
+    ],
+    "description": "React Arrow Function Component with JSX.Element return type",
+  },
+  "React Arrow Function Component with Props": {
+    "prefix": "rafcep",
+    "body": [
+      "import type { JSX } from 'react';",
+      "",
+      "interface ${1:${TM_FILENAME_BASE}}Props {",
+      "  $2",
+      "}",
+      "",
+      "const ${1:${TM_FILENAME_BASE}} = ({ $3 }: ${1:${TM_FILENAME_BASE}}Props): JSX.Element => {",
+      "  return (",
+      "    <div>",
+      "      $4",
+      "    </div>",
+      "  );",
+      "};",
+      "",
+      "export default ${1:${TM_FILENAME_BASE}};",
+    ],
+    "description": "React Arrow Function Component with Props and JSX.Element return type",
+  },
+  "React Functional Component": {
+    "prefix": "rfc",
+    "body": [
+      "import type { JSX } from 'react';",
+      "",
+      "function ${1:${TM_FILENAME_BASE}}(): JSX.Element {",
+      "  return (",
+      "    <div>",
+      "      $2",
+      "    </div>",
+      "  );",
+      "}",
+      "",
+      "export default ${1:${TM_FILENAME_BASE}};",
+    ],
+    "description": "React Functional Component with JSX.Element return type",
+  },
+  "React Hook": {
+    "prefix": "rhook",
+    "body": [
+      "import { useState } from 'react';",
+      "",
+      "const use${1:Hook} = (): ${2:ReturnType} => {",
+      "  const [${3:state}, set${3/(.*)/${3:/capitalize}/}] = useState${4:<StateType>}(${5:initialValue});",
+      "",
+      "  $6",
+      "",
+      "  return {",
+      "    ${3:state},",
+      "    set${3/(.*)/${3:/capitalize}/},$7",
+      "  };",
+      "};",
+      "",
+      "export default use${1:Hook};",
+    ],
+    "description": "Custom React Hook with TypeScript",
+  },
+}

package.json

@@ -31,8 +31,16 @@
     ]
   },
   "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^7.1.2",
+    "@mui/material": "^7.1.2",
+    "@tanstack/react-query": "^5.81.2",
+    "firebase": "^11.9.1",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react-dom": "^19.1.0",
+    "react-router-dom": "^7.6.2",
+    "zustand": "^5.0.5"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
@@ -42,9 +50,11 @@
     "@types/node": "^24.0.3",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
+    "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^8.34.1",
     "@typescript-eslint/parser": "^8.34.1",
     "@vitejs/plugin-react": "^4.4.1",
+    "babel-plugin-import": "^1.13.8",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^10.1.5",
     "eslint-import-resolver-typescript": "^4.4.2",
@@ -56,9 +66,11 @@
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^16.0.0",
     "husky": "^9.1.7",
+    "lighthouse-ci": "^1.13.1",
     "lint-staged": "^16.1.2",
     "only-allow": "^1.2.1",
     "prettier": "^3.5.3",
+    "rollup-plugin-visualizer": "^6.0.3",
     "tsx": "^4.20.3",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.30.1",