코딩공부중인블로그

슬라이드 이펙트2 가로유형 보러가기 슬라이드 이펙트3 세로유형 보러가기 슬라이드 이펙트4 가로유형 (연속)보러가기 슬라이드 이펙트5 세로유형 (연속) 보러가기 슬라이드 이펙트6 버튼,닷메뉴 보러가기 슬라이드 이펙트7 버튼,썸네일 보러가기 슬라이더 이펙트1 기본유형 전체소스 보러가기 Javascript Slider Effect01 슬라이드 이펙트 1 2 3 4 5 6 ghkddn132@naver.com 우선 html을 만들어 준후 css로 꾸며 줍니다. .slider:nth-child(1)::before {content: '이미지1';} .slider:nth-child(2)::before {content: '이미지2';} .slider:nth-child(3)::before {content: '이미지3';}..

5. 다음 중 감산 혼합의 3원색으로 옳지 않은 것은? 1.MAGENTA 2.YELLOW 3.BLUE 4.CYAN 답: 4 풀이 감산혼합(감법혼합) 또는 색료의 혼합이라고 하며, 시안, 마젠타, 노랑을 여러 강도로 섞어면 어떤 색을 만들 수 있다 7. 인접하는 두 색의 경계 부분에 색상, 명도, 채도의 대비가 더 욱 강하게 일어나는 현상을 무엇이라고 하는가? 1.면적대비 2.보색대비 3.한난대비 4.연변대비 답:4 풀이 연변대비 나란히 단계적으로 균일하게 채색되어 있는 색의 경계부분에서 일어나는 대비현상. 인접색이 저명도인 경계부분은 더 밝아보이고, 고명도인 경계부분은 더 어두워 보인다. 유채색의 배열에서도 나타난다 8. 서로 반대되는 색상을 배색하였을 때 나타나는 느낌으로 옳 은 것은? 1.강렬한 느낌..

4. 디자인 형태의 개념에 조화(harmony)를 이루는 법칙과 거리 가 먼 것은? 1.균형 2.대비 3.통일 4.색상 답: 4 풀이 개념에 조화에는 균형, 대비, 통일, 유사, 균일, 강약, 변화 가 있다. 13. 바우하우스에서 디자인이라는 용어 대신 사용한 용어는? 1.데시나레 2.조형학 3.데셍 4.심리학 답: 2 풀이 바우하우스는 현대 디자인의 이정표를 정립한 예술 창작과 공학 기술의 통합 운동으로 '형태부여', '조형학'이라는 용어를 디자인 대신 사용함. 14. 어느 색이 다른 색에 둘러쌓여 있거나 인접한 두 색을 동시 에 볼 때 일어나는 대비를 무엇이라고 하는가? 1.동시대비 2.색상대비 3.연변대비 4.계시대비 답:1 풀이 어느 색이 다른 색에 둘러쌓여 있거나 인접한 두 색을 동시에 볼 때 ..

3. 디자인의 원리 중 비례에 대한 설명이 잘못된 것은? 1.균형을 가장 많이 고려하여 구성해야 한다. 2. 부분과 부분, 부분과 전체에 균형이 잡혀있음을 말한다. 3. 조형을 구성하는 모든 단위의 크기를 결정한다. 4. 객관적 질서와 과학적 근거를 명확하게 드러내는 구성 형식이다. 답:1 풀이 비례란 부분과 부분, 부분과 전체의 연관시켜서 상대적으로 설명하는 것으로 부분사이의 상호관계에 대한 일정한 비율로 분포,면적,길이 등의 대비관계를 말한다. 7. 먼셀의 색체계에서 색상의 기본색을 10가지로 나누었을 때 포함되지 않는 색은? 1. PR 2. P 3. YR 4.GY 답:1 풀이 기본 10가지 색 = R: Red(빨강) / Y:Yellow(노랑) / G:Green(초록) / B:Blue (파랑) / P..

