View Site : https://kebab000.github.io/web2023/javascript/quiz/quizEffect01.html
자바스크립트를 활용하여 정보처리기능사와 웹디자인기능사 필기 기출문제로 제작된 웹 페이지를 소개합니다.
주관식, 객관식, CBT 유형 등 여러 가지 유형들이 있고 퀴즈 문제는 자격증 공부를 준비하고 있던 웹디자인 기능사, 정보처리 기능사의 필기 문제들을 기반으로 넣었습니다.
이 프로젝트를 통해 javascript 메서드중 fetch를 통해 json 파일을 불러오는 방법에 대해 자세히 학습하였습니다.
- HTML: HTML 언어를 사용하여 웹 페이지의 구조와 콘텐츠를 정의합니다.
- CSS: CSS(Cascading Style Sheets)를 사용하여 웹 페이지의 스타일을 지정합니다.
- javascript :
- 시간 설정: setInterval(reduceTime, 1000)을 호출하여 reduceTime() 함수를 1초마다 실행하여 시간을 감소시킵니다.
- forEach(): 배열의 각 요소에 대해 지정한 콜백 함수를 순차적으로 실행합니다. 그러나 반환 값이 없으며, 배열을 직접 수정하지 않습니다.
- fetch를 사용하여 서버에서 데이터를 가져옵니다.
- map(): 배열의 각 요소에 대해 지정한 콜백 함수를 순차적으로 실행하며, 각 요소에 대해 반환된 값을 새로운 배열에 모아 반환합니다. 원본 배열을 변경하지 않고 새로운 배열을 생성합니다.
- push(): 배열의 끝에 하나 이상의 요소를 추가하는 메서드입니다. 이 메서드는 배열의 길이를 수정하고, 추가된 요소가 포함된 새로운 길이를 반환합니다.
- join(): 배열의 모든 요소를 문자열로 변환하여 하나의 문자열로 합칩니다. 기본적으로 구분자(separator)는 쉼표(,)를 사용하지만, 필요에 따라 다른 구분자를 사용할 수도 있습니다.
- Math.random(): 0 이상 1 미만의 난수(랜덤한 실수)를 반환하는 메서드입니다. 0은 포함되지만 1은 포함되지 않습니다.
- Math.ceil(): 주어진 숫자보다 크거나 같은 최소 정수를 반환하는 메서드입니다. 올림 함수라고도 합니다.
- 객관식 유형 (여러 개)
- 주관식 유형 (여러 개)
- 정답 확인하기 유형
- 슬라이드 유형
- CBT 유형