React + Spring Boot + MySQL (11)

회원가입 화면 구현

다음과 같이 폴더구조를 세팅한다

• Authentication/index.tsx

import React from "react";
import SignUp from "./SignUp";

const Athentication = () => {
  return (
    <div>
      <SignUp />
    </div>
  );
};

export default Athentication;

• App.tsx

import "./App.css";
import Athenticatioin from "./views/Athentication";

const App = () => {
  return <Athenticatioin />;
};

export default App;

이 부분 리팩토링 할 것이다

const data = {
    userEmail: "abc123@gmail.com",
    userPassword: "abc123",
    userPasswordCheck: "abc123",
    userNickname: "abcde",
    userPhoneNumber: "010-1111-2222",
    userAddress: "대한민국 부산광역시",
    userAddressDetail: "강서구",
};

이제 원래 더미데이터를 적어서 요청 보내는 것을 Input창으로 직접 적어서 보내도록 퍼블리싱을 해보자

강의에서는 metarial-ui 라이브러리를 사용했지만
나는 styled-components를 이용해서 직접 퍼블리싱을 해보도록 하겠다.

다음편에서 계속