디자인베이스 - 웹코딩 강좌 슬라이드 만들기

#30 3분 만에 웹 슬라이더 만들기 – 웹 코딩 강좌

오늘은 웹 슬라이더를 3분 만에 만들어보는 강좌입니다. 바닐라 JS로 작업하기에는 많은 지식과 노력이 필요한데, 잘 만들어진 라이브러리를 활용하면 쉽게 만들 수 있습니다. 웹 슬라이더 라이브러리 중에 탑이라고 인정받는 Swiper.js에 대해서 알아볼게요. 현재 Swiper는 버전이 많이 업데이트되면서 단순 웹에만 사용되는 게 아니라 리액트, 뷰, 앵귤러, 스벨트 전용으로 쓸 수도 있습니다. 간단한 사용법을 알아볼게요.

Swiper.js – https://swiperjs.com/

예제 다운은 멤버십 회원 커뮤니티에 올린 링크에서 받으실 수 있습니다.

*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 제가 사용하는 툴은 비주얼 스튜디오 코드(Visual Studio Code)를 사용하며 여러분이 다른 툴을 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.