[Refact] SignUp, SignIn 페이지 커스텀 훅, 컴포넌트 중복 분리, 로직개선

Author: Andrevile

.github/ISSUE_TEMPLATE/-dev-log----------.md

@@ -28,7 +28,6 @@
 # 제목의 첫 글자는 대문자로 작성
 # 제목의 끝에 마침표 넣지 않기
 # 제목은 명령문으로
-# 본문의 각 행은 72글자 내로 제한.
 # 어떻게 보다는 무엇과 왜를 설명.
 # ------------------
 ################

.gitmessage.txt

@@ -16,6 +16,7 @@
     "react-router-dom": "^6.2.1",
     "react-scripts": "5.0.0",
     "redux": "^4.1.2",
+    "styled-components": "^5.3.3",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

client/package-lock.json

@@ -2,13 +2,17 @@ import React, { useState, useEffect, useRef } from 'react';
 import { Routes, Route } from 'react-router-dom';
 import { withCookies, useCookies } from 'react-cookie';
 import NavBar from 'components/NavBar';
-import Main from 'components/Main';
-import Dining from 'components/Dining';
-import NotFound from 'components/NotFound';
-import SignUp from 'components/SignUp';
-import SignIn from 'components/SignIn';
+
+import NotFound from 'pages/NotFound';
+
 import Modal from 'components/Modal';
-import Share from 'components/Share';
+
+import Main from 'pages/Main';
+import Dining from 'pages/Dining';
+import Share from 'pages/Share';
+import SignUp from 'pages/SignUp';
+import SignIn from 'pages/SignIn';
+
 import './App.css';
 function App() {
   const [modalOff, modalOn] = useState(false);

client/package.json

@@ -0,0 +1,8 @@
+function InputBox({ props, changeHandler }) {
+  return (
+    <>
+      <input {...props} onChange={changeHandler}></input>
+    </>
+  );
+}
+export default InputBox;

client/src/App.js

@@ -0,0 +1,15 @@
+function SignLogo({ text }) {
+  return (
+    <>
+      <div className='auth-logo'>
+        <p>이랏샤이</p>
+        <p>오마카세</p>
+      </div>
+      <div className='auth-description'>
+        <p>{text}</p>
+      </div>
+    </>
+  );
+}
+
+export default SignLogo;