v1.0.0

.eslintrc.cjs

@@ -2,17 +2,44 @@ module.exports = {
   root: true,
   env: { browser: true, es2020: true },
   extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:react-hooks/recommended",
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:import/recommended',
+    'prettier',
   ],
-  ignorePatterns: ["dist", ".eslintrc.cjs"],
-  parser: "@typescript-eslint/parser",
-  plugins: ["react-refresh"],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh', 'react', 'prettier'],
   rules: {
-    "react-refresh/only-export-components": [
-      "warn",
-      { allowConstantExport: true },
+    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+    'prettier/prettier': ['error', { endOfLine: 'auto' }],
+    'react/function-component-definition': [2, { namedComponents: 'arrow-function' }],
+    'import/order': [
+      'error',
+      {
+        groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
+        pathGroups: [
+          {
+            pattern: 'react',
+            group: 'external',
+            position: 'before',
+          },
+          {
+            pattern: '@/**',
+            group: 'internal',
+            position: 'after',
+          },
+        ],
+        pathGroupsExcludedImportTypes: ['react', 'react-dom'],
+        'newlines-between': 'always',
+        alphabetize: { order: 'asc' },
+      },
     ],
   },
+  settings: {
+    'import/resolver': {
+      typescript: {},
+    },
+  },
 };

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,25 @@
+---
+name: Bug report
+about: 버그 생겼을 때 쓰는 이슈 템플릿 ╯︿╰
+title: '[FIX]: '
+labels: bug, fix
+assignees: ''
+---
+
+# ISSUE ✅ : BUG
+
+## 📖 Summary
+
+버그를 간단히 요약해주세요.
+
+## Error Script
+
+에러 내용 전체를 첨부해주세요.
+
+## Photo
+
+버그 재현 스크린샷을 첨부해주세요.
+
+## ETC
+
+예상되는 동작을 설명해주세요.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,28 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+---
+
+# ISSUE ✅ : FEATURE
+
+## 📖 DESCRIPTION
+
+이슈를 간단히 요약해주세요
+
+<!-- REFACTOR의 경우 코드의 AS-IS, TO-BE를 작성해주세요. -->
+
+## Figma View
+
+작업하시는 내용의 피그마 이미지를 첨부해주세요
+
+## TODO
+
+- [ ] todo
+- [ ] todo
+
+## ETC
+
+기타사항

.github/pull_request_template.md

@@ -0,0 +1,17 @@
+## 1️⃣ 어떤 작업을 했나요? (Summary)
+
+- resolved #(issue_num)
+
+### 기존 코드에 영향을 미치지 않는 변경사항
+
+### 기존 코드에 영향을 미치는 변경사항
+
+### 버그 픽스
+
+## 2️⃣ 알아두시면 좋아요!
+
+## 3️⃣ 추후 작업
+
+## 4️⃣ 체크리스트 (Checklist)
+
+- [ ] `main` 브랜치의 최신 코드를 `pull` 받았나요?

.github/workflows/auto-assign-reviewer.yml

@@ -0,0 +1,22 @@
+name: Auto Assign Reviewers
+
+on:
+  pull_request:
+    types: [opened, reopened]
+
+permissions:
+  pull-requests: write
+
+jobs:
+  assign-reviewers:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v4
+
+      - name: Run action (auto-assign-reviewer/action.yml)
+        uses: nijuy/auto-reviewer-assign@main
+        with:
+          github_token: ${{ secrets.REVIEWER_GITHUB_TOKEN }}
+          code_owners: ${{ vars.CODE_OWNERS }}
+          reviewer_count: 3

.github/workflows/auto-assign.yml

@@ -0,0 +1,14 @@
+name: Auto Author Assign
+
+on:
+  pull_request_target:
+    types: [opened, reopened]
+
+permissions:
+  pull-requests: write
+
+jobs:
+  assign-author:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: toshimaru/[email protected]

.github/workflows/deploy.yml

