01. 퀴즈 이펙트 : 정답확인하기 유형
정답확인 버튼을 누르면 정답이 나오는 효과입니다.
- 데이터 저장하기 : 변수
- querySelector() : 문서에서 특정 CSS 선택자로 요소를 찾는 DOM 메서드입니다.
- innerText() : Dom 요소의 텍스트 내용을 가져오거나 설정하는데 사용되는 속성입니다.
- style.속성 = "속성값" : 자바스크립트에서 CSS 스타일을 표현하는 방법입니다.
- classlist : 요소의 클래스를 추가하거나 제거하여 스타일을 설정하는 데 사용됩니다.
- addEventListener : 자바스크립트에서 이벤트를 처리하는 함수입니다.
02. 퀴즈 이펙트 : 주관식 확인하기 유형
사용자가 답을 적으면 정답인지 확인해주는 효과입니다.
- 데이터 저장하기 : 변수
- 데이터 제어하기 : if문
- trim() : 문자열의 양쪽 끝에 있는 공백을 제거한 후, 결과 문자열을 반환합니다.
- textContent : HTML 요소의 모든 자식 노드의 텍스트 콘텐츠를 반환하거나, 텍스트 콘텐츠를 수정할 수 있도록 하는 속성입니다.
- value : HTML 폼 요소의 현재 값을 나타내거나 값을 변경할 수 있도록 하는 속성입니다.
03. 퀴즈 이펙트 : 주관식(여러문제) 확인하기 유형
사용자가 답을 적으면 정답인지 확인해주는 효과입니다.(여러문제 동시출력)
- 데이터 저장하기 : 배열 + 객체
- 데이터 불러오기 : for문, forEach문
- 데이터 제어하기 : if문
- querySelectorAll() : JavaScript의 DOM API 중 하나로, 문서 내에서 특정 CSS 선택자에 해당하는 모든 요소를 반환합니다.
04. 퀴즈 이펙트 : 객관식 확인하기 유형
객관식을 선택하면 정답을 확인하는 유형입니다.
- 데이터 저장하기 : 배열 + 객체
- 데이터 불러오기 : 배열 + 객체, for문, forEach문
- 데이터 실행하기 : 함수
- 데이터 제어하기 : if문, 다중if문
05. 퀴즈 이펙트 : 객관식(여러문제) 확인하기 유형
객관식을 선택하면 정답을 확인하는 유형입니다.(여러문제 동시출력)
- 데이터 저장하기 : 배열 + 객체
- 데이터 불러오기 : 배열 + 객체, for문, forEach문
- 데이터 실행하기 : 함수, 익명함수, 화살표함수
- 데이터 제어하기 : if문, 다중if문
- 수학 객체 : Math.ceil() 올림하여 숫자로 반환합니다.
- 배열 객체 : push(), join()
06. 퀴즈 이펙트 : 객관식(여러문제) 슬라이드로 확인하기 유형
객관식을 선택하면 정답을 슬라이드 형식으로 확인합니다.
- 데이터 저장하기 : 배열 + 객체
- 데이터 불러오기 : 배열 + 객체, for문
- 데이터 실행하기 : 함수, 익명함수, 화살표함수
- 데이터 제어하기 : if문
- 수학 객체 : Math.ceil()
07. 퀴즈 이펙트 : 객관식 CBT 유형
객관식을 선택하는 시험 유형
- 데이터 저장하기 : json, 배열 + 객체
- 데이터 불러오기 : fetch(), hasOwnProperty(), forEach()
- 데이터 실행하기 : 함수, 익명함수, 화살표함수, setInterval()
- 데이터 제어하기 : if문, 다중if문
- 배열 객체 : push(), splice(), join(), include()
- 수학 객체 : Math.ceil()
웹디자인 기능사 문제
웹디자인 기능사 2016년 1회 기출문제입니다.
퀴즈 페이지 이동