chore: 초기 세팅 작업 진행 (#4)

* chore: 초기 세팅 작업 진행 (#3)

* REV-16 chore: 초기 프로젝트 세팅

* REV-17 chore: eslint 절대경로 @설정, import규칙 추가

* REV-17 chore: pages,hooks,components폴더에 import 우선순위 지정

* REV-17 chore: src의 폴더 pages,hooks,,,생성

* REV-17 chore: src/types에서 불필요 코드 제거

* REV-17 chore: 커밋린트 규칙 추가

* REV-17 docs: 이슈 템플릿 추가

* REV-17 chore: axios,tanstack-query,차크라UI 의존성 추가

* REV-17 chore: queryProvider 기본 옵션 수정

* chore: 커밋린트 커밋 규칙 수정

* docs: 커밋

* chore: tailwind설치

* chore: tailwind 적용 안되는 부분 수정

---------

Co-authored-by: Kim0426 <[email protected]>

* chore: prettier 설정

* chore: 허스키 스크립트 부분 추가

* chore: 개발서버 배포 설정

* chore: 개발서버 열기 전 스크립트 추가

* chore: 불필요 코드 제거

* chore: 개발서버 자동 배포 yml 수정

* chore: return전 빈 줄 추가하는 규칙 설정

* chore: 린트 규칙 수정사항 반영

---------

Co-authored-by: hyoribogo <[email protected]>

.eslintrc.cjs

@@ -0,0 +1,86 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:import/recommended',
+    'plugin:prettier/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh', 'import'],
+  settings: {
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        moduleDirectory: ['node_modules', '@types'],
+      },
+      typescript: {}, // this loads <rootdir>/tsconfig.json to eslint
+    },
+  },
+  rules: {
+    "newline-before-return":"error",
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+    'import/order': [
+      'error',
+      {
+        groups: [
+          'type',
+          'builtin',
+          'external',
+          'internal',
+          'parent',
+          'sibling',
+          'index',
+          'unknown',
+        ],
+        pathGroups: [
+          {
+            pattern: 'react*',
+            group: 'external',
+            position: 'before',
+          },
+          {
+            pattern: '@/pages*',
+            group: 'internal',
+            position: 'before',
+          },
+          {
+            pattern: '@/hooks*',
+            group: 'internal',
+            position: 'before',
+          },
+          {
+            pattern: '@/components*',
+            group: 'internal',
+            position: 'before',
+          },
+          {
+            pattern: '@/services*',
+            group: 'internal',
+            position: 'after',
+          },
+          {
+            pattern: '@/constants*',
+            group: 'internal',
+            position: 'after',
+          },
+          {
+            pattern: '@/types*',
+            group: 'internal',
+            position: 'after',
+          },
+        ],
+
+        alphabetize: {
+          order: 'asc',
+        },
+      },
+    ],
+  },
+}

.github/pull_request_template.md

@@ -0,0 +1,9 @@
+## 📑 구현 내용 <!-- 스크린샷, 시연 영상 및 설명 작성 -->
+
+<br/>
+
+## 🚧 참고 사항
+
+<br/>
+
+<!-- ## ❓ 궁금한 점 -->

.github/workflows/devserver_delpoy.yml

@@ -0,0 +1,45 @@
+name: dev-server-build
+on:
+  push:
+    branches:
+      - main 
+      - develop
+  pull_request:
+    branches:
+      - main
+      - develop
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [16.x]
+
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v2 # Update to version 2
+
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2 # Update to version 2
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Install dependencies
+        run: |
+          npm install
+
+      - name: Build the project
+        run: |
+          npm run build
+
+      - name: Deploy to S3
+        uses: jakejarvis/s3-sync-action@master
+        with:
+          args: --delete
+        env:
+          AWS_S3_BUCKET: ${{ secrets.AWS_STAGING_BUCKET_NAME }}
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          AWS_REGION: ${{ secrets.AWS_DEFAULT_REGION }}
+          SOURCE_DIR: "dist" 

.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
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# env files
+.env*

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx commitlint --config commitlint.config.cjs --edit $1

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": false,
+  "endOfLine": "auto",
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "singleQuote": true,
+  "bracketSameLine": false
+}

commitlint.config.cjs

@@ -0,0 +1,32 @@
+// eslint-disable-next-line no-undef
+module.exports = {
+  plugins: ['commitlint-plugin-function-rules'],
+  rules: {
+    'body-leading-blank': [1, 'always'],
+    'body-max-line-length': [2, 'always', 100],
+    'footer-leading-blank': [1, 'always'],
+    'footer-max-line-length': [2, 'always', 100],
+    'header-max-length': [2, 'always', 100],
+    'subject-case': [
+      2,
+      'never',
+      ['sentence-case', 'start-case', 'pascal-case', 'upper-case'],
+    ],
+
+    'function-rules/scope-enum': [
+      2,
+      'always',
+      ({ header }) => {
+        const regex = /(feat|style|fix|refactor|docs|chore)+: .+/
+        if (regex.test(header)) {
+          return [true]
+        }
+
+        return [
+          false,
+          '커밋 형식은 (feat,style..etc): 메시지의 형태여야 합니다.',
+        ]
+      },
+    ],
+  },
+}

index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>