그외/유용한 정보 2021.03.30. 12:55 순수 자바스크립트로 자동 캐러셀 슬라이드 만들기 예제와 방법 강좌 쇼핑몰에서 대중적으로 사용되는 것은 슬라이드입니다. 슬라이드는 독자의 시선을 끌어오는 역할과 함께 돋보이고 싶은 글을 읽을 수 있게 해주는 역할을 합니다. 의외로 슬라이드 구현은 매우 간단합니다. 이번 시간에는 순수 자바스크립트로 이 캐러셀 슬라이드를 만들어보겠습니다. 아래의 사진은 미리 보는 완성품입니다. 디자인이 되어 있지 않아서 투박하지만 자동 슬라이드 기능+버튼 클릭시 다음/이전으로 이동하는 기능이 잘 작동하는 것을 볼 수 있습니다. 심플한 코드를 짠 것이기 때문에 속도와 유지보수면에서 편할 거라고 생각합니다. 방법도 쉽기 때문에 사용하실 홈페이지/블로그 같은 곳에 적용하기도 쉬우실 겁니다. 굳이 복잡한 플러그인을 사용할 필요가 없습니다! 기본적인 원리와 구조 잡기 원리는 간단합니다. 기본적인 원..