[FEAT] v1.0.0: 서비스 세오스 기간 내 MVP 완성 및 배포

.github/ISSUE_TEMPLATE/✨-feature-request.md

@@ -1,27 +1,19 @@
 ---
-name: "✨ Feature request"
+name: '✨ Feature request'
 about: 새로운 기능 추가 또는 개선 요청을 위한 템플릿입니다.
-title: "[FEAT]"
+title: '[FEAT]'
 labels: feature
 assignees: ''
-
 ---
 
 ## 📌 어떤 기능인가요?
-<-- 추가하고 싶은 기능에 대해 간략히 설명해주세요. -->
-
-> 
 
----
+<!-- 추가하고 싶은 기능에 대해 간략히 설명해주세요. -->
 
 ## 🧩 참고사항
-<-- 관련된 화면, 플로우, 또는 벤치마크 사례가 있다면 공유해주세요. -->
 
-> 
-
----
+<!-- 관련된 화면, 플로우, 또는 벤치마크 사례가 있다면 공유해주세요. -->
 
 ## 📎 기타
-<-- 추가적으로 논의하거나 공유하고 싶은 내용이 있다면 작성해주세요. -->
 
->
+<!-- 추가적으로 논의하거나 공유하고 싶은 내용이 있다면 작성해주세요. -->

.github/ISSUE_TEMPLATE/❓-etc-template.md

@@ -1,27 +1,19 @@
 ---
-name: "❓ Etc template"
+name: '❓ Etc template'
 about: 버그/기능 외의 문의사항, 개선 요청, 제안사항 등을 작성하는 템플릿입니다.
-title: "[ETC]"
+title: '[ETC]'
 labels: discussion
 assignees: ''
-
 ---
 
 ## 📌 요청/문의 내용
-<-- 하고자 하는 요청이나 질문을 자세히 작성해주세요. -->
-
-> 
 
----
+<!-- 하고자 하는 요청이나 질문을 자세히 작성해주세요. -->
 
 ## 🙋‍♀️ 배경 또는 목적
-<-- 이 요청이 필요한 이유나 배경이 있다면 함께 설명해주세요. -->
 
-> 
-
----
+<!-- 이 요청이 필요한 이유나 배경이 있다면 함께 설명해주세요. -->
 
 ## 📎 참고자료 (선택)
-<-- 관련 링크, 문서, 스크린샷이 있다면 첨부해주세요. -->
 
->
+<!-- 관련 링크, 문서, 스크린샷이 있다면 첨부해주세요. -->

.github/ISSUE_TEMPLATE/🐛-bug-report.md

@@ -1,34 +1,23 @@
 ---
 name: "\U0001F41B Bug report"
 about: 예상치 못한 오류나 동작을 보고하기 위한 템플릿입니다.
-title: "[Bug]"
+title: '[Bug]'
 labels: bug
 assignees: ''
-
 ---
 
 ## ❗️ 버그 설명
-<-- 발생한 문제를 명확하고 간결하게 설명해주세요. -->
-
-> 
 
----
+<!-- 발생한 문제를 명확하고 간결하게 설명해주세요. -->
 
 ## 🖼️ 스크린샷 또는 로그 (선택)
-<-- 가능하다면 관련된 이미지나 콘솔 로그를 첨부해주세요. -->
 
-> 
-
----
+<!-- 가능하다면 관련된 이미지나 콘솔 로그를 첨부해주세요. -->
 
 ## ✅ 기대 동작
-<-- 정상적으로 기대했던 동작은 무엇인가요? -->
-
-> 
 
----
+<!-- 정상적으로 기대했던 동작은 무엇인가요? -->
 
 ## 📎 참고자료 (선택)
-<-- 관련 이슈나 문서가 있다면 첨부해주세요. -->
 
->
+<!-- 관련 이슈나 문서가 있다면 첨부해주세요. -->

.github/pull_request_template.md

