Skip to content

Commit 24604b7

Browse files
pocojangwoowa-euijinkk
pocojang
authored and
woowa-euijinkk
committed
feat: init react payments project
1 parent b9b2874 commit 24604b7

18 files changed

+10311
-74
lines changed

‎.eslintrc.cjs‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
module.exports = {
2+
root: true,
3+
env: { browser: true, es2020: true },
4+
extends: [
5+
"eslint:recommended",
6+
"plugin:@typescript-eslint/recommended",
7+
"plugin:react-hooks/recommended",
8+
"plugin:storybook/recommended",
9+
],
10+
ignorePatterns: ["dist", ".eslintrc.cjs"],
11+
parser: "@typescript-eslint/parser",
12+
plugins: ["react-refresh"],
13+
rules: {
14+
"react-refresh/only-export-components": [
15+
"warn",
16+
{ allowConstantExport: true },
17+
],
18+
},
19+
};

‎.gitignore‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
# Vite
2+
.vite
3+
4+
# Logs
5+
logs
6+
*.log
7+
npm-debug.log*
8+
yarn-debug.log*
9+
yarn-error.log*
10+
pnpm-debug.log*
11+
lerna-debug.log*
12+
13+
node_modules
14+
dist
15+
dist-ssr
16+
*.local
17+
18+
# Editor directories and files
19+
.vscode/*
20+
!.vscode/extensions.json
21+
.idea
22+
.DS_Store
23+
*.suo
24+
*.ntvs*
25+
*.njsproj
26+
*.sln
27+
*.sw?
28+
29+
*storybook.log

‎.storybook/main.ts‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import type { StorybookConfig } from "@storybook/react-vite";
2+
3+
const config: StorybookConfig = {
4+
stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
5+
addons: [
6+
"@storybook/addon-onboarding",
7+
"@storybook/addon-links",
8+
"@storybook/addon-essentials",
9+
"@chromatic-com/storybook",
10+
"@storybook/addon-interactions",
11+
],
12+
framework: {
13+
name: "@storybook/react-vite",
14+
options: {},
15+
},
16+
docs: {
17+
autodocs: "tag",
18+
},
19+
};
20+
export default config;

‎.storybook/preview.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import type { Preview } from "@storybook/react";
2+
3+
const preview: Preview = {
4+
parameters: {
5+
controls: {
6+
matchers: {
7+
color: /(background|color)$/i,
8+
date: /Date$/i,
9+
},
10+
},
11+
},
12+
};
13+
14+
export default preview;

‎README.md‎

Lines changed: 1 addition & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,74 +1 @@
1-
<p align="middle" >
2-
<span style="font-size: 250px">💳</span>
3-
</p>
4-
<h2 align="middle">Level2 - 페이먼츠</h2>
5-
<p align="middle">React 모바일 페이먼츠 애플리케이션</p>
6-
</p>
7-
8-
## 🚀 Getting Started
9-
10-
> `Component-Driven Development` 에 따라 UI를 구성하고 재사용 가능한 `Component`를 작성합니다.
11-
12-
✔️ `모바일 타겟`의 웹 앱을 구현하며 사용하기 `편리한 모바일 UI/UX`에 대해 고민해봅니다.
13-
✔️ 다른 라이브러리나 프레임워크 없이 오로지 `React`만으로 상태를 관리하고 컴포넌트를 설계합니다.
14-
✔️ React `Hooks API`를 활용합니다.
15-
✔️ `재사용 가능한 Component`를 직접 작성하고 사용합니다.
16-
✔️ `Controlled` & `Uncontrolled Components`에 입각하여 `Form`을 핸들링합니다.
17-
18-
## 📝 Requirements
19-
20-
### 공통 요구사항
21-
22-
- [ ] `Storybook` 상호 작용 테스트
23-
24-
### Step1
25-
26-
> 권장 마감기한 - **4월 27일 화요일**
27-
28-
- [ ] `REQUIREMENTS.md`에 요구 사항 도출
29-
- [ ] `재사용 가능한 Component` 작성
30-
31-
##### 필수 구현
32-
33-
- [ ] 카드 추가 폼
34-
- [ ] 카드 추가 확인
35-
36-
### 심화 요구사항
37-
38-
- [ ] `Storybook` 단위 테스트
39-
- [ ] 유효성 검증 실패에 대한 UI/UX 추가
40-
- [ ] 가상 키보드
41-
- [ ] 마스킹 처리된 값 입력시 사용
42-
- [ ] 숫자를 랜덤으로 배열
43-
44-
### Step2
45-
46-
> 권장 마감기한 - **5월 4일 화요일**
47-
48-
### 필수 요구사항
49-
50-
- [ ] `Controlled` & `Uncontrolled Components`에 입각하여 `Form` 핸들링
51-
- [ ] `Context API`를 활용해 전역 상태 관리 및 계층 재구성
52-
53-
#### 필수 구현
54-
55-
- [ ] 카드 목록
56-
57-
### 심화 요구사항
58-
59-
- [ ] `Storybook` 스냅샷 테스트
60-
- [ ] 비동기 통신
61-
- [ ] 다양한 도구를 활용 (예 JSON Server, Strapi 등등)
62-
- [ ] 등록된 카드 정보를 CRUD 합니다.
63-
- [ ] 나열된 카드 클릭시 `카드 추가 확인` 화면 재활용
64-
- [ ] 별칭 수정 가능
65-
66-
## 👏 Contributing
67-
68-
만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.
69-
70-
<br>
71-
72-
## 🐞 Bug Report
73-
74-
버그를 발견한다면, [Issues](https://github.com/woowacourse/react-payments/issues)에 등록해주세요.
1+
# react-payments

‎index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>React Payments</title>
8+
</head>
9+
<body>
10+
<div id="root"></div>
11+
<script type="module" src="/src/main.tsx"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)