[jQuery] 스터디노트

📌 KEY POINT 💚 웹디자인기능사 실기 기출문제! 💚 메인메뉴 click 시, 하위메뉴가 펼쳐지고 다시 클릭하면 닫히는 구조 💚 클릭한 메뉴의 하위메뉴만 펼치는 구조 (클릭한 메뉴의 형제 요소는 닫혀있어야 함) 💚 .slideUp(), .slideDown

## 📌 KEY POINT **💚 웹디자인기능사 실기 기출문제!** 💚 메뉴 click 시, **data 속성이 일치하는 콘텐츠 노출** 💚 html5의 **data-* 속성을 통해 사용자 정의 데이터를 HTML 요소에 저장**

📌 KEY POINT 💚 메인메뉴 hover 시, bg영역은 고정 + 각각의 하위메뉴 노출(fade-in/out 효과 추가) 💚 하위메뉴와 bg영역의 노출 시, 충돌을 막기 위해 설정하는 transition의 위치는 어디에!?

💚 스크롤이 특정 위치에 도달하면 header 스타일 변경💚 .scrollTop() : 현재 스크롤 위치 가져오기💚 .offset().top : 문서(document) 기준으로 특정 요소의 위치를 가져오는 jQuery 메서드🩵 기준이 되는 특정 요소에 class

📌 KEY POINT 💚 input 박스를 통해 텍스트 입력 후 전송 버튼 클릭 시, '할일' 목록 추가 💚 끝/보류 버튼 클릭 시, 각 항목에 추가되며 기존 리스트에서는 사라짐 💚 데이터 보간법을 활용하여 리스트를 추가하는 방법

## 📌 KEY POINT 💚 **해당 슬라이드에 도달 시, 숫자 카운팅 스크립트 동작** 💚 숫자 증가 과정을 steps로 나누어, 주어진 **duration 내에서 자연스럽고 일정한 속도로 숫자가 증가하도록 세분화** 💚 숫자가 점진적으로 증가하는 애니메이션