Merge pull request #86 from kakao-tech-campus-2nd-step3/feat/api-auto

개발환경 및 영상 추출 api 구현

.eslintignore

@@ -0,0 +1,9 @@
+postcss.config.js
+tailwind.config.js
+mockServiceWorker.js
+node_modules
+dist
+build
+.storybook
+storybook-static
+public

.eslintrc.json

@@ -0,0 +1,64 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "plugin:prettier/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings",
+    "plugin:import/typescript",
+    "prettier"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2021,
+    "sourceType": "module",
+    "createDefaultProgram": true
+  },
+  "plugins": [
+    "@typescript-eslint",
+    "react",
+    "react-hooks",
+    "jsx-a11y",
+    "import",
+    "prettier"
+  ],
+  "settings": {
+    "import/resolver": {
+      "typescript": {
+        "alwaysTryTypes": true
+      }
+    },
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "no-param-reassign": ["error", { "props": false }],
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-explicit-any": "warn",
+    "@typescript-eslint/no-misused-promises": "off",
+    "@typescript-eslint/no-floating-promises": "off",
+    "react/prop-types": "off",
+    "prettier/prettier": "error",
+    "react/react-in-jsx-scope": "off",
+    "import/no-unresolved": "off",
+    "@typescript-eslint/no-unused-vars": "warn",
+    "no-console": "off",
+    "arrow-body-style": "off",
+    "prefer-arrow-callback": "off",
+    "max-len": "off",
+    "no-mixed-operators": "off",
+    "no-multiple-empty-lines": "off",
+    "import/no-named-as-default": "off",
+    "jsx-a11y/heading-has-content": "off",
+    "jsx-a11y/media-has-caption": "off",
+    "@typescript-eslint/no-empty-object-type": "off",
+    "react/display-name": "off"
+  }
+}

.github/workflows/deploy.yml

@@ -0,0 +1,61 @@
+name: Deploy to Amazon S3
+
+on:
+  push:
+    branches: ['week11']
+
+env:
+  AWS_REGION: ap-northeast-2
+  S3_BUCKET_NAME: talkak-fe
+
+permissions:
+  contents: read
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout source code.
+        uses: actions/checkout@v3
+
+      - name: Cache node modules
+        uses: actions/cache@v4
+        with:
+          path: node_modules
+          key: ${{ runner.OS }}-build-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.OS }}-build-
+            ${{ runner.OS }}-
+
+      - name: Install pnpm
+        run: |
+          npm install -g pnpm
+
+      - name: Create .env file
+        run: |
+          echo "VITE_API_URL=${{ secrets.VITE_API_URL }}" >> .env
+          echo "VITE_FAST_API_URL=${{ secrets.VITE_FAST_API_URL }}" >> .env
+
+      - name: Install Dependencies
+        run: pnpm install --no-frozen-lockfile --force
+
+      - name: Lint Code
+        run: pnpm lint
+
+      - name: Build
+        run: CI='' pnpm run build
+
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: ${{ env.AWS_REGION }}
+
+      - name: Upload to AWS S3
+        run: |
+          aws s3 cp \
+            --recursive \
+            --region ${AWS_REGION} \
+            ./dist s3://${{ env.S3_BUCKET_NAME }}

components.json

@@ -13,7 +13,7 @@
   "aliases": {
     "components": "@/components",
     "utils": "@/lib/utils",
-    "ui": "@/components/ui",
+    "ui": "@/components/common",
     "lib": "@/lib",
     "hooks": "@/hooks"
   }

package.json

@@ -26,6 +26,7 @@
     "@radix-ui/react-progress": "^1.1.0",
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.4",
     "@tanstack/react-query": "^5.59.20",
     "axios": "^1.7.7",
     "class-variance-authority": "^0.7.0",
@@ -49,10 +50,10 @@
     "swiper": "^11.1.14",
     "tailwind-merge": "^2.5.4",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.23.8",
-    "zustand": "^4.5.5"
+    "zod": "^3.23.8"
   },
   "devDependencies": {
+    "@babel/eslint-parser": "^7.25.9",
     "@chromatic-com/storybook": "^1.9.0",
     "@eslint/js": "^9.14.0",
     "@storybook/addon-essentials": "^8.4.2",
@@ -74,15 +75,27 @@
     "@types/react-dom": "^18.3.1",
     "@types/react-lazy-load-image-component": "^1.6.4",
     "@types/react-scroll": "^1.8.10",
+    "@typescript-eslint/eslint-plugin": "^8.14.0",
+    "@typescript-eslint/parser": "^8.14.0",
     "@vitejs/plugin-react": "^4.3.3",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.14.0",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-import": "^2.31.0",
+<<<<<<< HEAD
     "eslint-plugin-jest-dom": "^5.4.0",
+=======
+>>>>>>> 6844c8b (fix: eslint 수정 밎 정상화)
     "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react-hooks": "5.1.0-rc-fb9a90fa48-20240614",
+    "eslint-plugin-promise": "^6.6.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.14",
+    "eslint-plugin-jest-dom": "^5.4.0",
     "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-testing-library": "^6.4.0",
     "eslint-plugin-vitest": "^0.5.4",