로그인 시작 페이지

우선은 기능 생각 없이 UI 만 화면에 각 라우트 별로 띄워보려 한다.

기능을 추가 하며 많은 수정이 있을 것으로 예상 된다.

 

 

 

로그인 페이지 UI

 

 

 

 

npm install classnames --save

위 코드는 입력 폼을 위해 컴포넌트를 분리해서 따로 만들었다.

 

 

 

 

왼쪽이 피그마 디자인 오른쪽이 현재 프론트 단에서 코딩한 결과이다.

우선 UI/UX가 엉망이지만 기본적인 골격을 다잡은 후에 UI/UX를 가다듬고 차후 기능을 추가 해야겠다.

.

.

.

회원가입 UI을 누르면 우선 /signup/agreement url로 라우팅 된다.