프로젝트 개요
- 프로젝트 유형 : 기업 홍보
- 작업 기간 : 6일
- 기여도 : 퍼블리싱 100%
- 사용 기술 : HTML, CSS, JavaScript, jQuery, Slick, Swiper
- 협업 툴 : Photoshop
작업 내용
- 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를 연동한 갤러리 슬라이드 구현
사이트 바로가기
(주)신도테크
참여 프로젝트 더보기 ▶