Develop (#13)

* chore: changeLog 추가

* chore: modify template

* input 매개변수 및 마진 값 수정 (#12)

* (#11) refactor: setState -> onChange로 변경

* (#11) fix: margin left 6px 추가

.github/ISSUE_TEMPLATE/modify.md

@@ -0,0 +1,14 @@
+---
+name: Modify
+about: 수정사항 / 리팩토링 관련
+title: ''
+labels: refactor
+assignees: ''
+---
+
+## 수정할 부분 설명 <!-- 수정할 이유에 대한 간단한 설명-->
+
+## 진행 사항 <!-- 할 일 목록을 만들고 진행 사항 표시 -->
+
+- [ ] todo1
+- [ ] todo2

.releaserc

@@ -44,8 +44,21 @@
       }
     ],
     "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        "changelogFile": "docs/CHANGELOG.md"
+      }
+    ],
     "@semantic-release/npm",
-    "@semantic-release/git",
+    [
+      "@semantic-release/git",
+      {
+        "assets": [
+          "docs/CHANGELOG.md"
+        ]
+      }
+    ],
     "@semantic-release/github"
   ]
 }

package.json

@@ -33,6 +33,7 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@babel/runtime-corejs3": "^7.19.4",
+    "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-actions": "^6.5.12",
     "@storybook/addon-essentials": "^6.5.12",

src/components/input/Label.tsx

@@ -6,7 +6,7 @@ export interface labelPropsType {
 
 export const Label = ({ label }: labelPropsType) => {
   return (
-    <Text size="bodyM" color="gray6">
+    <Text margin={['left', 6]} size="bodyM" color="gray6">
       {label}
     </Text>
   );

src/components/input/index.tsx

@@ -1,12 +1,12 @@
 import styled from 'styled-components';
-import { ChangeEvent, Dispatch, SetStateAction, useState } from 'react';
+import { useState } from 'react';
 import { Eye } from '../styleGuide/icon/Eye';
 import { Label, labelPropsType } from './Label';
 import { ErrorMsg, errorMsgPropsType } from './ErrorMsg';
 import { marginCssType, _Wrapper } from '../../utils/distance';
 
 interface PropsType extends marginCssType, errorMsgPropsType, labelPropsType {
-  setState: Dispatch<SetStateAction<string>>;
+  onChange: (e: React.ChangeEvent<HTMLInputElement>) => {};
   type?: 'text' | 'password';
   placeholder?: string;
   width?: number;
@@ -17,7 +17,7 @@ interface PropsType extends marginCssType, errorMsgPropsType, labelPropsType {
 
 /** input 에러 상태일 때에는 포커싱이 파란색..? */
 export const Input = ({
-  setState,
+  onChange,
   label,
   placeholder,
   width,
@@ -34,7 +34,7 @@ export const Input = ({
       <Label label={label} />
       <_InputWrapper width={width}>
         <_Input
-          onChange={(e) => setState(e.target.value)}
+          onChange={onChange}
           type={(isOpen && 'text') || type}
           errorMsg={errorMsg}
           placeholder={placeholder}

yarn.lock

@@ -2404,6 +2404,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@semantic-release/changelog@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "@semantic-release/changelog@npm:6.0.2"
+  dependencies:
+    "@semantic-release/error": ^3.0.0
+    aggregate-error: ^3.0.0
+    fs-extra: ^11.0.0
+    lodash: ^4.17.4
+  peerDependencies:
+    semantic-release: ">=18.0.0"
+  checksum: e116a1ac2528c960743ae952f0b2510713a18a9df1d7ea61dc0092380eb26c5e79c5b0b699f7c9cc71f5f27b49ccd736c46319363a737528454568b000016752
+  languageName: node
+  linkType: hard
+
 "@semantic-release/commit-analyzer@npm:^9.0.2":
   version: 9.0.2
   resolution: "@semantic-release/commit-analyzer@npm:9.0.2"
@@ -3812,6 +3826,7 @@ __metadata:
     "@babel/preset-react": ^7.18.6
     "@babel/preset-typescript": ^7.18.6
     "@babel/runtime-corejs3": ^7.19.4
+    "@semantic-release/changelog": ^6.0.2
     "@semantic-release/git": ^10.0.1
     "@storybook/addon-actions": ^6.5.12
     "@storybook/addon-essentials": ^6.5.12