100S00

미션 1 : 점수 결과 표시 cbtSubmit.addEventListener("click", answerQuiz) 제출하기 버튼을 눌렀을때 점수를 표시 해줘야하기 때문에 이벤트가 적용되어있는 answerQuiz에 document.querySelector(".cbt__result span").innerHTML = Math.ceil((quizScore / questionAll.length) *100) + "점" 를 넣어주었다. 그리고 출력 될 cbt__result span 이라는 창을 만들어 hide를 주어 숨겨놓은 다음 클릭 하면 나올수 있게 const cbtResult = document.querySelector(".cbt__result ").classList.remove("hide") 코드를 주었다. ..

추가 된 코드 어제의 미션인 남은 문제수 구하기 코드 const cbtSubmit = document.querySelector(".cbt__submit") const cbtRest = document.querySelector(".cbt__rest") const cbtLength = document.querySelector(".cbt__length") let querySelectorAll = []; //모든퀴즈 정보 let questionLength = 0; //전체 문제 수 let questionRest = questionLength; //남은 문제 수 //전체 문제수 questionLength = questionAll.length; cbtLength.innerHTML = questionLength cb..

퀴즈 유형 일곱번째 omr 체크하기 퀴즈유형 7번은 cbt 형식이고 omr형식으로 만들어 보았다. json을 이용해 문제정보를 불러와 적용했다. JSON이란 JSON(JavaScript Object Notation)은 사람이 읽고 쓰기 쉽고 기계가 구문 분석하고 생성하기 쉬운 경량 데이터 교환 형식입니다. XML의 대안으로 서버와 웹 애플리케이션 간에 데이터를 전송하는 데 자주 사용됩니다. JSON은 키-값 쌍과 배열로 구성되며 서로 다른 시스템 간에 데이터를 교환하기 위해 API(Application Programming Interface)에서 자주 사용됩니다. Quiz객관식 확인 CBT 유형 1 2 3 4 5 6 7 d w 2020년 1회 정보처리기능사 기출문제 59초 제출하기 수험자 : 김현빈 cb..

웹 디자인 기능사 시험 레이아웃 따라하기 1 레이아웃을 크게 3가지로 분류한다. header,main,footer 다음으론 css에 리셋 값을 줍니다. * { padding: 0; margin: 0; } a { text-decoration: none; color: black; } img { width: 100%; vertical-align: top; } #wrap { width: 1000px; margin: 0 auto; } 헤더는 로고(img)와 메뉴(nav) 둘로 나눈 후 css를 적용한다. 즐길거리 요금/우대혜택 참여프로그램 이용가이드 소통서비스 로고의 크기는 임의로 정해주고 li와 a에 display : inline-block을 주며 가로로 정렬될수있게 해준다 a에는 padding을 주어 각 a ..

01. 다음의 결괏값을 작성하시오. { let num = 0; while(false){ num++; if( num == 3 ){ continue; } if( num > 10 ){ break; } } console.log(num); } 02. 다음의 결괏값을 작성하시오. { let a = 6, b = 9, c = 3, result; result = ++a + b++ + ++c; console.log(result); console.log(a+b+c); } 03. 결괏값을 작성하시오. { function func(){ let a = []; for(i=1; i

효율적으로 문자열과 배열을 활용하는 법을 알아봅시다! length() length(): 이 메서드는 문자열의 길이를 반환합니다. const str = "Hello, world!"; console.log(str.length); // 13 배열의 경우엔 배열의 수를 나타냅니다. const arr = [1, 2, 3, 4, 5]; console.log(arr.length); // 5 유사 배열 객체의 경우, length 속성은 해당 객체가 가지고 있는 요소의 개수를 나타냅니다. const paragraphs = document.getElementsByTagName("p"); console.log(paragraphs.length); // the number of elements in the document ch..

Git 브랜치 브랜치란 독립적으로 어떤 작업을 진행하기 위한 개념입니다. 필요에 의해 만들어지는 각각의 브랜치는 다른 브랜치의 영향을 받지 않기 때문에, 여러 작업을 동시에 진행할 수 있습니다. 통합 브랜치 통합 브랜치란 언제든지 배포할 수 있는 버전을 만들 수 있어야 하는 브랜치 입니다. 그렇기 때문에 늘 안정적인 상태를 유지하는 것이 중요합니다. 여기서 '안정적인 상태'란 현재 작업 중인 소스코드가 모바일에서 동작하는 어플리케이션을 개발하기 위한 것이라면, '그 어플리케이션의 모든 기능이 정상적으로 동작하는 상태'를 의미합니다. 만약 이 어플리케이션에 어떤 문제가 발견되어 그 문제(버그)를 수정한다던지 새로운 기능을 추가해야 한다던지 해야할 때, 바로 '토픽 브랜치(Topic branch)'를 만들 ..

부족한 점 공부하기 = CSS속성 편 사이트 유형 공부를 하다가 css의 background 속성의 종류를 공부해야겠다 생각해서 background 속성의 종류를 알아보려 한다! background-attachment : 요소의 배경 이미지가 콘텐츠와 함께 스크롤되어야 하는지 아니면 제자리에 고정되어 있어야 하는지를 지정하는 CSS 속성입니다. 다음 두 값 중 하나를 사용할 수 있습니다. scroll: 기본값이며 배경 이미지가 요소의 내용과 함께 스크롤된다는 의미입니다. fixed: 이 값을 사용하면 요소의 콘텐츠가 스크롤되더라도 배경 이미지가 뷰포트에 상대적으로 제자리에 고정됩니다. 이렇게 하면 배경 이미지가 나머지 콘텐츠보다 느린 속도로 움직이는 것처럼 보이는 시차 효과가 생성됩니다. backgrou..

오답노트 01. 결괏값을 작성하시오. { const str = "javascript"; const text = str.indexOf("a"); const text2 = str.lastIndexOf("a"); const text3 = str.includes("a"); console.log(text); console.log(text2); console.log(text3); } 정답: 1 0 3 해설: indexOf 는 앞부터 0부터 시작하기 때문에 a자리는 1이기 때문에 1이나온다. lastindexOf는 뒷자리 부터 기준을 두어 뒤에 있는 a는 3자리이기 때문에 3 includes는 불린으로 반환하기 때문에 javascript가 들어가 있어 true가 나온다. 02. 다음의 결괏값을 보고 빈칸을 채우시오...

오답노트 01. 결괏값을 작성하시오. { (function(){ console.log("함수가 실행되었습니다."); })(); } 정답: 함수가 실행 되었습니다. 02. 결괏값을 작성하시오. { function func(str = "함수가 실행되었습니다."){ document.write(str); } func(); } 정답: 함수가 실행 되었습니다. 03. 결괏값을 작성하시오. { let sum = 0; for(var i=1; i num2) return num1 else return num2 } console.log(func(10, 23) + func(40, 50)) } 정답: 73 해설: if(num1 > num2) return num1 else return num2} 10 23를 넣었을때 10은 23..