Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
44 commits
Select commit Hold shift + click to select a range
e5dc47b
🎉 cra를 vite로 변경
leeetaesik Apr 8, 2025
aab9796
🔥 필요없는 파일, 코드 삭제
leeetaesik Apr 9, 2025
4194a9c
➕ 라이브러리 추가
leeetaesik Apr 10, 2025
ca6c353
🔧 tailwind 적용
leeetaesik Apr 10, 2025
05df590
💄 font, color tailwind theme에 추가
leeetaesik Apr 10, 2025
073ee95
📝 README.md에 폴더 구조 추가
leeetaesik Apr 10, 2025
506e6ea
✨ 중고마켓 페이지 추가
leeetaesik Apr 11, 2025
ccf8a5f
✨ 헤더관련 파일 추가
leeetaesik Apr 11, 2025
8e1e82a
✨ 홈페이지, 레이아웃 컴포넌트 추가
leeetaesik Apr 11, 2025
b59497c
🚧 기본 라우팅 설정
leeetaesik Apr 11, 2025
a9fec82
💄 반응형 테일윈드 테마 추가
leeetaesik Apr 11, 2025
2ba2e44
🎨 로고 완성
leeetaesik Apr 11, 2025
94cc592
🎨 유저메뉴 완성
leeetaesik Apr 11, 2025
8710b14
🎨 네비게이션 바 완성
leeetaesik Apr 11, 2025
e706634
🎨 헤더 완성
leeetaesik Apr 11, 2025
e009bba
💄 로고와 유저메뉴 수정
leeetaesik Apr 11, 2025
0c9212c
💄 네비게이션 바 수정
leeetaesik Apr 11, 2025
1e188ad
🙈 .env추가
leeetaesik Apr 12, 2025
61e306a
✨ axios.js 생성
leeetaesik Apr 12, 2025
d54e717
✨ items.js에 getItems 함수 생성
leeetaesik Apr 12, 2025
e66683f
🎨 tailwind spacing값 수정
leeetaesik May 4, 2025
89e5240
🚚 파일 이동
leeetaesik May 4, 2025
c5b38f8
🎨 색상 gray 이름을 secondary로 변경
leeetaesik May 4, 2025
0bb2317
💄 네브바 글자색 추가
leeetaesik May 4, 2025
7826c20
🎨 프로필이미지 이름 변경
leeetaesik May 10, 2025
68eb92a
✨ 버튼 컴포넌트 생성
leeetaesik May 10, 2025
0a7284b
✨ 상품 검색 컴포넌트 생성
leeetaesik May 10, 2025
6b6859b
✨ 정렬버튼 추가
leeetaesik May 10, 2025
53e1bc4
🎨 bg색 추가
leeetaesik May 10, 2025
f798c8a
✨ 정렬버튼 드롭다운 추가
leeetaesik May 10, 2025
bb7ea53
✨ 아이템카드 추가
leeetaesik May 10, 2025
4c0351d
🚧 임시 ui 구성
leeetaesik May 10, 2025
61d9fd7
✨ 가격에 , 추가
leeetaesik May 11, 2025
d9217ad
✨ 버튼 컴포넌트 onClick기능 추가
leeetaesik May 11, 2025
d9906e8
✨ 페이지네이션 ui 추가
leeetaesik May 11, 2025
a219086
✨ useDisplay 추가
leeetaesik May 11, 2025
38131ee
🎨 pc 헤더 패딩 추가
leeetaesik May 11, 2025
4ceb59f
✨ 베스트 상품 리스트 추가
leeetaesik May 11, 2025
1211769
✨ 전체 상품 리스트 추가
leeetaesik May 11, 2025
edbd35f
✨ 정렬기능 추가
leeetaesik May 11, 2025
e73a558
✨ 페이지네이션 기능 구현
leeetaesik May 11, 2025
3664388
✨ display변경시 page1로 설정
leeetaesik May 11, 2025
52deabf
🔧 넷틀리파이 설정 추가
leeetaesik May 11, 2025
67b2719
🐛 상품 등록하기 버튼 경로 수정
leeetaesik May 11, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 22 additions & 20 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,23 +1,25 @@
# 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?
.env
3 changes: 3 additions & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"plugins": ["prettier-plugin-tailwindcss"]
}
95 changes: 25 additions & 70 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,70 +1,25 @@
# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can't go back!**

If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

### Code Splitting

This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)

### Analyzing the Bundle Size

This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)

### Making a Progressive Web App

This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)

### Advanced Configuration

This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)

### Deployment

This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)

### `npm run build` fails to minify

This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
## 📁 프로젝트 폴더 구조

```
15-sprint-mission/
├── .github/
├── public/
├── src/
│ ├── api/
│ ├── assets/
│ ├── components/
│ ├── pages/
│ ├── App.css
│ ├── App.jsx
│ └── main.jsx
├── .gitignore
├── .prettierrc
├── eslint.config.js
├── index.html
├── package.json
├── package-lock.json
├── vite.config.js
└── README.md
```
33 changes: 33 additions & 0 deletions eslint.config.js
Original file line number Diff line number Diff line change
@@ -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 },
],
},
},
]
12 changes: 12 additions & 0 deletions index.html
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💊 제안
그전 미션에서 추가하셨던 메타 태그도 추가하시면 더 좋을 것 같아요!

Original file line number Diff line number Diff line change
@@ -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>판다마켓</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
Loading
Loading