[장바구니 협업 Step 1] 황펭(양이진) 미션 제출합니다.

.github/workflows/deploy.yml

@@ -0,0 +1,53 @@
+name: NodeJS with Webpack
+
+on:
+  push:
+    branches: ['step1']
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    concurrency:
+      group: ${{ github.workflow }}-${{ github.ref }}
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Cache dependencies
+        id: cache
+        uses: actions/cache@v3
+        with:
+          path: '**/node_modules'
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Install Dependencies
+
+        if: steps.cache.outputs.cache-hit != 'true'
+        run: npm ci --legacy-peer-deps
+
+      - name: Build
+        run: CI='' npm run build
+
+      - name: Build Storybook
+        run: |
+          npm run build-storybook
+          mv ./storybook-static ./build/storybook
+
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./build

.gitignore

@@ -0,0 +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
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.storybook/main.ts

@@ -0,0 +1,20 @@
+import type { StorybookConfig } from '@storybook/react-webpack5';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/preset-create-react-app',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+  staticDirs: ['../public'],
+};
+export default config;

.storybook/preview.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import { Preview } from '@storybook/react';
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+import { RecoilRoot } from 'recoil';
+import { BrowserRouter } from 'react-router-dom';
+import { initialize, mswDecorator } from 'msw-storybook-addon';
+import { ThemeProvider } from 'styled-components';
+
+import GlobalStyle from '../src/styles';
+import theme from '../src/styles/theme';
+import { handlers } from '../src/mocks/handlers';
+
+let options = {};
+if (location.hostname === 'leejin-yang.github.io') {
+  options = {
+    serviceWorker: {
+      url: '/react-shopping-cart/mockServiceWorker.js',
+    },
+  };
+}
+
+initialize(options);
+
+export const decorators = [
+  (Story) => (
+    <BrowserRouter>
+      <RecoilRoot>
+        <ThemeProvider theme={theme}>
+          <GlobalStyle />
+          <Story />
+        </ThemeProvider>
+      </RecoilRoot>
+    </BrowserRouter>
+  ),
+  mswDecorator,
+];
+
+const customViewports = {
+  desktop: {
+    name: 'Desktop',
+    styles: { width: '1600px', height: '1200px' },
+  },
+};
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+  viewport: {
+    viewports: {
+      ...INITIAL_VIEWPORTS,
+      ...customViewports,
+    },
+  },
+  msw: handlers,
+};
+
+const preview: Preview = { parameters };
+
+export default preview;

docs/REQUIREMENTS.md

@@ -0,0 +1,4 @@
+## 요구 사항
+
+- [x] 사용자는 여러 서버 중 하나를 선택할 수 있다.
+- [x] 사용자 별 장바구니 기능이 정상적으로 동작하게 만든다.