Signup Page

이름과 이메일, 비밀번호를 입력한 후 CREATE ACCOUNT를 클릭하면 회원가입이 되게 구현하였다.

• 이메일 : 이메일 형식으로 작성해야 유효성 검사 통과
• 비밀번호 : 8자 이상의 영문 대소문자, 숫자, 특수문자가 들어가야 유효성 검사 통과
• 형식 틀리면 경고 메시지 출력
• 회원가입 성공시 회원가입 성공 메시지 출력
  

✤ 반응형

화면을 줄이면 아래와 같이 보이게끔 구현하였다. 마찬가지로 모든 기능 동일하게 작동하게 하였다.

---

Login Page

이메일과 비밀번호를 입력한 후 LOGIN 버튼을 클릭하면 로그인이 되게 구현하였다.

• 이메일 또는 비밀번호 틀리면 경고 메시지 출력
• 로그인 성공시 헤더 LOGIN → LOGOUT 으로 변경
  

✤ 반응형

화면을 줄이면 아래와 같이 보이게끔 구현하였다. 마찬가지로 모든 기능 동일하게 작동하게 하였다.

Front-end Repository : weareneverthat FE Repo