Minstagram

프로젝트 설명

소셜 미디어 중 하나인 ‘인스타그램’의 로그인 페이지와 피드페이지를 토대로 개발해본 개인 프로젝트입니다.

로그인 시 ID와 Password 입력 후 로그인(우측 상단에 ID, PW 표시)
로그인이 성공하면 메인 페이지로 이동 및 Local Storage에 로그인 정보 저장
ID와 Password에 유효성 검사 확인
- ID 입력 시 @ , . 포함하는지 검사
- ID가 이메일 형식이 맞는지 검사
- Password가 대문자, 숫자, 특수문자를 포함하는지 검사
- Password가 8자리 이상인지 검사
ID 또는 Password가 유효성 검사를 통과하지 못할 경우 해당 Input 칸을 빨간색으로 변경
ID와 Password 모두 유효성 검사를 통과한 경우 로그인 버튼 활성화
로그인 구현 영상

잘 안 보이시는 경우 전체화면 부탁드립니다.

잘 안 보이시는 경우 전체화면 부탁드립니다.