웹 접근성
1.jQurey → Vanilla JS로 변경 스터디(메뉴 - 웹접근성 고려 스크립트)
아직까지도 퍼블리싱에 관련되 JS들은 jQurey를 이용해 DOM요소들을 조작하는 경우가 많다. 이제는 jQurey는 레거시로 여겨지면서 Vanilla JS로 코드를 수정하는 작업이 필요함을 느꼈다. 또한, 나도 jQurey보다 Vanilla JS로 작업을 하기 때문에
2022년 10월 11일
2.하위 메뉴가 세로형 GNB
이번에는 하위메뉴가 가로로 나타는 메뉴를 jQuery로 마우스 호버, 초점진입 코드를 Vanilla Javascript로 변경하는 작업을 하였다.jQuery로는 fadeIn()와 fadeOut()메서드를 이용해 display:none인 요소를 부드럽게 나타나지만, 같은
2022년 10월 17일
3.하위메뉴 일체형
이번 예제는 메뉴를 호버 및 초점 진입시 하위메뉴가 전부 나타나는 UI 디자인이다.호버했을때 호버한 부분의 하위메뉴의 배경색이 변경되어 시각적으로 구분이 되도록 설정하였다.jQuery에서는 마우스 호버에 대한 하위메뉴 배경변경만 설정되어 초접진입시 하위메뉴의 배경색이
2022년 10월 20일