메인페이지 > 상단 GNB 및 프로모션 영역

TASK 설명

1.1

GNB영역
- 예약 이미지를 클릭하면 메인페이지로 이동한다.
- 모든 서브페이지에서 동일하게 적용

1.2

GNB영역
- 나의 예약을 클릭 시.
  - 로그인을 하지 않은 유저는 로그인 페이지로
  - 로그인 한 후라면 "나의 예약 메인"페이지로 이동한다

2.1

프로모션 영역
- 자동 롤링
  - 이미지를 순차적으로 노출.
  - 2초 후 자동 슬라이드
  - 끝까지 가면 되돌아 온다.
- 버튼 롤링
  - 버튼으로 이동하면 자동 롤링은 멈춘다.
  - 4초간 버튼이 안눌리면 다시 현재 상태에서 자동 롤링된다.
프로모션 하는 전시의 타이틀과 서브 타이틀 노출. 클릭 시 상품 상세페이지로 이동

3

옵션 클릭 시 다음 타이틀로 이동

4

옵션 카테고리를 노출, 클릭 시 해당 카테고리 상품만 하단 리스트에 노출된다.

학습 유닛

FE

jQuery

JS

event loop(setInterval/setTimeout의 사용) (온/오프라인)
preventDefault / stopPropagation

도전 과제

FE

자동 슬라이드를 순환하여 적용