Gentleman'study 젠틀맨

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"); // next,prev 버튼 const sliderDot = document.querySelector(".slider__..

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 = sliderBtn.querySelector(".prev"); // pr..

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 sliderHegiht = sliderImg.offsetHegiht // sliderImg의 heig..

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 // sliderImg의 width ..

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 = -1; // 첫 번째 이미지(현재 보이는 이미지) let sliderCount = slider.length; // 이미지 갯수 setInterval(()=>{ // currentIndex =..

const sliderWrap = document.querySelector(".slider__wrap");// 이미지 전체 박스 const sliderImg = document.querySelector(".slider__img");// 이미지 박스 const slider = document.querySelectorAll(".slider");// 슬라이더 할 이미지들 let currentIndex = 0; // 현재 보이는 이미지 let sliderCount = slider.length; // 이미지 갯수 setInterval(() => {// 정해진 시간뒤에 반복해서 실행한다 let nextIndex = (currentIndex + 1) % 5;// 5로 나눈 나머지값(0~4)으로 표현 slider[cu..