jQurey → Vanilla JS로 변경 스터디(메뉴 - 웹접근성 고려 스크립트)

아직까지도 퍼블리싱에 관련되 JS들은 jQurey를 이용해 DOM요소들을 조작하는 경우가 많다. 이제는 jQurey는 레거시로 여겨지면서 Vanilla JS로 코드를 수정하는 작업이 필요함을 느꼈다. 또한, 나도 jQurey보다 Vanilla JS로 작업을 하기 때문에 jQurey가 어렵게 느껴지는 경우가 종종 있다.
사용하는 것을 지양하는 추세이다 보니 공부할 필요성을 느끼지 못하기도 하다.

📖 스터디에 사용한 책

웹접근성 마크업을 공부하기 위해
리베하얀의 웹퍼블리셔를 위한 실무 UI 패턴집 <메뉴 편>를 공부했다.

이 책은 메뉴만 다루는데 웹접근성(초점이동)을 중점으로 공부하기 위해 읽으면 도움이 많이 되는 책이다. 아쉽게도, 책은 jQurey를 이용해 스크립트가 작성되어 있어 내가 다니는 회사 실무에 적용하기에 에러사항이 있다.

따라서, 접근성 중에서도 초점이동관련 스크립트 공부 할 겸, 책에 나온 예제들을 jQurey를 Vanilla JS로 바꿔보려 한다.

✔️ 스터디 목표

jQuery의 내용을 그대로 변경하는 것이 아닌, jQuery 스크립트일때와 동일한 동작을 하도록 Vanilla JS로 변경하는 것을 목표로 하였다.

✔️ 스터디 리스트

1. 하위메뉴가 세로형 GNB
2. comming soon...ㅎ

공부해하면서 하나씩 채울 예정...