[Week5] 박준영

[zoonyoung]

요구사항

기본

• [기본]이메일 input에서 focus out 할 때, 값이 없을 경우 input에 빨강색 테두리와 아래에 “이메일을 입력해주세요.” 빨강색 에러 메세지가 보이나요?
• [기본]이메일 input에서 focus out 할 때, 이메일 형식에 맞지 않는 값이 있는 경우 input에 빨강색 테두리와 아래에 “올바른 이메일 주소가 아닙니다.” 빨강색 에러 메세지가 보이나요?
• [기본]이메일 input에서 focus out 일 때, input 값이 [email protected] 일 경우 input에 빨강색 테두리와 아래에 “이미 사용 중인 이메일입니다.” 빨강색 에러 메세지가 보이나요?
• [기본]비밀번호 input에서 focus out 할 때, 값이 8자 미만으로 있거나 문자열만 있거나 숫자만 있는 경우, input에 빨강색 테두리와 아래에 “비밀번호는 영문, 숫자 조합 8자 이상 입력해 주세요.” 빨강색 에러 메세지가 보이나요?
• [기본]비밀번호 input과 비밀번호 확인 input의 값이 다른 경우, 비밀번호 확인 input에 빨강색 테두리와 아래에 “비밀번호가 일치하지 않아요.” 빨강색 에러 메세지가 보이나요?
• [기본]회원가입을 실행할 경우, 문제가 있는 경우 문제가 있는 input에 빨강색 테두리와 에러 메세지가 보이나요?
• [기본]이외의 유효한 회원가입 시도의 경우, “/folder”로 이동하나요?
• [기본]회원가입 버튼 클릭 또는 Enter키 입력으로 회원가입 되나요?
• [기본]이메일, 비밀번호, 비밀번호 확인 input에 에러 관련 디자인을 Components 영역의 에러 케이스로 적용했나요?

심화

• [심화]눈 모양 아이콘 클릭시 비밀번호의 문자열이 보이기도 하고, 가려지기도 하나요?
• [심화]비밀번호의 문자열이 가려질 때는 눈 모양 아이콘에는 사선이 그어져있고, 비밀번호의 문자열이 보일 때는 사선이 없는 눈 모양 아이콘이 보이나요?
• [심화]로그인, 회원가입 페이지에 공통적으로 사용하는 로직이 있다면, 반복하지 않고 공통된 로직을 모듈로 분리해 사용했나요?

주요 변경사항

스크린샷

https://delicate-faun-406cb5.netlify.app/

멘토에게

• 멘토님 ㅠㅠㅠ 변수명이 자꾸 늘어지는것 같고, 전체적으로 코드가 엉망진창(?) 느낌이 들어요 ㅠㅠㅠㅠ
• 뭔가 제 코드가 매우 맘에들지가 않습니다........ signin하고 signup을 어떻게 가를지 고민하고 시작했는데 답안을 못찾은 느낌이에요 휴 ㅠㅠ
• addEventListener에 외부로 뺀것을 넣다보니깐 직접적으로 함수를 집어넣었는데, 외부에서 함수를 하나더 만들어서 그냥 함수를 전달하는게 나을까요?? 궁금합니다!
• 아참! 그때 멘토링때 했던 질문은 그리고 css로 focus일때 display none이랑 빨간 박스를 주도록 코드가 되어있어서 저는 blur()없이는 해결책이 없더라구요. css foucs로 주는것을 포기하면(?) blur없이도 가능할것 같습니다! 어떤게 나을까요?
• ㅠㅠㅠ 열심히 고민하고 분리했는데 분리한것도 맘에 안드는것 같고.... 너무 엉망 진창 같습니다 휴... 올바른 길을 제시해주시면 열심히 고쳐보도록 하겠습니다. 항상 감사합니다!🙉