전체 소스 보러가기 HTML 2020년 1회 정보처리기능사 기출문제 남은 시간 답안지 제출하기 수험자 : 전체 문제수 : 0문항 남은 문제수 : 0문항 기능사 시험 도전하기 정보처리기능사 2008년 4회 정보처리기능사 2008년 5회 정보처리기능사 2009년 1회 정보처리기능사 2009년 5회 정보처리기능사 2010년 2회 정보처리기능사 2010년 5회 정보처리기능사 2011년 1회 정보처리기능사 2011년 2회 정보처리기능사 2011년 4회 정보처리기능사 2011년 5회 웹디자인기능사 2013년 5회 웹디자인기능사 2014년 1회 웹디자인기능사 2014년 4회 웹디자인기능사 2014년 5회 웹디자인기능사 2015년 1회 웹디자인기능사 2015년 3회 웹디자인기능사 2015년 4회 웹디자인기능사 2015..

퀴즈 이펙트 CBT확인 유형을 보충 하였습니다. 문제에 있는 정답 체크 들과 omr에 있는 정답 체크 들을 연동 시키기 위해 사용자가 체크를 하게 되면 체크된 정답의 값을 onclick의 answerSelect2을 통해 value를 가져 왔습니다. 그리고 그 value값 사이에있는 "_"를 구분자로하여 split 안에있는 숫자를 배열로 나워 주었습니다.그후 omr에 있는 전체 문항수를 가져오고 label 이라는 변수를 만들어 체크 되었을때 문제 밑에 있는 정답 4개중 하나를누르면 omr에 정답도 같은 숫자로 체크가 되게 할 수 있습니다. 밑에도 마찬가지로 omr을 눌렀을때 문제 밑에 있는 정답과 같은 번호로 체크가 되게 만들어 주었습니다. 그 후 남은 문제를 구하기 위해 체크한 값을 가져와 그값과 전체 ..

Quiz 객관식 확인 CBT 유형 1 2 3 4 5 6 7 2020년 1회 정보처리기능사 기출문제 남은 시간 59분 10초 답안지 제출하기 수험자 : 전체 문제수 : 1문항 남은 문제수 : 1문항 class의 cbt 부분과 omr 부분을 주석처리 하고 script 부분에서 반복하여 나오게 하였습니다. ·json에 있는 데이터를 불러와서 itmes로 저장해준후 map으로 json파일에있는 데이터를 하나씩 빼와 questionAll에 저장 해주었습니다. ·newQuestion의 익명함수를 만듣후 빈배열이 있는 변수 두개를 만들고 그안에 forEach를 이용해 questionAll에있는 문제의 내용을 가져와 각배열 안에 넣어주면 문제가 여러게 나오게 됩니다. ·정답을 확인하기 위해 우선 사용자의 체크한 답을 ..

※ 01. 다음의 결과값을 작성하시오. { let num = 0; while(false){ num++; if( num == 3 ){ continue; } if( num > 10 ){ break; } } console.log(num); } 답 0 ※ 02. 다음의 결과값을 작성하시오. { let a = 6, b = 9, c = 3, result; result = ++a + b++ + ++c; console.log(result); console.log(a+b+c); } 답 20 21 ※ 03. 결과값을 작성하시오. { function func(){ let a = []; for(i=1; i40 일때 true면 50을 반환하고 false면 40을 반환 합니다. 조건은 true이므로 50을 반환합니다. 그 후 두..

1.마우스를 이미지에 오버하면 이미지가 바뀌게 하기 마우스 오버하면 이미지 랜덤으로 바꾸기 우선 텍스트와 이미지을 넣어줍니다. 그 후 상수 cover를 만들어 querySelector를 이용해 아이디가container안에 img에 값을 가져오거나 변경 할 수 있습니다. 또 하나의 상수 covers 를 만들어 마우스를 오버 했을때 바뀔 이미지들을 배열에 넣어줍니다. 그리고 이벤트 함수인 'addEventListener' 를 이용해 이벤트 용어중 하나인 'mouseover'를 이용해 마우스를 오버 했을때 cover에 있는 이미지 src를 covers에있는 배열의 이미지로 랜덤하게 바뀌게 해주었습니다. 그리고 마우스가 이미지를 벗어낫을때 다시 원래 이미지로 바꾸기 위해 'mouseout' 을 사용하였습니다. ..