Javscript
-
완전 초 단순하게 캐러셀(Carousel) 구현해보기Front-end/Javascript 2020. 10. 27. 01:45
캐러셀(Carousel) 캐러셀이라는 용어가 조금 생소하실 수도 있는데요 캐러셀은 여러개의 이미지 혹은 영상을 슬라이더 형태로 만들어 표현해주는 것을 말합니다. 바로 위 움짤처럼 말이죠! 정말 간단하게 캐러셀을 구현해보면서 어떤식으로 만들어지는지 살펴보도록 하겠습니다. ❗️ 제가 구현하는 방법은 학습하며 얻은 정보와 지식을 바탕으로 구현한 자료입니다. 혹시 잘못된 정보가 있거나 코드가 있다면 말씀 부탁드리겠습니다. 🙏 전체 코드 보기 프로젝트 구조 엄청 간단하죠? 이제 차근차근 만들어보겠습니다. index.html prev next 먼저 캐러셀을 넣을 컨테이너와 리소스(예제에서는 이미지) 이전, 다음 버튼을 만들어줍니다. 위와 같이 만들어 주면 아래와 같은 화면이 나오게 됩니다. 자 이제 저 위의 사진 ..