반응형 JAVASCRIPT42 퀴즈 이펙트 : 객관식 확인하기 : 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. 자바스크립트 문자열 자바스크립트 문자열 자바스크립트에서는 간단한 텍스트를 처리하기 위해 문자열 유형을 자주 사용합니다. 원시 유형과 객체 단순히 값만 가지고 있을 경우에는 '원시 유형'이고 프로퍼티와 메서드를 가지고 있을 때는 '객체'입니다. 그런데 자바스크립트에서는 원시 유형이어도 프로퍼티와 메서드를 사용할 수 있습니다. 자바스크립트에서 number와 blooean, string 유형은 별도로 프로토타입 객체가 만들어져 있습니다. 즉, 숫자는 Number 객체, 문자열은 String 객체라는 식으로 만들어져 있습니다. 이를 '래퍼 객체'라고 합니다. number나 boolean, string과 같은 원시 유형에서 프로퍼티나 메서드를사용하면 일시적으로 원시 유형을 해당 객체로 변환합니다. 그리고 프로퍼티나 메서드의 사용이 .. 2023. 3. 29. 객관식 여러문제 확인하기 유형 : 슬라이드 유형 퀴즈 이펙트 객관식 여러문제 확인하기 유형 : 슬라이드 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(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. 객관식 여러문제 확인하기 유형 퀴즈 이펙트 객관식 여러문제 확인하기 유형 퀴즈 이펙트 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(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 4 5 6 7 다음 반응형
