babydevelopbabydevelop

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); const sliderInner = document.querySelector(".slider__inner"); const slider = document.querySelectorAll(".slider"); const sliderBtn = document.querySelector(".slider__btn"); const sliderBtnPrev = sliderBtn.querySelector(".prev"); const sliderBtnNext = sliderBtn.querySelector(".nex..

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); const sliderInner = document.querySelector(".slider__inner"); const slider = document.querySelectorAll(".slider"); const sliderBtn = document.querySelector(".slider__btn"); const sliderBtnPrev = sliderBtn.querySelector(".prev"); const sliderBtnNext = sliderBtn.querySelector(".nex..

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); //이미지 한칸만 보이는 영역 const sliderInner = document.querySelector(".slider__inner"); //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider"); //5개의 이미지 저장 const sliderBtn = document.querySelector(".slider__btn") //슬라이드버튼 영역 const sliderDot = document.querySelector(".slider__d..

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); //이미지 한칸만 보이는 영역 const sliderInner = document.querySelector(".slider__inner"); //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider"); //5개의 이미지 저장 const sliderBtn = document.querySelector(".slider__btn") //슬라이드버튼 영역 const sliderBtnPrev = document.querySelector(".prev"..

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); //이미지 한칸만 보이는 영역 const sliderInner = document.querySelector(".slider__inner"); //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider"); //5개의 이미지 저장 let currentIndex = 0; let sliderCount = slider.length; //이미지 갯수 let sliderHeight = sliderImg.offsetHeight; //이미지 세로값 let ..

const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); //이미지 한칸만 보이는 영역 const sliderInner = document.querySelector(".slider__inner"); //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider"); //5개의 이미지 저장 let currentIndex = 0; let sliderCount = slider.length; //이미지 갯수 let sliderWidth = sliderImg.offsetWidth; //이미지 가로값 let sl..

setInterval(() => { console.log(currentIndex); // currentIndex = (currentIndex + 1) % 5; // if(currentIndex < silderCount) { //if문으로 currentIndex값 설정 결괏값 0,1,2,3,4 // currentIndex++; // } else { // currentIndex = 0; // } //삼항연산자로 currentIndex값 설정 결괏값 0,1,2,3,4 (currentIndex < sliderCount - 1) ? currentIndex++ : currentIndex = 0; // sliderInner.style.left = "0px" //800 * 0 // sliderInner.style.le..

const sliderWrap = document.querySelector(".slider__wrap");//이미지 전체 영역 const sliderImg = document.querySelector(".slider__img");//이미지 움직이는 영역 const slider = document.querySelectorAll(".slider");//5개의 이미지 저장 let currentIndex = 0; //첫번째 이미지 (현재 보이는 이미지) let sliderCount = slider.length; //이미지 갯수 setInterval(() => {//일정한 시간 간격으로 작업을 수행하기 위해서 사용 let nextIndex = (currentIndex + 1) % 5;//(currentIndex ..