codeit-sprint-fullstack · fiivxyxxng · Mar 10, 2025 · Mar 10, 2025 · Mar 10, 2025 · Mar 10, 2025
diff --git a/.gitignore b/.gitignore
@@ -1,23 +1,24 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
+# 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?
diff --git a/README.md b/README.md
@@ -1,39 +1,26 @@
-# 판다마켓 스프린트 미션 5
+# 판다마켓 스프린트 미션 6
 
-React를 사용하여 구현하였습니다.
 
 ## 파일 구조
 
 ```bash
-├── README.md
-├── node_modules
-├── package-lock.json
-├── package.json
-├── public
-│   ├── favicon.ico
-│   └── index.html
-└── src
-    ├── App.js
-    ├── api
-    │   └── api.js
-    ├── assets
-    │   └── images
-    │       ├── home
-    │       ├── icon
-    │       ├── logo
-    │       └── social
-    ├── components
-    │   ├── BestProduct.css
-    │   ├── BestProduct.js
-    │   ├── Footer.css
-    │   ├── Footer.js
-    │   ├── Header.css
-    │   ├── Header.js
-    │   ├── Pagination.css
-    │   ├── Pagination.js
-    │   ├── ProductList.css
-    │   └── ProductList.js
-    ├── index.js
-    └── styles
-        └── global.css
+
 ```
+
+## 코드 리뷰 반영
+
+- 컴포넌트 파일 확장자 .js -> .jsx 변경
+-
+
+## 변경사항
+
+- 각 페이지별 컴포넌트 추가
+- Main.js: 기본 렌더링 파일로 라우트 경로 설정
+- 기존 App.js
+  - Productlist 컴포넌트 관련 props, state 부분 MarketPage.jsx로 이동
+  - Header, Outlet, Footer 컴포넌트로 경로에 해당하는 라우트로 이동 시 Outlet만 변경되도록 수정
+- css module 적용
+  - 기존 global.css -> App.module.css로 변경
+  - color palette 추가
+- Pagination
+  - useMemo 적용
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,33 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+
+export default [
+  { ignores: ['dist'] },
+  {
+    files: ['**/*.{js,jsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+]
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>판다마켓</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.jsx"></script>
+  </body>
+</html>
diff --git a/jsconfig.json b/jsconfig.json
@@ -0,0 +1 @@
+{}