이미지 슬라이드
React 에서 라이브러리 없이 이미지 슬라이드 구현하기
React 에서 라이브러리 없이 이미지 슬라이드 구현하기
2021.12.13다이나믹 한 이미지 배열 사이즈를 슬라이드로 만들기 서버에서 이미지 URL 이 담긴 배열을 data 로 받아 이미지 슬라이드로 만드는 예제 입니다. 슬라이드를 만들기 위해서는 3개의 div 태그가 필요합니다. container main 이 전체를 감싸는 wrapper 이고 이미지 전체의 길이를 담당합니다. wiper inner 태그는 하나의 이미지를 보여주는 구간 입니다. .swiper-container-main { // width: 300vw; 동적으로 구현할 것임 transition: transform 0.5s; } .swiper-inner { width: 100vw; display: flex; } .swiper-inner img { width: 100%; } .non-scroll { overflow..