Skip to content

[홍건우] Payment 미션 Step1 #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
HongGunWoo wants to merge 12 commits into
base: HongGunWoo
Choose a base branch
from
Open

[홍건우] Payment 미션 Step1 #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
f2cb773
feat: 프로젝트 초기 설정 및 storybook 세팅
HongGunWoo Jul 22, 2024
cff7b35
chore: 불필요 파일 제거
HongGunWoo Jul 22, 2024
2276cbe
feat: 화살표 버튼 구현
HongGunWoo Jul 22, 2024
9cc8ae2
feat: Card 컴포넌트 구현
HongGunWoo Jul 22, 2024
c1ef7d0
feat: Modal 컴포넌트 구현
HongGunWoo Jul 22, 2024
9f11ce7
feat: Label, Input 컴포넌트 초기 구현
HongGunWoo Jul 22, 2024
a14f6a5
feat: 전역 스타일 적용
HongGunWoo Jul 22, 2024
b1eaad1
feat: header컴포넌트 구현
HongGunWoo Jul 22, 2024
03b5924
chore: global 스타일 적용
HongGunWoo Jul 22, 2024
b42b5dd
feat: Card 생성 form 구현
HongGunWoo Jul 22, 2024
d914a7a
chore: pnpm 제거
HongGunWoo Jul 22, 2024
9971255
fix: 날짜에 0 입력 안되는 버그 수정
HongGunWoo Jul 22, 2024
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
6 changes: 1 addition & 5 deletions .eslintrc.cjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,7 @@
module.exports = {
root: true,
env: { browser: true, es2020: true },
extends: [
'eslint:recommended',
'plugin:@typescript-eslint/recommended',
'plugin:react-hooks/recommended',
],
extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', 'plugin:storybook/recommended', 'plugin:storybook/recommended', 'plugin:storybook/recommended'],
ignorePatterns: ['dist', '.eslintrc.cjs'],
parser: '@typescript-eslint/parser',
plugins: ['react-refresh'],
Expand Down
2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,3 +22,5 @@ dist-ssr
*.njsproj
*.sln
*.sw?

*storybook.log
18 changes: 18 additions & 0 deletions .storybook/main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import type { StorybookConfig } from "@storybook/react-vite";

const config: StorybookConfig = {
stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
addons: [
"@storybook/addon-onboarding",
"@storybook/addon-links",
"@storybook/addon-essentials",
"@chromatic-com/storybook",
"@storybook/addon-interactions",
"@storybook/addon-themes"
],
framework: {
name: "@storybook/react-vite",
options: {},
},
};
export default config;
22 changes: 22 additions & 0 deletions .storybook/preview.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
import { GlobalStyle } from './../src/styles/globalStyle';
import type { Preview } from '@storybook/react';
import { withThemeFromJSXProvider } from '@storybook/addon-themes';

const preview: Preview = {
parameters: {
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/i,
},
},
},

decorators: [
withThemeFromJSXProvider({
GlobalStyles: GlobalStyle,
}),
],
};

export default preview;
23 changes: 13 additions & 10 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,15 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>React Clean Code Payments</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>React Clean Code Payments</title>
</head>

<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>

</html>
Loading