[Deploy] ver 1.0.0

.eslintrc.json

@@ -1,3 +1,7 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:storybook/recommended",
+    "plugin:storybook/recommended"
+  ]
 }

.github/ISSUE_TEMPLATE/⚙chore-template.md

@@ -0,0 +1,23 @@
+---
+name: "⚙Chore Template"
+about: 개발 환경 세팅 시 사용하는 템플릿입니다.
+title: "[Chore] 이슈 내용"
+labels: chore
+assignees: ''
+
+---
+
+### 목적
+> 추가하려는 세팅 등에 대해 간결하게 설명해주세요
+
+<br />
+
+### 작업 상세 내용
+- [ ] TODO
+- [ ] TODO
+
+<br />
+
+### 유의사항
+
+<br />

.github/ISSUE_TEMPLATE/🎨other-template.md

@@ -0,0 +1,23 @@
+---
+name: "\U0001F3A8Other Template"
+about: 세 가지 상황 이외의 이슈 템플릿입니다.
+title: "[Type] 작업 내용"
+labels: ''
+assignees: ''
+
+---
+
+### 목적
+> 추가하려는 스타일, 수정사항 등에 대해 간결하게 설명해주세요
+
+<br />
+
+### 작업 상세 내용
+- [ ] TODO
+- [ ] TODO
+
+<br />
+
+### 유의사항
+
+<br />

.github/ISSUE_TEMPLATE/🔧fix-template.md

@@ -0,0 +1,23 @@
+---
+name: "\U0001F527Fix Template"
+about: 버그 수정시 사용하는 템플릿입니다.
+title: "[Fix] 작업 내용"
+labels: fix
+assignees: ''
+
+---
+
+### 목적
+> 수정하려는 버그 등에 대해 간결하게 설명해주세요
+
+<br />
+
+### 작업 상세 내용
+- [ ] TODO
+- [ ] TODO
+
+<br />
+
+### 유의사항
+
+<br />

.github/ISSUE_TEMPLATE/🛠feature-template.md

@@ -0,0 +1,24 @@
+---
+name: "\U0001F6E0Feature Template"
+about: 기능 개발을 위한 이슈 템플릿입니다.
+title: "[Feat] 이슈 내용"
+labels: feat
+assignees: ""
+---
+
+### 목적
+
+> 추가하려는 기능 등에 대해 간결하게 설명해주세요
+
+<br />
+
+### 작업 상세 내용
+
+- [ ] TODO
+- [ ] TODO
+
+<br />
+
+### 유의사항
+
+<br />

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,24 @@
+## 연관 이슈
+
+close #{이슈번호}
+
+<br/>
+
+## 📁 작업 내용
+
+이번 PR에서 작업한 내용을 간략히 설명해주세요.
+
+<br/>
+
+## 📁 구현 결과 (선택)
+
+구현한 기능이 보이는 스크린샷을 업로드해주세요.
+
+<br/>
+
+## 📁 기타 사항
+
+리뷰어가 특별히 봐주었으면 하는 부분이나 주의사항, 알림사항 등이 있다면 작성해주세요.
+<br/> ex) 더미 데이터를 넣어서 기능 구현한 상태입니다!
+
+<br/>

.github/workflows/main.yml

@@ -0,0 +1,30 @@
+name: git push into another repo to deploy to vercel
+
+on:
+  push:
+    branches: [develop]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    container: pandoc/latex
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install mustache (to update the date)
+        run: apk add ruby && gem install mustache
+      - name: creates output
+        run: sh ./build.sh
+      - name: Pushes to another repository
+        id: push_directory
+        uses: cpina/github-action-push-to-another-repository@main
+        env:
+          API_TOKEN_GITHUB: ${{ secrets.AUTO_TOKEN }}
+        with:
+          source-directory: 'output'
+          destination-github-username: yyypearl
+          destination-repository-name: SchoolPoint_deploy
+          user-email: ${{ secrets.OFFICIAL_ACCOUNT_EMAIL }}
+          commit-message: ${{ github.event.commits[0].message }}
+          target-branch: develop
+      - name: Test get variable exported by push-to-another-repository
+        run: echo $DESTINATION_CLONED_DIRECTORY

.gitignore

@@ -34,3 +34,7 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+*storybook.log
+
+.env

.storybook/main.ts

@@ -0,0 +1,21 @@
+import type { StorybookConfig } from "@storybook/nextjs";
+
+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",
+  ],
+  framework: {
+    name: "@storybook/nextjs",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  staticDirs: ["..\\public"],
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,39 @@
+import { withThemeFromJSXProvider } from '@storybook/addon-themes';
+import { createGlobalStyle, ThemeProvider } from 'styled-components';
+import {theme} from "../src/styles/theme";
+
+const GlobalStyles = createGlobalStyle`
+  * {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+html,
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+  font-family: "Pretendard";
+  width: 360px;
+  height: 800px;
+
+  @media (max-width: 360px) {
+    font-size: 14px;
+  }
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+`;
+
+export const decorators = [
+  withThemeFromJSXProvider({
+    GlobalStyles,
+    themes: {
+      color: theme
+    },
+    Provider: ThemeProvider,
+  }),
+];

@types/react-signature-canvas/index.d.ts

@@ -0,0 +1,33 @@
+declare module 'react-signature-canvas' {
+    import { Component, RefObject } from 'react';
+
+    interface SignatureCanvasProps {
+      canvasProps?: object;
+      clearOnResize?: boolean;
+      backgroundColor?: string;
+      penColor?: string;
+      velocityFilterWeight?: number;
+      minWidth?: number;
+      maxWidth?: number;
+      dotSize?: number | (() => number);
+      throttle?: number;
+      onBegin?: () => void;
+      onEnd?: (event: MouseEvent | TouchEvent) => void;
+    }
+
+    class SignatureCanvas extends Component<SignatureCanvasProps> {
+      clear(): void;
+      isEmpty(): boolean;
+      fromDataURL(base64String: string): void;
+      toDataURL(type?: string, encoderOptions?: any): string;
+      fromData(pointGroups: object[]): void;
+      toData(): object[];
+      getCanvas(): HTMLCanvasElement;
+      getTrimmedCanvas(): HTMLCanvasElement;
+      off(): void;
+      on(): void;
+    }
+
+    export default SignatureCanvas;
+  }
+