개발
[JS] 로그인/회원가입 페이지 만들기
사과넹
2020. 12. 30. 13:57
오늘은 로그인 페이지를 만들어보았어요.
로그인 페이지의 주요 기능은
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
Contribute to appleSimple/login_page development by creating an account on GitHub.
github.com
728x90
반응형