@@ -0,0 +1,49 @@
+name: build-and-deploy
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Set Environment Variables
+        run: |
+          echo "VITE_API_SOOMSIL_URL=$VITE_API_SOOMSIL_URL" >> .env.production
+          echo "VITE_API_AUTH_URL=$VITE_API_AUTH_URL" >> .env.production
+          echo "VITE_API_SEARCH_URL=$VITE_API_SEARCH_URL" >> .env.production
+          echo "VITE_API_YLS_URL=$VITE_API_YLS_URL" >> .env.production
+        env:
+          VITE_API_SOOMSIL_URL: ${{ secrets.VITE_API_SOOMSIL_URL }}
+          VITE_API_AUTH_URL: ${{ secrets.VITE_API_AUTH_URL }}
+          VITE_API_SEARCH_URL: ${{ secrets.VITE_API_SEARCH_URL }}
+          VITE_API_YLS_URL: ${{ secrets.VITE_API_YLS_URL }}
+
+      - name: Build application
+        run: pnpm run build
+
+      - name: Deploy to s3
+        env:
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+        run: |
+          aws s3 cp \
+            --recursive \
+            --region ap-northeast-2 \
+            dist s3://soomsil.de

.gitignore

@@ -22,3 +22,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+.env
+.env.development
+.env.production

.husky/pre-commit

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

.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "src/**/*.{js,ts,jsx,tsx}": ["eslint --fix", "prettier --write"]
+}

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "arrowParens": "always",
+  "endOfLine": "auto"
+}

index.html

@@ -1,10 +1,46 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="preconnect" href="'http://52.78.169.59:8084'" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Soomsil</title>
+
+    <!-- favicon 설정 -->
+    <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
+    <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
+    <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
+    <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
+    <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
+    <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
+    <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
+    <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
+    <link rel="manifest" href="/favicon/manifest.json" />
+    <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
+    <meta name="msapplication-TileColor" content="#ffffff" />
+    <meta name="theme-color" content="#ffffff" />
+
+    <!-- meta tag 설정 -->
+    <meta name="description" content="숭실대 학생을 위한 대학라이프 종합 어플" />
+    <meta
+      name="keywords"
+      content="숭실대, 숭실대학교, 숨실, 유어슈, soongsil, ssu, soomsil, yourssu"
+    />
+    <meta name="author" content="유어슈" />
+    <meta property="og:title" content="Soomsil" />
+    <meta property="og:description" content="숭실대 학생을 위한 대학라이프 종합 어플" />
+    <meta
+      property="og:image"
+      content="https://yourssu-post-attachments-stg.s3.ap-northeast-2.amazonaws.com/soomsil.jpeg"
+    />
+    <meta property="og:url" content="https://soomsil.de" />
+    <meta property="og:type" content="website" />
+    <meta name="robots" content="index, follow" />
   </head>
   <body>
     <div id="root"></div>

package.json

@@ -1,28 +1,59 @@
 {
   "name": "soomsil-web",
+  "packageManager": "[email protected]",
   "private": true,
   "version": "0.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "prepare": "husky"
   },
   "dependencies": {
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@tanem/react-nprogress": "^5.0.51",
+    "@tanstack/react-query": "^5.14.2",
+    "@yourssu/design-system-react": "^1.1.3",
+    "@yourssu/logging-system-react": "^1.1.2",
+    "@yourssu/utils": "^0.5.1",
+    "axios": "^1.6.2",
+    "date-fns": "^3.6.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-cookie": "^7.1.4",
+    "react-dom": "^18.2.0",
+    "react-error-boundary": "^4.0.13",
+    "react-hook-form": "^7.50.1",
+    "react-lottie": "^1.2.4",
+    "react-router-dom": "^6.21.0",
+    "recoil": "^0.7.7",
+    "recoil-persist": "^5.1.0",
+    "styled-components": "^6.1.2",
+    "use-debounce": "^10.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.43",
     "@types/react-dom": "^18.2.17",
+    "@types/react-lottie": "^1.2.10",
+    "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
+    "@typescript-eslint/parser": "^6.15.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.55.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint": "8.2.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "2.25.3",
+    "eslint-plugin-prettier": "^5.1.0",
+    "eslint-plugin-react": "7.28.0",
+    "eslint-plugin-react-hooks": "4.3.0",
     "eslint-plugin-react-refresh": "^0.4.5",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
+    "prettier": "^3.1.1",
     "typescript": "^5.2.2",
-    "vite": "^5.0.8"
+    "vite": "^5.0.8",
+    "vite-tsconfig-paths": "^4.2.2"
   }
 }