근혁 study 공부정리

{ 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") //이전 버튼 c..

{ 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") //이전 버튼 c..

{ 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 sliderDot = document.querySelector(".slider__dot") //dot 버튼 let currentI..

{ 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..

{ const sliderWrap = document.querySelector(".slider__wrap") const sliderImg = document.querySelector(".slider__img") //이미지 보이는 영역 const sliderInner = document.querySelector(".slider__inner") //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider") let currentIndex = 0; let sliderCount = slider.length; //이미지 갯수 let sliderHeight = sliderImg.offsetHeight; //이미지 가로값 let sliderClone = slide..

{ const sliderWrap = document.querySelector(".slider__wrap") const sliderImg = document.querySelector(".slider__img") //이미지 보이는 영역 const sliderInner = document.querySelector(".slider__inner") //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider") let currentIndex = 0; let sliderCount = slider.length; //이미지 갯수 let sliderWidth = sliderImg.offsetWidth; //이미지 가로값 let sliderClone = sliderI..

{ const sliderWrap = document.querySelector(".slider__wrap") const sliderImg = document.querySelector(".slider__img") //이미지 보이는 영역 const sliderInner = document.querySelector(".slider__inner") //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider") let currentIndex = -1; //첫 번째 이미지(현재 보이는 이미지) let sliderCount = slider.length //이미지 갯수 setInterval(()=>{ (currentIndex < sliderCount - 1) ? ..

{ // slider01 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; //1 2 3 4 0 1 2 3 4 0 되도록 1%(나머지) 5를 써서 slider[currentIn..