멤버십 프로젝트 - 로그인과 회원가입 저장소

day1

Must Todo

1. html 뼈대 작성 (header,main,footer)

   세부사항

   1. 문서구조화
   2. 폼태그 작성

day2

Must Todo

1. html placeholder 구현

   세부사항

   1. 생년월일(년,일), 휴대전화에 placeholder 구현

2. 자바스크립트 코드 작성

   세부사항

   1. 아이디 입력란에 정규표현식을 이용하여 유효성을 체크하는 함수 구현
   2. 유효성이 통과하지 못할 경우 입력란 밑 공간에 오류 메시지를 나타내도록 구현
   3. 아이디와 마찬가지로 정규표현식을 이용하여 비밀번호 유효성체크
   4. 유효성체크 통과시 성공 메시지를 밑 공간에 표시, 실패시는 위와 동일
   5. 비밀번호 입력란과 비밀번호 재입력란의 내용이 동일한지 아닌지를 체크하는 함수 구현
   6. 입력란에 focus가 맞춰지면 변화가 일어나게끔 하는 코드 구현
   7. 생년월일,이메일,휴대전화 유효성체크 함수 구현

day3

Must Todo

1. css layout 작성 및 스타일 적용

   세부사항

   1. 회원가입이 중앙에 위치하도록
   2. 모든 입력란 사이의 간격이 동일하도록
   3. 모든 입력란의 넓이와 크기가 동일 하도록
   4. 약관에 동의합니다 밑줄 긋기
   5. 약관에 동의합니다 눌렀을 시 팝업 생성.
   6. 관심사 입력란 input tag 구현

2. javascript 코드 작성

   세부사항

   1. 약관팝업 스크롤이 가장 끝에 다다랐을 시에만 동의버튼 활성화 하는 코드 구현
   2. 입력란이 채워지지 않은 곳을 검사하여 해당하는 에러를 표현하는 코드 구현
   3. 초기화 버튼 동작구현
   4. 가입 버튼 동작 구현

day4

Must Todo

1. css 스타일 적용

   세부사항

   1. day2에 만든 자바스크립트 함수의 결과로 css 스타일이 변환 하도록 구현
   2. 입력란에 포커스가 됬을 시 박스 테두리 초록색으로 변화구현
   3. 모든 element들이 문서의 가운데로 정렬되도록 구현
   4. 폰트,배경,글자색상 등 세부사항 구현

2. 로그인 페이지 구현

   세부사항

   1. 부트스트랩을 이용하여 로그인 페이지 구현

day5

Must Todo

1. 로그인 페이지와 회원가입 페이지 SPA로 병합