좌측 중앙에 QuickMenu와 맨 위로 가는 TopModal을 생성했다.
MainSlide는 터치 스와이프 기능을 통해 기능을 구현하였다.
- 마우스의 터치 시작위치와 터치가 끝나는 위치를 이용해 다음 슬라이드와 이전 슬라이드를 판단하여 실행한다.
Drag&Drop
- 창의 너비를 구해 grag&drop을 통해 슬라이드의 페이지가 넘어갈 수 있도록 구현
자동 타이머 함수 실행
- clearInterval을 통해 이전에 세팅된 메모리 내용을 삭제한다
- Interval을 4초마다 페이지가 넘어가도록 설정
좌우 화살버튼 abs
- mouseenter과 mouseleave 기능을 통해 마우스가 올라오면 슬라이드를 일시정지하고 그렇지 않으면 타이머를 호출시켜 슬라이드를 플레이한다
페이지네이션 현재페이지/전체페이지
- 슬라이드의 좌표값을 통해 우측 하단에 현재페이지와 전체페이지의 상태를 나타냈다.