@@ -0,0 +1,36 @@
+## 개요
+
+<!-- 이 PR에서 어떤 작업을 했는지 간단히 설명해주세요. 어떻게보다 무엇을 왜 수정했는지 설명해주세요. -->
+
+## 관련 이슈
+
+<!---- Resolves: #(Issue Number) -->
+
+## PR 유형
+
+어떤 변경 사항이 있나요?
+
+- [ ] ✨ 새로운 기능 추가
+- [ ] 🐛 버그 수정
+- [ ] 🎨 UI / 스타일 변경 (CSS 등)
+- [ ] 📝 문서 수정
+- [ ] 🔧 코드 리팩토링
+- [ ] 🧪 테스트 코드 추가 / 수정
+- [ ] 💬 주석 추가 / 수정
+- [ ] 🧹 코드 외 변경사항 (예: 오타, 탭 사이즈, 변수명 변경 등)
+- [ ] 📦 빌드 설정 / 패키지 매니저 수정
+- [ ] 📁 파일 또는 폴더명 수정
+- [ ] 🗑️ 파일 또는 폴더 삭제
+
+## 작업 내용
+
+<!-- 작업 사항에 대한 설명을 적어주세요 -->
+
+## 스크린샷/동영상
+
+<!-- 작업물에 대한 스크린샷 혹은 동영상을 첨부해주세요 -->
+
+## 공유사항
+
+<!-- 리뷰어가 중점적으로 봐주었으면 좋겠는 부분을 적어주세요 -->
+<!-- 논의할 사항이 있다면 적어주세요 -->

.github/workflows/deploy.yml

@@ -0,0 +1,55 @@
+name: Deploy to S3 + CloudFront
+
+on:
+  push:
+    branches:
+      - develop
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 22.11.0
+          cache: 'npm'
+
+      - name: Prepare Environment
+        run: rm -f .env.production && touch .env.production
+
+      - name: Set ENV Variables for Vite
+        run: |
+          echo "VITE_API_URL=${{ secrets.VITE_API_URL }}" >> .env.production
+          echo "VITE_KAKAO_REDIRECT_URI=${{ secrets.VITE_KAKAO_REDIRECT_URI }}" >> .env.production
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build React
+        run: npm run build
+
+      - name: Deploy to S3
+        uses: jakejarvis/[email protected]
+        with:
+          args: --delete
+        env:
+          AWS_S3_BUCKET: ${{ secrets.S3_BUCKET_NAME }}
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          AWS_REGION: ${{ secrets.AWS_REGION }}
+          SOURCE_DIR: ./dist
+
+      - name: Invalidate CloudFront cache
+        run: |
+          aws cloudfront create-invalidation \
+            --distribution-id ${{ secrets.DISTRIBUTION_ID }} \
+            --paths "/*"
+        env:
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          AWS_REGION: ${{ secrets.AWS_REGION }}

.gitignore

@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+.env
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.vscode

.husky/pre-commit

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

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "semi": true
+}

README.md

@@ -0,0 +1 @@
+# INFLUY FE

eslint.config.js

@@ -0,0 +1,50 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
+import unusedImports from 'eslint-plugin-unused-imports';
+import prettierPlugin from 'eslint-plugin-prettier';
+import eslintPluginQuery from '@tanstack/eslint-plugin-query';
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+      prettier: prettierPlugin, // Prettier 플러그인 추가
+      '@tanstack/query': eslintPluginQuery,
+      'unused-imports': unusedImports,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+      'prettier/prettier': 'error', // Prettier 규칙을 위반하면 ESLint에서 에러로 처리
+      '@tanstack/query/exhaustive-deps': 'off',
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      'prefer-const': 'error',
+      'unused-imports/no-unused-imports': 'error',
+      'unused-imports/no-unused-vars': [
+        'error',
+        {
+          vars: 'all',
+          varsIgnorePattern: '^_',
+          args: 'after-used',
+          argsIgnorePattern: '^_',
+        },
+      ],
+    },
+  }
+);

index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, user-scalable=no"
+    />
+    <title>Influy</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <div id="modal"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>