
https://garenchoi.github.io/webs_class/javascript/effect/quizEffect01.html const quizType = document.querySelector(".quiz__type"); //퀴즈 종류 const quizNumber = document.querySelector(".quiz__number"); //퀴즈 번호 const quizAsk = document.querySelector(".quiz__ask"); //퀴즈 질문 const quizConfirm = document.querySelector(".quiz__confirm"); //정답 확인 버튼 const quizResult = document.querySelector(".quiz__result..

https://garenchoi.github.io/webs_class/javascript/effect/sliderEffect06.html const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); //sliderImg에 클래스 slider__img(이미지 보이는 영역) 저장 const sliderInner = document.querySelector(".slider__inner"); //sliderInner에 클래스 slider__inner(이미지 움직이는 영역) 저장 const slider = document.querySelectorAll(".slide..

https://garenchoi.github.io/webs_class/javascript/effect/sliderEffect05.html const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); //sliderImg에 클래스 slider__img(이미지 보이는 영역) 저장 const sliderInner = document.querySelector(".slider__inner"); //sliderInner에 클래스 slider__inner(이미지 움직이는 영역) 저장 const slider = document.querySelectorAll(".slide..

https://garenchoi.github.io/webs_class/javascript/effect/sliderEffect04.html const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); //sliderImg에 클래스 slider__img(이미지 보이는 영역) 저장 const sliderInner = document.querySelector(".slider__inner"); //sliderInner에 클래스 slider__inner(이미지 움직이는 영역) 저장 const slider = document.querySelectorAll(".slide..

https://garenchoi.github.io/webs_class/javascript/effect/sliderEffect03.html const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); //sliderImg에 클래스 slider__img(이미지 보이는 영역) 저장 const sliderInner = document.querySelector(".slider__inner"); //sliderInner에 클래스 slider__inner(이미지 움직이는 영역) 저장 const slider = document.querySelectorAll(".slide..

https://garenchoi.github.io/webs_class/javascript/effect/sliderEffect02.html const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = document.querySelector(".slider__img"); //sliderImg에 클래스 slider__img(이미지 보이는 영역) 저장 const sliderInner = document.querySelector(".slider__inner"); //sliderInner에 클래스 slider__inner(이미지 움직이는 영역) 저장 const slider = document.querySelectorAll(".slide..

https://garenchoi.github.io/webs_class/javascript/effect/searchEffect06.html const cssProperty = [ {num: 1, name: "all", desc: "all 속성은 CSS 속성 을 재설정하는 데 사용할 수 있는 약식 속성입니다."}, {num: 2, name: "animation", desc: "animation 속성은 애니메이션 속성을 설정하기 위한 약식 속성입니다."}, {num: 3, name: "animation-delay", desc: "animation-delay 속성은 애니메이션이 시작되는 시간을 설정합니다."}, {num: 4, name: "animation-direction", desc: "animation-d..

https://garenchoi.github.io/webs_class/javascript/effect/sliderEffect01.html const sliderWrap = document.querySelector(".slider__wrap");//변수 sliderWrap에 클래스 slider__wrap 저장 const sliderImg = document.querySelector(".slider__img");//변수 sliderImg에 클래스 slider__img 저장 const slider = document.querySelectorAll(".slider");//변수 slider에 클래스 slider 저장 let currentIndex = 0; //현재 보이는 이미지 let sliderCount = s..