근혁 study 공부정리

{ const quizWrap = document.querySelector(".quiz__wrap") //문제 정보를 quizInfo 전부 저장 const quizInfo = [ { answerType: "javascript", answerNum: 1, answerAsk: "객체 기반의 스크립트 프로그래밍 언어는 무엇입니까?", answerChoice : { 1:"html", 2:"css", 3:"javascript", 4:"react" }, answerResult: "3", answerEx : "객체 기반의 스크립트 프로그래밍 언어는 자바스크립트입니다." }, { answerType: "css", answerNum: 1, answerAsk: "HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위..

{ 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") //문제 화면 const q..

{ 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(".quiz__view..

{ 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"); cons..

slice() slice() 메서드는 배열의 start부터 end 전까지의 복사본을 새로운 배열 객체로 반환한다. 즉 원본 배열은 수정되지 않는다. 기본형 : { slice(start, end) } start :시작점에 대한 인덱스 배열의 길이와 같거나 큰 수를 지정한 경우: 빈 배열을 반환 undefined인 경우: 0부터 slice 함 음수를 지정한 경우: 배열의 끝에서부터의 길이를 나타낸다. slice(-2)를 하면 배열의 마지막 2개의 요소를 추출 end : 종료할 기준 인덱스 배열의 길이와 같거나 큰 수를 지정한 경우: 배열의 끝까지 추출 음수를 지정한 경우: 배열의 끝에서부터의 길이를 나타낸다. slice(2, -1)를 하면 세 번째부터 끝에서 두 번째 요소까지 추출 지정하지 않을 경우: 배열..

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