[JS] 로그인/회원가입 페이지 만들기

오늘은 로그인 페이지를 만들어보았어요.

 

로그인 페이지의 주요 기능은

1) 비밀번호의 길이에 따른 배경화면 blur 변화

2) input의 focus에 따라 애니메이션 효과

3) localStorage에 등록된 정보와 일치/불일치

 

회원가입 페이지의 주요 기능은

1) 이미 등록한 회원 아이디와 중복시 중복체크 확인

2) 비밀번호와 비밀번호 확인 동일 검사

3) 객체를 이용한 localStorage 저장

 

>>> 코딩하며 알게된 것

1) css에서 input:valid 사용시엔 html input 속성에 required가 있어야 적용됨

2) input.value로 객체 생성시엔 함수로 만들어서 실행할 것! -> 이걸로 고생했다.. 빈 객체를 계속 뽑고 있었다..

 

그 이외에는 없는듯 ..?

 

github에 코드 저장까지 완료 :)

 

github.com/appleSimple/login_page.git

appleSimple/login_page