carousel slider 만들기 (with js)
이번시간에는 mouseup, down, move이벤트를 사용해 carousel slider를 만들어보자! See the Pen vanilla js carosal silder by KumJungMin (@kumjungmin) on CodePen. 1. html 구조 html 구조는 아래 그림과 같다. silder : 전체 슬라이드 영역이다. btn : 좌, 우측에 위치한 이동하기 버튼이다. wrapper: 현재 슬라이드가 보여지는 부분이다. items: item을 감싸는 큰 box이다. (슬라이드는 이 items의 위치(X축) 변경으로 이루어짐) item: 각각 슬라이드 아이템을 지칭한다.(회색박스 item은 좌 우 여백을 주기 위한 용도) content: 각각 슬라이드 페이지에 넣을 내용을 작성한다. 2..
2021. 9. 27.
