웹 공부중... 내 코딩 정리노트

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

// slider07 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.querySe..

hljs.highlightAll(); modal(); tabMenu(); //slider06 const sliderWrap = document.querySelector(".slider_wrap") //전체 const sliderImg = document.querySelector(".slider_img") //이미지 (한칸만) 보이는 영역 const sliderInner = document.querySelector(".slider_inner") //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider") //5개의 이미지 저장 console.log(slider): 5개 저장한 이미지 확인 가능 const sliderBtn = document.quer..

hljs.highlightAll(); modal(); tabMenu(); //slider05 const sliderWrap = document.querySelector(".slider_wrap") //전체 const sliderImg = document.querySelector(".slider_img") //이미지 (한칸만) 보이는 영역 const sliderInner = document.querySelector(".slider_inner") //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider") //5개의 이미지 저장 console.log(slider): 5개 저장한 이미지 확인 가능 const sliderBtn = document.quer..

hljs.highlightAll(); modal(); tabMenu(); //slider03 const sliderWrap = document.querySelector(".slider_wrap") //전체 const sliderImg = document.querySelector(".slider_img") //이미지 (한칸만) 보이는 영역 const sliderInner = document.querySelector(".slider_inner") //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider") //5개의 이미지 저장 console.log(slider): 5개 저장한 이미지 확인 가능 //.slider__inner > div:first-ch..

//slider02 const sliderWrap = document.querySelector(".slider_wrap") //전체 const sliderImg = document.querySelector(".slider_img") //이미지 (한칸만) 보이는 영역 const sliderInner = document.querySelector(".slider_inner") //이미지 움직이는 영역 const slider = document.querySelectorAll(".slider") //5개의 이미지 저장 console.log(slider): 5개 저장한 이미지 확인 가능 let currentIndex = -1; //첫번째 이미지(현재 보이는 이미지) let sliderCount = slider.le..

hljs.highlightAll(); modal(); tabMenu(); //slider01 //겹쳐진 이미지를 opacity(불투명도 조절)을 이용해서 차례대로 보여주기 //앞에 이미지들이 0이 되어야 뒤에 이미지가 보임 //변수 설정 : 선택하기 const sliderWrap = document.querySelectorAll(".slider_wrap") //전체 const sliderImg = document.querySelectorAll(".slider_img") //이미지 묶음 | 요소: 이미지1....이미지5 const slider = document.querySelectorAll(".slider") //이미지 let currentIndex = 0; //현재 보이는 이미지 let sliderCo..