javascript

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

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

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

확인하기

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

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

• 데이터 저장하기 : 변수
• 데이터 제어하기 : if문
• trim() : 문자열에서 공백을 제거하는 메소드입니다. 이 메소드는 문자열의 시작과 끝에서 공백을 제거합니다.
• textContent : HTML 요소의 텍스트 콘텐츠를 나타내는 속성입니다. HTML 요소의 시작 태그와 종료 태그 사이의 모든 텍스트를 반환합니다.
• value : HTML 폼 요소의 값을 가져오거나 설정하는 속성입니다. 이 속성은 주로 사용자가 입력한 값을 가져오는 데 사용됩니다.

확인하기

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

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

• 데이터 저장하기 : 배열, 객체
• 데이터 불러오기 : for문, forEach()
• 데이터 제어하기 : if문
• querySelectorAll() : 웹 개발에서 제공하는 메서드 중 하나로, 지정된 CSS 셀렉터와 일치하는 모든 HTML 요소를 리스트로 가져올 수 있도록 해줍니다.
• innerHTML : 웹 개발에서 제공하는 속성 중 하나로, 해당 요소의 HTML 마크업을 포함한 모든 내용을 나타내는 문자열을 가져오거나 설정할 수 있습니다.

확인하기

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

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

• 데이터 저장하기 : 배열, 객체
• 데이터 불러오기 : 배열, 객체, for문, forEach()
• 데이터 실행하기 : 함수
• 데이터 제어하기 : if문, 다중if문

확인하기

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

정보처리 기능사

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

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

확인하기

웹디자인 기능사

확인하기

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

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

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

확인하기

07. 퀴즈 이펙트 : CBT 유형

객관식을 선택하는 시험 유형입니다.

• 데이터 저장하기 : json, 배열, 객체
• 데이터 불러오기 : fetch(), map(), forEach(), hasOwnProperty()
• 데이터 실행하기 : 함수, 익명함수, 화살표함수, 리턴함수, setInterval()
• 데이터 제어하기 : if문
• 배열 객체 : push(), join()
• 수학 객체 : Math.ceil(), Math.random()

확인하기