화면 구현

• '마켓컬리' 사이트의 회원가입 창을 비슷하게 따라 만들기

  : https://www.kurly.com/shop/member/join.php

• 아이디가 입력되어 있지 않으면(""의 빈 공백도 허용하지 않음), 'ID가 작성되지 않음'이라는 알림 생성

  • [ 방법 1 ] : '아이디' 입력창을 focus 하였다가 해제했을 때, 아이디가 입력되어 있지 않으면(""의 빈 공백도 허용하지 않음), 상단에 알람창(alert) 생성 ( [ 11.09 ]에 한 번 다뤘던 내용 )
  • [ 방법 2 ] : '아이디' 입력창을 focus 하였다가 해제했을 때, 아이디가 입력되어 있지 않으면(""의 빈 공백도 허용하지 않음), 아이디 입력창 밑에 글(<p> 태그)이 생성됨 ( [ 11.09 ]에 한 번 다뤘던 내용 )
  • [ 방법 3 ] : '가입하기' 버튼을 클릭했을 때, 아이디가 입력되어 있지 않으면(""의 빈 공백도 허용하지 않음), 상단에 알람창(alert) 생성 ( [ 11.16 ]에 한 번 다뤘던 내용 )

• 최상위의 [ 전체 동의합니다. ] 체크박스를 선택함 ⇒ 하위의 모든 체크박스가 일괄 선택됨

• 최상위의 [ 전체 동의합니다. ] 체크박스를 선택 해제함 ⇒ 하위의 모든 체크박스가 일괄 선택 해제됨

• 상위의 [ 무료 배송, 할인쿠폰 등 혜택/정보 수신 동의(선택) ] 체크박스를 선택함 ⇒ 하위의 [ SMS ]와 [ 이메일 ] 체크박스가 모두 선택됨

• 상위의 [ 무료 배송, 할인쿠폰 등 혜택/정보 수신 동의(선택) ] 체크박스를 선택 해제함 ⇒ 하위의 [ SMS ]와 [ 이메일 ] 체크박스가 모두 선택 해제됨

• 하위의 [ SMS ]와 [ 이메일 ] 체크박스를 모두 선택함 ⇒ 상위의 [ 무료 배송, 할인쿠폰 등 혜택/정보 수신 동의(선택) ] 체크박스가 선택됨

• 하위의 [ SMS ]와 [ 이메일 ] 체크박스 둘 중 하나를 선택 해제함 ⇒ 상위의 [ 무료 배송, 할인쿠폰 등 혜택/정보 수신 동의(선택) ] 체크박스가 선택 해제됨