Merge pull request #78 from CAUCSE/feat/#74

[FEAT] Netlify 배포 환경 구성 (운영계)

.eslintrc.cjs

@@ -1,37 +1,61 @@
 module.exports = {
   root: true,
-  env: { browser: true, es2020: true },
+  env: { browser: true, es2020: true, node: true },
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:react-hooks/recommended',
+    "plugin:prettier/recommended",
+    'plugin:import/errors',
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  ignorePatterns: ['dist', '.eslintrc.cjs', 'static'],
   parser: '@typescript-eslint/parser',
   plugins: ['prettier', '@typescript-eslint'],
-  // parserOptions: {
-  //   parser: '@typescript-eslint/parser',
-  // },
-  // rules: {
-  //   'import/order': [
-  //     'error',
-  //     {
-  //       groups: ['builtin', 'external', ['parent', 'sibling'], 'index'],
-  //       pathGroups: [
-  //         {
-  //           pattern: 'angular',
-  //           group: 'external',
-  //           position: 'before',
-  //         },
-  //       ],
-  //       alphabetize: {
-  //         order: 'asc',
-  //         caseInsensitive: true,
-  //       },
-  //       'newlines-between': 'always',
-  //     },
-  //   ],
-  // },
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+  },
+  rules: {
+    '@typescript-eslint/no-unused-vars': 'warn',
+    'import/order': [
+      'error',
+      {
+        groups: ['builtin', ['external', 'type'], ['parent', 'sibling'], 'index'],
+        pathGroups: [
+          {
+            pattern: 'react',
+            group: 'external',
+            position: 'before',
+          },
+          {
+            pattern: '@/hooks/',
+            group: 'internal',
+            position: 'after',
+          },
+          {
+            pattern: '@/pages/',
+            group: 'internal',
+            position: 'after',
+          },
+          {
+            pattern: '@/components/',
+            group: 'internal',
+            position: 'after',
+          },
+        ],
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: true,
+        },
+        'newlines-between': 'always',
+      },
+    ],
+    'import/no-unresolved': [
+      'error',
+      {
+        ignore: ['^msw/.+'],
+      },
+    ],
+  },
   settings: {
     'import/resolver': {
       typescript: {},

.github/workflows/playwright.yml

@@ -0,0 +1,22 @@
+name: Playwright Tests
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 18
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v3
+      if: always()
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -42,4 +42,11 @@ dist-ssr
 .env.development.local
 .env.test.local
 .env.production.local
-.firebase
+.firebase
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+
+# test
+account.ts

README.md

@@ -1,30 +1 @@
-# React + TypeScript + Vite
-
-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'],
-    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
+# CAUSW Frontend

index.html

@@ -2,15 +2,17 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
+    <link rel="icon" href="/favicon-96x96.png" />
+    <meta name="description" content="중앙대학교 소프트웨어학부 학생회 홈페이지입니다. 공지사항, 학년별 게시판, 동아리 가입, 사물함 신청 등의 기능을 제공하여 소프트웨어 학생들의 불편함을 개선합니다.">
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=5,viewport-fit=cover" />
     <meta name="theme-color" content="#000000" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="mobile-web-app-capable" content="yes" />
     <link rel="apple-touch-icon" href="/logo192.png" />
     <link rel="manifest" href="/manifest.json" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="stylesheet preload" as="style" href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" />
+    <link rel="stylesheet preload" as="style" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="icon" href="/png파일 경로">
     <title>CAUSW</title>
   </head>
   <body>

netlify.toml

@@ -0,0 +1,4 @@
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200