반응형 JSON4 자바스크립트 JSON 마무리 문제(UPGRADE) 자바스크립트 JSON 마무리 문제(UPGRADE) 참고 https://dongjin6539.tistory.com/78 길라잡이 명언뿐만 아니라 이미지도 10초에 한번씩 바꿔주세요. JAVACRIPT 자바스크립트 구성 https://dongjin6539.tistory.com/78에서 추가로 작업을 했습니다. unsplash 페이지에서 사진을 무료로 가져올 수 있습니다.(https://unsplash.com/ko) 함수 imgLoad를 만들어서 실행해줍니다. 코드의 이미지 부분을 선택자로 만들어줍니다. unsplash API에서 이미지를 random으로 가져올 수 있는 소스가 있습니다. img 요소의 src 속성 값을 변경합니다. 이 때, 새로운 이미지를 불러오기 위해 랜덤한 쿼리 파라미터를 추가해서 속성값.. 2023. 4. 17. 자바스크립트 JSON 마무리 문제 자바스크립트 JSON 마무리 문제 책 : 모던 자바스크립트 프로그래밍의 정석 519, 520페이지 참고 마무리 문제 1 dummyjson.com/quotes 사이트의 json 데이터를 가져온 후 콘솔 창에 결과를 표시해 봅니다. 가져온 데이터가 어떤 구조로 이루어져 있는지 살표보는 것이 목표입니다. 길라잡이 feth와 then, catch를 사용해서 URL에서 자료를 가져옵니다. 가져온 데이터에 어떤 값이 어떤 구조로 저장되어 있는지 확인하고 그중에서 명언과 말한 사람 정보를 가져오는 방법을 생각합니다. JAVASCRIPT function nextQutoe(){ fetch("http://dummyjson.com/quotes") .then(res => res.json()) .then(items => { c.. 2023. 4. 15. 퀴즈 이펙트 : 객관식 확인하기 : 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. 이전 1 다음 반응형
