분류 전체보기 75

슬라이드 이펙트 만들기 2 - 좌로 움직이기

여러 이미지를 저장해 좌로 움직여 이미지를 보여주는 페이지를 만들었습니다. HTML Javascript Slider Effect02 슬라이드 이펙트 : 좌로 움직이기 1 2 3 4 5 6 hyejeong3283@gmail.com CSS script 선택자 // 선택자 const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = sliderWrap.querySelector(".slider__img"); // 보여지는 영역 const sliderInner = sliderWrap.querySelector(".slider__inner"); // 움직이는 영역 const slider = sliderWrap.querySelectorAll..

JAVASCRIPT 2023.04.10

슬라이드 이펙트 만들기 1 - 트랜지션 효과

여러 이미지를 저장해 슬라이드 형식으로 이미지를 보여주는 페이지를 만들었습니다. HTML Javascript Slider Effect01 슬라이드 이펙트 : 트랜지션 효과 1 2 3 4 5 6 hyejeong3283@gmail.com CSS SCRIPT 선택자 const sliderWrap = document.querySelector(".slider__wrap"); const sliderImg = sliderWrap.querySelector(".slider__img"); const slider = sliderWrap.querySelectorAll(".slider"); let currentIndex = 0; // 현재 보이는 이미지 let sliderCount = slider.length; // 이미지 갯..

JAVASCRIPT 2023.04.10

정보처리기능사 기출문제 오답노트 2

2009년 9월 27일 필기 기출문제 3. (11111)2 + (01011)2의 결과로 옳은 것은? ① (101010)2 ② (110101)2 ③ (101001)2 ④ (010101)2 11111 +01011 ______ 101010 6. 기억장치에서 읽어낸 명령을 받고 이것을 실행하기 위하여 일시 기억하는 레지스터는? ① 명령(instruction) ② 누산기(accumulator) ③ 저장(storage) ④ 인덱스(index) 명령어를 읽어서 저장한다고 하였으므로 명령어 레지스터(IR) 입니다. 15. 다음 논리회로의 논리식은? 정답 : 1번 드모르간 정리를 이용하면 됩니다. f = (A' +B')' = A"·B" = A·B 31. 다음 ( )안에 공통으로 들어갈 알맞은 용어는? ① Input/Ou..

TEST&복습 2023.04.09

웹디자인기능사 기출문제 오답노트

2015년 7월 19일 필기 기출문제 1. 색의 3속성 중 사람의 눈이 가장 예민하고 강하게 반응하는 대비는? ❶ 명도대비 ② 색상대비 ③ 보색대비 ④ 채도대비 색의 3속성은 색상, 명도, 채도이다. 명도대비:명도가 다른 두 색의 영향에 의해 명도차가 다르게 지각되는 현상. 주위 색에 따라 더욱 밝게 느껴지거나 더욱 어둡게 느껴짐. 3. 디자인의 원리 중 비례에 대한 설명이 잘못된 것은? ❶ 균형을 가장 많이 고려하여 구성해야 한다. ② 부분과 부분, 부분과 전체에 균형이 잡혀있음을 말한다. ③ 조형을 구성하는 모든 단위의 크기를 결정한다. ④ 객관적 질서와 과학적 근거를 명확하게 드러내는 구성 형식이다. 비례란 부분과 부분, 부분과 전체의 연관시켜서 상대적으로 설명하는 것으로 부분사이의 상호관계에 대한..

TEST&복습 2023.04.08

정보처리기능사 기출문제 오답노트

2011년 4월 17일 필기 기출문제 2. 다음 중 RISC(Reduced Instruction Set Computer)의 설명으로 옳은 것은? 명령어마다 다른 수행 사이클을 가지므로 파이프라이닝이 효율적이다. 메모리에 대한 액세스는 LOAD와 STORE만으로 한정되어 있다. 마이크로 코드에 의해 해석 후 명령어를 수행한다. 주소지정방식이 다양하게 존재한다. RISC의 약자인 Reduced는 제한된으로 해석 될 수도 있습니다. 따라서 메모리에 대한 엑세스는 LOAD와 STORE만으로 "한정" 되어 있다.에서 한정 이라는 말과 Reduced의 뜻이랑 같습니다. 5. 다음에 실행할 명령어의 번지를 기억하는 레지스터는? Program Counter Memory Address Register Processor ..

TEST&복습 2023.04.07

퀴즈 이펙트 만들기 7-3 추가 내용 정리

추가내용 점수 나오는 모달창 추가 첫 모달창에 이름을 입력하면 수험자 이름영역에 출력하기 카운터되는 시간이 1자리 수가되면 앞에 0붙이기 완성 화면 HTML Quiz 객관식 확인 CBT 유형 1 2 3 4 5 6 7 2020년 1회 정보처리기능사 기출문제 제출하기 59분 10초 수험자 : 이혜정 전체 문제수 : 0문항 남은 문제수 : 0문항 기능사 시험 시작하기 정보처리기능사 2005년 2회 정보처리기능사 2005년 4회 정보처리기능사 2005년 5회 정보처리기능사 2006년 1회 정보처리기능사 2006년 2회 정보처리기능사 2006년 3회 정보처리기능사 2006년 5회 정보처리기능사 2007년 1회 정보처리기능사 2007년 2회 정보처리기능사 2007년 5회 정보처리기능사 2008년 1회 정보처리기능사..

JAVASCRIPT 2023.04.05

퀴즈 이펙트 만들기 7 추가 내용 정리

완성 화면 HTML Quiz 객관식 확인 CBT 유형 1 2 3 4 5 6 7 2020년 1회 정보처리기능사 기출문제 제출하기 59분 10초 수험자 : 이혜정 전체 문제수 : 0문항 남은 문제수 : 0문항 기능사 시험 시작하기 정보처리기능사 2005년 2회 정보처리기능사 2005년 4회 정보처리기능사 2005년 5회 정보처리기능사 2006년 1회 정보처리기능사 2006년 2회 정보처리기능사 2006년 3회 정보처리기능사 2006년 5회 정보처리기능사 2007년 1회 정보처리기능사 2007년 2회 정보처리기능사 2007년 5회 정보처리기능사 2008년 1회 정보처리기능사 2008년 2회 정보처리기능사 2008년 4회 정보처리기능사 2008년 5회 정보처리기능사 2009년 1회 정보처리기능사 2009년 5회..

JAVASCRIPT 2023.04.05

퀴즈 이펙트 만들기 7 (CBT 유형)

json 형식의 데이터를 이용해 CBT 유형으로 퀴즈 이펙트를 만들었습니다. HTML Quiz 객관식 확인 CBT 유형 1 2 3 4 5 6 7 2020년 1회 정보처리기능사 기출문제 수험자 : 이혜정 전체 문제수 : 60문항 남은 문제수 : 59문항 제출하기 59분 10초 문제를 푸는 부분과 omr 부분을 나누어 줍니다. 문제, 문제 번호, 문제 이미지, 객관식 보기를 각각 태그를 사용해서 구성을 해줍니다. 수험자정보, 총 문제수와 남은 문제수를 태그를 사용해 각 영역을 만듭니다. 문제를 풀고 제출하는 영역과 시간이 카운팅 되는 영역을 만들어 줍니다. JSON [ { "subject": "소프트웨어 설계", "question": "GoF(Gang of Four)의 디자인 패턴에서 행위 패턴에 속하는 것..

JAVASCRIPT 2023.04.04