신도테크 | Notion

HTML 마크업
- 웹 표준 & 웹 접근성을 고려한 시맨틱 마크업 적용
CSS 스타일링
- 사이트의 분위기에 맞춰 차분한 스타일링과 부드러운 Hover 기능 적용
- Media Query를 적용하여 다양한 기기에서도 최적화된 화면을 제공
JavaScript 및 라이브러리 활용
- click, mouse, scroll 이벤트를 활용한 헤더 메뉴 UI 기능 구현
- click 이벤트를 활용한 Scroll to Top 버튼 기능 구현
- click 이벤트를 활용한 서브 메뉴 UI 기능 구현
- click 이벤트를 활용한 모달창 UI 기능 구현
- scroll 이벤트를 활용한 Quick 메뉴에 애니메이션 효과 적용
- load, resize 이벤트를 활용한 메인 비주얼 높이 조정
- Slick.js를 활용한 메인 비주얼 슬라이드 구현
- Swiper.js를 활용해 2개의 Swiper를 연동한 갤러리 슬라이드 구현