[Side-pjt] 로그인 페이지 만들기

로그인 페이지는 회원가입 페이지와 사실 큰 차이가 없었다.

1. 테스트 코드 작성하기

회원가입때와 마찬가지로 테스트코드를 먼저 작성하였다. 마찬가지로 layout과 interaction으로 나누어서 테스트 코드를 구현하였다. 에러메시지가 잘 뜨는지 그리고 입력을 제대로 했을때는 에러메시지가 안뜨는지 사용자의 입장에서 최대한 코드를 작성하였다.

2. SignIn 페이지 구현

회원가입 페이지와 마찬가지로 react-hook-form 을 사용하였고 회원가입 페이지를 만들때 구현해놓은 컴포넌트들을 사용하여 10분도 안되서 구현을 완료하였다. 이게 리액트의 장점이 아닌가 싶다.
하지만 구현을 해보고 나니 회원가입 페이지와 코드가 너무 유사하였다. 컴포넌트를 좀 더 분리하거나 리팩토링을 할 수 있을거같아 추후에 해보아야겠다.

그리고는 컨벤션에 맞지않은 폴더이름들을 정리해주었다.

3. 추가 필요사항

• 컴포넌트 다시 분리 해보기
• api 요청 처리와 에러 핸들링