[권수형] 스프린트6(base branch 수정)

.github/pull_request_template.md

@@ -0,0 +1,27 @@
+## 요구사항
+
+### 기본
+
+- [x]
+- []
+- []
+
+### 심화
+
+- [x]
+- []
+
+## 주요 변경사항
+
+-
+-
+
+## 스크린샷
+
+![image](이미지url)
+
+## 멘토에게
+
+-
+-
+- 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

.github/workflows/delete-merged-branch-config.yml

@@ -0,0 +1,14 @@
+name: delete branch on close pr
+
+on:
+  pull_request:
+    types: [closed]
+
+jobs:
+  delete-branch:
+    runs-on: ubuntu-latest
+    steps:
+      - name: delete branch
+        uses: SvanBoxel/delete-merged-branch@main
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

vite-project/.gitignore → .gitignore

@@ -22,3 +22,10 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# react
+.DS_*
+*.log
+logs
+**/*.backup.*
+**/*.back.*

.prettierignore

@@ -0,0 +1,14 @@
+dist/
+build/
+.prettierrc
+.eslintrc.cjs
+npm-debug.log
+yarn-debug.log
+yarn-error.log
+public/
+coverage/
+.vscode/
+.idea/
+.DS_Store
+*.config.js
+package-lock.json

.prettierrc

@@ -0,0 +1,16 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "proseWrap": "always",
+  "htmlWhitespaceSensitivity": "strict"
+}

eslint.config.js

@@ -0,0 +1,120 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import react from 'eslint-plugin-react'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import eslintConfigPrettier from "eslint-config-prettier/flat";
+import { defineConfig, globalIgnores } from 'eslint/config'
+import importPlugin from 'eslint-plugin-import'
+import jsxA11y from 'eslint-plugin-jsx-a11y'
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+
+export default defineConfig([
+  globalIgnores(['dist/ ','build/', 'node_modules/', '.eslintrc.cjs', 'npm-debug.log', 
+    'yarn-debug.log', 'yarn-error.log', 'public/', 'coverage/', '.vscode/', '.idea/', 
+    '.DS_Store', '*.config.js', 'package-lock.json',]), // 규칙 예외 파일
+
+  js.configs.recommended, // Js (권장옵션)
+  react.configs.flat.recommended, // react (권장옵션)
+  jsxA11y.flatConfigs.recommended, // 접근성 검사 (권장옵션)
+  eslintConfigPrettier,
+  {
+    files: ['**/*.{js,jsx}'],
+    extends: [
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      "simple-import-sort": simpleImportSort,
+      'import' : importPlugin,
+    },
+    settings: {
+      react: {
+      // 현재 React 버전을 명시합니다.
+      // 명시하지 않을 경우(기본값 'detect') React 라이브러리 전체를 불러오므로 린트 과정에서 속도가 느려질 수 있습니다.
+	      version: "19.1", 
+      },
+       'import/resolver': {
+        node: {
+          "paths" : ['src'], // src에 절대경로 Resolve
+          extensions: ['.js', '.jsx', '.ts', '.tsx', '.css'], // 자동 확장자 처리
+        }
+      }
+    },
+
+    rules: {
+      "simple-import-sort/imports": [ //import 정렬
+          "error",
+          {
+            "groups": [
+              // Packages `react` related packages come first.
+              ["^react", "^@?\\w"],
+              // Internal packages.
+              ["^(@|components)(/.*|$)"],
+              // Side effect imports.
+              ["^\\u0000"],
+              // Parent imports. Put `..` last.
+              ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
+              // Other relative imports. Put same-folder imports and `.` last.
+              ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
+              // Style imports.
+              ["^.+\\.?(css)$"]
+            ]
+          }
+        ],
+      // "import/extensions": ["error", "ignorePackages"], //import시 패키지를 제외하고 확장자 사용 (import/resolver : 자동확장자 처리랑 충돌)
+      'import/no-dynamic-require': 'warn',
+      'import/no-nodejs-modules': 'warn',
+      'import/newline-after-import': 'error', // import 후 한 줄 띄우기
+      'import/no-duplicates': 'error', // 중복 import 방지
+      "no-restricted-imports": [ // 절대경로 통일을 위해 ".*" 패턴 제한
+        "error",
+        {
+          "patterns": [".*"],
+        }
+      ],
+      'react/react-in-jsx-scope': 'off', // React 17+ 이상에서는 React import 불필요
+      "react/prop-types": "off", // Prop validation 오류 비활성화
+      // 화살표 함수 스타일 제한 해제
+      'arrow-body-style': 'off',
+      'prefer-arrow-callback': 'off',
+
+      // target="_blank" 사용시 보안 경고 비활성화
+      'react/jsx-no-target-blank': 'off',
+
+      // Fast Refresh 관련 설정
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true }
+      ],
+
+      // 미사용 변수 규칙 설정
+      'no-unused-vars': ['warn', {
+        'varsIgnorePattern': '^_',      // '_'로 시작하는 변수 무시
+        'argsIgnorePattern': '^_',      // '_'로 시작하는 매개변수 무시
+        'ignoreRestSiblings': true      // 구조분해할당의 나머지 변수 무시
+      }],
+
+      // 미사용 변수 규칙 설정 for TypeScript
+      // "no-unused-vars": "off",
+      // '@typescript-eslint/no-unused-vars': ['warn', {
+      //   'varsIgnorePattern': '^_',      // '_'로 시작하는 변수 무시
+      //   'argsIgnorePattern': '^_',      // '_'로 시작하는 매개변수 무시
+      //   'ignoreRestSiblings': true      // 구조분해할당의 나머지 요소(...rest) 무시
+      // }],
+
+      // 일치 연산자 강제 (==, != 대신 ===, !== 사용)
+      'eqeqeq': ['error', 'always'],
+    },
+  },
+])

index.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>판다마켓</title>
+    <meta name="title" content="판다마켓" />
+    <meta name="description" content="일상의 모든 물건을 거래해보세요" />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:locale" content="ko_KR" />
+    <meta
+      property="og:url"
+      content="https://awkward-panda-market.netlify.app/"
+    />
+    <meta property="og:title" content="판다마켓" />
+    <meta property="og:description" content="일상의 모든 물건을 거래해보세요" />
+    <meta property="og:image" content="https://i.imgur.com/ORYlHQw.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta
+      property="twitter:url"
+      content="https://awkward-panda-market.netlify.app/"
+    />
+    <meta property="twitter:image" content="https://i.imgur.com/ORYlHQw.png" />
+    <meta property="twitter:title" content="판다마켓" />
+    <meta
+      property="twitter:description"
+      content="일상의 모든 물건을 거래해보세요"
+    />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

jsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "checkJs": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*.js",
+    "src/**/*.jsx",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.svg"
+  ],
+  "exclude": ["node_modules", "**/node_modules", "dist"]
+}