SBDB_뉴유 SBDB_뉴유

const cursor = document.querySelector(".cursor"); const follower = document.querySelector(".cursor-follower"); window.addEventListener("mousemove", e => { // //커서 좌표값 할당 // cursor.style.left = e.pageX -5 + "px"; // cursor.style.top = e.pageY -5 + "px"; // follower.style.left = e.pageX -15 + "px"; // follower.style.top = e.pageY -15 + "px"; //커서위치 가운데로 조정 gsap.to(cursor, {duration: .3, left: e.pa..

//출력용 window.addEventListener("mousemove", () => { document.querySelector(".clientX").innerHTML = event.clientX; document.querySelector(".clientY").innerHTML = event.clientY; document.querySelector(".offsetX").innerHTML = event.offsetX; document.querySelector(".offsetY").innerHTML = event.offsetY; document.querySelector(".pageX").innerHTML = event.pageX; document.querySelector(".pageY").innerHTM..

const quizWrap = document.querySelector(".quiz__wrap"); //퀴즈 //문제정보 const quizInfo = [ { answerType : "HTML", answerNum : 1, answerAsk : "정답은 HTML 입니다.", answerChoice : { 1: "html", 2: "css", 3: "javasript", 4: "react" }, answerResult : "1", answerEx : "정답은 HTML 입니다." }, { answerType : "CSS", answerNum : 2, answerAsk : "정답은 CSS 입니다.", answerChoice : { 1: "html", 2: "css", 3: "javasript", 4: "rea..

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"); //퀴즈 정답 const quizView = document.querySelector(".quiz__view") //강아지 c..

const quizType = document.querySelectorAll(".quiz__type"); //퀴즈 종류들 const quizNumber = document.querySelectorAll(".quiz__number"); //퀴즈 번호 const quizAsk = document.querySelectorAll(".quiz__ask"); //퀴즈 질문 const quizConfirm = document.querySelectorAll(".quiz__confirm"); //퀴즈 확인 버튼 const quizResult = document.querySelectorAll(".quiz__result"); //퀴즈 정답 const quizView = document.querySelectorAll(".qu..

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"); //퀴즈 정답 const quizView = document.querySelector(".quiz__view") //강아지 co..

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"); //퀴즈 정답 const quizDog = document.querySelector(".quiz__view .dog") //강아..

highlightAll(); //highlight.js에 저장된 함수 highlightAll 실행 modal(); //custom.js에 저장된 함수 modal 실행 tabMenu(); //tabMenu.js에 저장된 함수 modal 실행 //sliderType06 const sliderWrap = document.querySelector(".slider__wrap"); //.slider__wrap을 변수(sliderWrap)에 저장 const sliderImg = document.querySelector(".slider__img"); //.slider__img를 변수(sliderImg)에 저장 //이미지 보이는 영역 const sliderInner = document.querySelector(".sli..

highlightAll(); //highlight.js에 저장된 함수 highlightAll 실행 modal(); //custom.js에 저장된 함수 modal 실행 tabMenu(); //tabMenu.js에 저장된 함수 modal 실행 //sliderType05 const sliderWrap = document.querySelector(".slider__wrap"); //.slider__wrap을 변수(sliderWrap)에 저장 const sliderImg = document.querySelector(".slider__img"); //.slider__img를 변수(sliderImg)에 저장 //이미지 보이는 영역 const sliderInner = document.querySelector(".sli..

highlightAll(); //highlight.js에 저장된 함수 highlightAll 실행 modal(); //custom.js에 저장된 함수 modal 실행 tabMenu(); //tabMenu.js에 저장된 함수 modal 실행 //sliderType03 const sliderWrap = document.querySelector(".slider__wrap"); //.slider__wrap을 변수(sliderWrap)에 저장 const sliderImg = document.querySelector(".slider__img"); //.slider__img를 변수(sliderImg)에 저장 //이미지 보이는 영역 const sliderInner = document.querySelector(".sli..

highlightAll(); //highlight.js에 저장된 함수 highlightAll 실행 modal(); //custom.js에 저장된 함수 modal 실행 tabMenu(); //tabMenu.js에 저장된 함수 modal 실행 //sliderType03 const sliderWrap = document.querySelector(".slider__wrap"); //.slider__wrap을 변수(sliderWrap)에 저장 const sliderImg = document.querySelector(".slider__img"); //.slider__img를 변수(sliderImg)에 저장 //이미지 보이는 영역 const sliderInner = document.querySelector(".sli..

highlightAll(); //highlight.js에 저장된 함수 highlightAll 실행 modal(); //custom.js에 저장된 함수 modal 실행 tabMenu(); //tabMenu.js에 저장된 함수 modal 실행 //sliderType02 const sliderWrap = document.querySelector(".slider__wrap"); //.slider__wrap을 변수(sliderWrap)에 저장 const sliderImg = document.querySelector(".slider__img"); //.slider__img를 변수(sliderImg)에 저장 //이미지 보이는 영역 const sliderInner = document.querySelector(".sli..