반응형 퀴즈14 퀴즈 이펙트 : 객관식 확인하기 : CBT 유형(json) 보충2 퀴즈 이펙트 : 객관식 확인하기 : CBT 유형(json) 보충2 https://dongjin6539.tistory.com/64, https://dongjin6539.tistory.com/65 블로그 보충 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2 / JSON) / 완성화면 코드 추가 구성 기능사 시험 정보처리기능사 2005년 2회 정보처리기능사 2005년 4회 정보처리기능사 2005년 5회 정보처리기능사 2006년 1회 정보처리기능사 2006년 2회 정보처리기능사 2006년 3회 정보처리기능사 2006년 5회 정보처리기능사 2007년 1회 정보처리기능사 2007년 2회 정보처리기능사 2007년 4회 정보처리기능사 2007년 5회 정보처리기능사 2008년 1회 정보처리기능사 200.. 2023. 4. 5. 퀴즈 이펙트 : 객관식 확인하기 : CBT 유형(json) 보충 퀴즈 이펙트 : 객관식 확인하기 : CBT 유형(json) 보충 https://dongjin6539.tistory.com/64 블로그 보충 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2 / JSON) / 완성화면 코드 블럭 추가 기능사 시험 정보처리기능사 2010년 2회 웹디자인기능사 2011년 2회 시작하기 구성 모달 창을 만들어줍니다. 모달 창에 문제 유형을 선택하는 것을 만들어줍니다. 시험을 시작하는 버튼을 만들어줍니다. CSS 추가 .cbt__start { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(255, 255, 255, 0.4); z-index: 10000; bac.. 2023. 4. 4. 퀴즈 이펙트 : 객관식 확인하기 : CBT 유형(json) 퀴즈 이펙트 : 객관식 확인하기 : CBT 유형(json) 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2 / JSON) / 완성화면 코드 블럭 Quiz 객관식 확인하기 CBT 유형 1 2 3 4 5 6 7 W1 W2 2020년 1회 정보처리기능사 기출문제 남은 시간 59분 10초 답안지 제출하기 수험자 : 신동진 전체 문제 수 : 60문항 남은 문제 수 : 59문항 구성 구역을 각각 나눠서 문제와 omr 카드 구역을 나누어줍니다. 문제의 구조를 문제, 문제 번호, 문제 이미지, 객관식 보기를 각각 태그를 사용해서 구성을 해줍니다. 문제를 풀 때 남은 시간과 문제를 다 풀고 답안 제출하기를 만들어줍니다. omr 카드 구역에 정보와 omr.. 2023. 4. 3. 객관식 여러문제 확인하기 유형 : 슬라이드 유형 퀴즈 이펙트 객관식 여러문제 확인하기 유형 : 슬라이드 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Quiz 객관식 확인하기(여러문제) 유형 : 슬라이드 유형 1 2 3 4 5 6 W 정답입니다! 틀렸습니다! 다음 문제입니다. ??점 정답 : ? 개 dongjin6539@naver.com 코드 블럭 구성 코드 블럭 구성은 저번에 작성했던 객관식 확인하기 유형 퀴즈 이펙트에 있는 구성과 똑같아서 그대로 가져옵니다.(객관식 확인하기 유형 퀴즈 이펙트 : https://dongjin6539.tistory.com/43) 추가로 현재 문제 번호와 총 문제 의 갯수를 알려주기 위해 class "dog__wrap" .. 2023. 3. 27. 자바스크립트 쪽지 시험(5) 자바스크립트 쪽지 시험(5) 길라잡이 수업시간에 배운 자바스크립트를 간단하게 테스트합니다. 제대로 배웠는지 간단하게 테스해보세요! 1. 다음 결괏값 중 -1이 나오는 갯수를 구하시오. { const str = "javascript refercence"; str.indexOf("javascript"); str.indexOf("javascripts"); str.indexOf("j"); str.indexOf("J"); str.indexOf("a"); str.indexOf("ja"); str.indexOf("jv"); str.indexOf("refercence"); str.indexOf("r"); str.indexOf("re"); str.indexOf("javascript", 0); str.indexOf("ja.. 2023. 3. 26. 객관식 여러문제 확인하기 유형 퀴즈 이펙트 객관식 여러문제 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Quiz 객관식 확인하기(여러문제) 유형 1 2 3 4 5 W dongjin6539@naver.com 코드 블럭 구성 코드 블럭 구성은 저번에 작성했던 객관식 확인하기 유형 퀴즈 이펙트에 있는 구성과 똑같아서 그대로 가져옵니다.(객관식 확인하기 유형 퀴즈 이펙트 : https://dongjin6539.tistory.com/43) 다만 body 태그 안에 script 태그를 사용해서 정보를 입력하기 위해 main 태그에 class "quiz" 부분은 주석 처리 해줍니다. 강아지 이미지는 인터넷을 통해 얻어왔습니다. (참조: .. 2023. 3. 25. 이전 1 2 3 다음 반응형
