공지 (필독)

• 질문 담벼락 진행 예정입니다.
  • 튜터님들께 바로 질문하기 너무 두려운 분들을 위해 준비했습니다.
  • 다른 수강생들에게도 도움이 됩니다.
  • 수강생도 답변을 남길 수 있습니다. 단, 질문 페이지의 댓글로만 남겨주세요.

목차

1. 모달창 외부 클릭 닫기로 이벤트 버블링 학습하기
2. 배달팁 계산기로 함수의 return 학습
3. 스크롤 이벤트 학습
4. 탭 메뉴로 마우스오버와 for문 학습
5. setTimeout으로 광고창 자동 닫기
6. setInterval로 10초 타이머 만들기
7. 캐러셀 구현으로 이벤트와 애니메이션 학습

1. 모달창 외부 클릭 닫기로 이벤트 버블링 학습

• 지난 시간에 구현한 모달창 활용
• 모달창 외부의 회색 배경 클릭 시 모달창이 닫히도록 구현
• 이벤트 버블링이란?
• 그럼 어떻게? ⇒ 이벤트 버블링을 막아야지!

2. 배달팁 계산기로 함수의 return 학습

• 배민에서 음식을 구입하는 상황

  → 0원 이상 ~ 1만원 미만 ⇒ 배달팁 3000원

  → 1만원 이상 ~ 3만원 미만⇒ 배달팁 2000원

  → 3만원 이상 ~ 5만원 미만⇒ 배달팁 1000원

  → 5만원 이상 ~ ⇒ 배달팁 0원