01. 퀴즈 이펙트 : 정답 확인하기 유형

정답 확인버튼을 누르면 정답이 나오는 효과 입니다.

  • 데이터 저장 : 변수
  • querySelector() : 문서에서 특정 CSS 선택자로 요소를 찾는 DOM 메서드입니다.
  • innerText : DOM 요소의 텍스트 내용을 가져오거나 설정하는 데 사용되는 속성입니다.
  • style.속성 = "속성값" : 자바스크립트에 CSS 스타일을 표현하는 방법입니다.
  • classlist는 요소의 클래스를 추가하거나 제거하여 스타일을 설정하는 데 사용됩니다.
  • addEventListener : javascript에서 이벤트를 처리하는 함수입니다.
확인하기

02. 퀴즈 이펙트 : 주관식 확인하기 유형

정답을 적으면 맞는지 틀린지 확인해주는 효과입니다.

  • 데이터 저장 : 변수
  • 데이터 제어하기 : if문
  • trim() : 문자열에서 양쪽 끝에 있는 공백을 제거하는 JavaScript의 내장 함수입니다. 이 함수는 원본 문자열을 수정하지 않고 새로운 문자열을 반환합니다.
  • textContent : DOM 요소의 텍스트 콘텐츠를 가져오거나 설정하는 데 사용되는 JavaScript의 프로퍼티입니다.
  • value : HTML form 요소의 현재 값을 가져오거나 설정하는 데 사용되는 JavaScript의 프로퍼티입니다.
확인하기

03. 퀴즈 이펙트 : 주관식(여러문제) 확인하기

정답을 적으면 맞는지 확인해주는 효과입니다.

  • 데이터 저장 : 배열, 객체
  • 데이터 불러오기 : for문, forEach()
  • 데이터 제어하기 : if문
  • querySelectorAll : DOM(Document Object Model)에서 사용되는 메서드 중 하나로, 특정 CSS 선택자에 해당하는 모든 요소를 가져오는 역할을 합니다.
  • innerHTML : DOM(Document Object Model)에서 사용되는 속성 중 하나로, 해당 요소의 내부 HTML 콘텐츠를 가져오거나 설정하는 데 사용됩니다.
확인하기

04. 퀴즈 이펙트 : 객관식 확인하기 유형

객관식을 선택하면 정답을 확인하는 유형입니다.

  • 데이터 저장하기 : 배열, 객체
  • 데이터 불러오기 : 배열, 객체, for문, forEach()
  • 데이터 실행하기 : 함수
  • 데이터 제어하기 : if문, 다중if문
  • checked : 폼(form)에서 체크박스(checkbox), 라디오버튼(radio button), 옵션(option) 요소(element)가 선택되었는지 여부를 나타내는 부울(Boolean) 속성입니다. "checked" 속성이 있고 true로 설정되면 해당 요소는 선택되거나 선택 상태가 됩니다. 반대로 false로 설정되거나 없으면 해당 요소는 선택되지 않거나 선택 상태가 아닙니다.
확인하기

05. 퀴즈 이펙트 : 객관식 확인하기(여러 문제) 유형

객관식을 선택하면 정답을 확인하는 유형입니다.

  • 데이터 저장하기 : 배열, 객체
  • 데이터 불러오기 : 배열, 객체, for문, forEach()
  • 데이터 실행하기 : 함수, 익명함수, 화살표 함수
  • 데이터 제어하기 : if문, 다중if문
  • 배열 객체 : Push(), join()
  • 수학 객체 : Math.ceil()
확인하기

06. 퀴즈 이펙트 : 객관식 확인하기(여러 문제) : 슬라이드 유형

객관식을 선택하면 정답을 확인하는 유형이고 슬라이드 형식으로 확인 합니다.

  • 데이터 저장하기 : 변수, 배열, 객체
  • 데이터 불러오기 : 배열,객체, for문, forEach()
  • 데이터 실행하기 : 함수, 화살표 함수
  • 데이터 제어하기 : if문, 다중if문
  • 수학 객체 : Math.ceil()
  • 메서드 : setAttribute()
확인하기

07. 퀴즈 이펙트 : CBT 유형

객관식을 선택하는 시험 유형

  • 데이터 저장하기 : 변수, 배열, 객체
  • 데이터 불러오기 : 배열, 객체, for문, forEach(), map()
  • 데이터 실행하기 : 함수, 화살표 함수
  • 데이터 제어하기 : if문, 다중if문
  • 배열 객체 : push( ), join( )
  • 수학 객체 : Math.ceil(), Math.floor
  • 메서드 : setInterval()
확인하기

기능사 필기 준비 시험

CBT 객관식 선택 유형

확인하기