[Mission] 추가 구현 사항

[saengmotmi]

Mission 5 | ID, PW validation

• 현재 id, pw 입력 시 무조건 로그인 버튼이 활성화 외어 있도록 구현이 되어 있습니다.
• 실제 로그인 하는 경우를 생각하며 validation(유효성 검사) 기능을 추가해주세요.
• ex) id >>> '@' 포함 / pw >>> 5글자 이상

Mission 6 | 댓글 좋아요 / 삭제 기능

• 댓글 마다 좋아요, 삭제 버튼을 추가해 버튼을 누를 시 각각의 기능이 실행되도록 구현해주세요.
• 참고) MDN | ChildNode.remove()

Mission 7 | 아이디 검색 기능

• 실제 인스타 nav 검색창에 아이디를 입력 시 검색 기능이 실행됩니다.
• 아이디 데이터를 담고 있는 배열을 선언해주세요.
• 검색 창에 텍스트 입력 시 배열의 요소 중 해당 텍스트에 일치하는 아이디만 보일 수 있도록 구현해주세요.
• for 문이 아닌 다른 array method를 사용해 구현해주세요.
• 참고) MDN | Array.prototype.filter()
• 참고) MDN | Array.prototype.forEach()
• 참고) MDN | Array.prototype.map()
  

Mission 8 | nav 프로필 사진 클릭 시 메뉴 박스 생성

• 실제 인스타 페이지처럼 프로필 사진 클릭 시 메뉴 박스가 생성될 수 있도록 구현해주세요.
• 메뉴 박스 바깥 영역 클릭 시에는 다시 닫히도록 구현해주세요.
• position, display, z-index 속성을 사용해주세요.
  

Mission 9 | 반응형 구현

• HTML, CSS repl.it 문제에서 Responsive Web(반응형 웹) 에 대해 학습하였습니다.
• 화면의 크기가 어느 지점(break point) 이하로 줄어들 시 우측 아이디 추천 섹션이 사라지도록 구현해주세요.
• 참고) MDN | @media