기출노트 로고기출노트
시작하기

2010웹디자인기능사 4회차

60문제로 구성된 기출 시험

💡 학습 진행률을 저장하시겠어요?
로그인하면 학습 진행률, 오답노트, 북마크 기능을 사용할 수 있습니다.

시험 문제

문제 1

색의 수축, 팽창의 효과에 가장 큰 영향을 주는 요소는?    
  1. 색약
  2. 명도
  3. 잔상
  4. 중량
정답: 2

해설

색의 수축, 팽창 효과에 가장 큰 영향을 주는 요소는 **명도**입니다. 명도가 높을수록 색은 더 멀리 있는 것처럼 보이고, 명도가 낮을수록 더 가까이 있는 것처럼 보이는 **색채의 공간감**이라는 현상이 나타나기 때문입니다. 색약이나 잔상은 색을 인식하는 개인적인 경험에 영향을 줄 수 있지만, 모든 사람에게 공통적으로 나타나는 공간감 효과와는 직접적인 관련이 적습니다.

문제 2

면(plane)에 대한 설명으로 틀린 것은?    
  1. 폭은 있으나 길이가 없다.
  2. 이동하는 선의 자취가 면을 이룬다.
  3. 공간을 구성하는 단위이다.
  4. 넓이는 있으나 두께는 없다.
정답: 1

해설

면은 폭과 길이가 무한히 확장되는 2차원 도형으로, 넓이는 있지만 두께는 없습니다. 따라서 "폭은 있으나 길이가 없다"는 설명은 틀렸습니다. 면은 이동하는 선의 자취이며, 공간을 구성하는 기본 단위 중 하나입니다.

문제 3

디자인에서 사용되는 용어 설명으로 잘못된 것은?    
  1. 2차원의 화면이나 형식 위에, 3차원의 공간에 존재하는 형(shape)이나 형태(form)를 표시하는 것을 투시(perspective)라 한다.
  2. 장소나 위치 또는 방위가 변화되는 과정이나 움직임을 시차(parallax)라고 한다.
  3. 점진적 변화, 규칙적 단계에 의해 진행되는 변화과정을 그라데이션(gradation)이라고 한다.
  4. 시각적 영역 안에서 어떤 형이나 형태가 다른 형이나 형태를 부분적으로 덮어 감추어지는 현상을 중첩이라 한다.
정답: 2

해설

정답은 2번입니다. 시차(parallax)는 관찰자의 위치 변화에 따라 물체의 겉보기 위치가 달라지는 현상을 의미합니다. 문제에서 설명하는 '장소나 위치 또는 방위가 변화되는 과정이나 움직임'은 시차보다는 '움직임' 또는 '변화'라는 더 넓은 개념에 해당하며, 시차의 정의와는 다릅니다. 나머지 보기들은 디자인 용어의 올바른 설명입니다.

문제 4

병원 수술실의 색채계획으로 가장 적당한 배색은?    
  1. 갈색계열
  2. 무채색계열
  3. 녹색계열
  4. 보라색계열
정답: 3

해설

병원 수술실의 색채 계획으로 녹색 계열이 가장 적합한 이유는 녹색이 눈의 피로를 줄여주고 안정감을 주기 때문입니다. 수술 중 의료진의 집중력을 높이고 시각적인 편안함을 제공하여 수술의 정확성과 안전성을 높이는 데 도움을 줄 수 있습니다. 이는 색채가 인간의 심리 및 생리적 반응에 미치는 영향을 활용한 색채 심리 및 환경 디자인의 핵심 개념입니다.

문제 5

색입체를 단순화한 각 부분의 명칭이 맞는 것은? (단, A는 입체의 상하, /B는 입체의 가로방향, C는 입체의 둘레를 의미한다.)        
  1. A-색상, B-채도, C-명도
  2. A-채도, B-명도, C-색상
  3. A-명도, B-색상, C-채도
  4. A-명도, B-채도, C-색상
정답: 4

해설

색입체는 색상을 3차원으로 표현한 것으로, 일반적으로 세 가지 축으로 구성됩니다. 문제에서 A는 입체의 상하, B는 가로 방향, C는 둘레를 의미합니다. 정답인 4번은 A-명도, B-채도, C-색상으로, 이는 색입체의 일반적인 구성과 일치합니다. 명도는 색의 밝고 어두움을, 채도는 색의 선명함 정도를, 색상은 우리가 흔히 말하는 빨강, 파랑 등의 색깔 자체를 나타냅니다.

문제 6

기계화와 대량생산에 의한 생활용품의 품질 저하에 반대하여 윌리엄 모리스를 중심으로 영국에서 일어난 수공예 부흥 운동은?    
  1. 독일공작연맹운동
  2. 미술공예운동
  3. 미래파운동
  4. 바우하우스
정답: 2

해설

정답은 2번 미술공예운동입니다. 이 운동은 19세기 영국에서 시작되어 기계화와 대량생산으로 인한 생활용품의 품질 저하에 반대하며 수공예의 가치를 되살리고자 했습니다. 윌리엄 모리스는 이 운동의 대표적인 인물로, 아름답고 실용적인 디자인을 통해 삶의 질을 향상시키는 것을 목표로 삼았습니다.

문제 7

디자인 원리 중 균형(balance)에 해당하지 않는 것은?    
  1. 대칭
  2. 비례
  3. 율동
  4. 주도와 종속
정답: 3

해설

균형은 시각적 무게감을 조화롭게 배치하는 디자인 원리입니다. 대칭과 비례는 시각적 무게감을 안정적으로 분배하는 대표적인 방법입니다. 반면, 율동은 움직임과 흐름을 강조하는 원리로, 균형과는 직접적인 관련이 없습니다. 주도와 종속은 시각적 위계를 설정하는 원리로, 균형을 이루는 데 기여할 수 있습니다.

문제 8

디자인의 형식적 요소에 포함되지 않는 것은?    
  1. 질감
  2. 용도
정답: 4

해설

디자인의 형식적 요소는 시각적으로 인지되는 형태, 색, 질감 등과 같이 디자인 자체의 물리적인 구성 요소를 의미합니다. 반면, '용도'는 디자인이 어떤 목적을 위해 사용되는지에 대한 기능적인 측면으로, 형식적 요소에는 포함되지 않습니다. 따라서 디자인의 형식적 요소에 포함되지 않는 것은 용도입니다.

문제 9

다음에 해당하는 디자인의 기본조건은?        
  1. 합목적성
  2. 심미성
  3. 경제성
  4. 독창성
정답: 4

해설

이 문제는 디자인의 기본 조건 중 하나를 묻고 있습니다. 정답은 '독창성'으로, 기존의 틀을 벗어나 새롭고 창의적인 아이디어를 통해 차별화된 디자인을 만들어내는 것을 의미합니다. 합목적성, 심미성, 경제성도 중요한 디자인 조건이지만, 문제에서 제시된 맥락에서는 독창성이 핵심적인 요구사항으로 강조되고 있습니다.

문제 10

유채색에서 볼 수 있는 대비로 연속대비라고도 하며, 잔상 효과와 가장 밀접한 관련이 있는 것은?     
  1. 동시대비
  2. 계시대비
  3. 채도대비
  4. 명도대비
정답: 2

해설

정답은 2번 계시대비입니다. 계시대비는 시간의 흐름에 따라 색채가 변하는 현상을 말하며, 잔상 효과와 직접적인 관련이 있습니다. 특정 색을 오래 바라본 후 다른 색을 보면 원래 색의 보색이 잔상으로 보이는 것이 계시대비의 대표적인 예시입니다.

문제 11

그래픽 심벌(symbol)이 가져야 할 조건이 아닌 것은?     
  1. 대중성 및 사용의 편리성
  2. 구성의 간결성
  3. 세련된 디자인
  4. 디자인의 모호성
정답: 4

해설

그래픽 심벌은 명확한 의미 전달을 통해 대중이 쉽게 이해하고 편리하게 사용할 수 있어야 합니다. 따라서 간결하고 세련된 디자인은 심벌의 가독성과 심미성을 높여주지만, 디자인의 모호성은 오히려 혼란을 야기하여 심벌 본연의 목적에 부합하지 않습니다. 핵심 개념은 **명확성**과 **보편성**입니다.

문제 12

다음이 설명하고 있는 색의 혼합은?          
  1. 감산 혼합
  2. 가산 혼합
  3. 중간 혼합
  4. 회전 혼합
정답: 2

해설

이 문제는 빛의 혼합 방식을 묻고 있습니다. 정답은 '가산 혼합'인데, 이는 빛의 삼원색(빨강, 초록, 파랑)을 섞을수록 더 밝아져 최종적으로 흰색이 되는 원리입니다. 반면, 물감과 같은 색료를 섞는 '감산 혼합'은 섞을수록 어두워져 검은색에 가까워집니다.

문제 13

다음이 설명하고 있는 디자인 원리는?          
  1. 통일
  2. 변화
  3. 균형
  4. 조화
정답: 4

해설

이 문제는 여러 요소들이 서로 어울려 전체적으로 안정적이고 보기 좋은 느낌을 주는 디자인 원리를 묻고 있습니다. 정답은 '조화'로, 이는 시각적 요소들이 서로 충돌하지 않고 자연스럽게 어우러져 전체적인 통일감과 안정감을 형성하는 것을 의미합니다. 즉, 각 요소가 개별적으로도 중요하지만, 함께 있을 때 더욱 아름다운 전체를 만들어내는 것이 핵심입니다.

문제 14

다음 색광혼합의 2차 혼합 색으로(A)에 알맞은 색상은?          
  1. 흰색(white)
  2. 시안(cyan)
  3. 노랑(yellow)
  4. 마젠타(matenta)
정답: 3

해설

색광 혼합에서 2차색은 두 가지 1차색을 같은 비율로 혼합하여 얻어집니다. 빨강, 초록, 파랑(RGB)이 1차색이며, 이들을 혼합하면 다음과 같은 2차색이 만들어집니다: 빨강+초록=노랑, 초록+파랑=시안, 파랑+빨강=마젠타. 따라서 문제에서 (A)에 해당하는 색은 빨강과 초록의 혼합으로 생성되는 노랑입니다.

문제 15

감산혼합에 사용되는 Cyan, Magenta, Yellow 의 3원색으로 만들 수 없는 색은??     
  1. Blue
  2. White
  3. Red
  4. Green
정답: 2

해설

감산혼합에서는 색을 섞을수록 빛이 흡수되어 어두워지므로, Cyan, Magenta, Yellow를 모두 섞으면 모든 빛이 흡수되어 검은색이 됩니다. 따라서 흰색은 만들 수 없습니다. 반면, Blue, Red, Green은 각각 두 가지 색을 혼합하여 만들 수 있습니다.

문제 16

제품 디자인 과정 중 「완성 예상도」라고도 하며 실물처럼 충실하고 정확히 표현하는 것을 무엇이라 하는가?     
  1. 렌더링(RENDERING)
  2. 드로잉(DRAWING)
  3. 스케치(SKETCH)
  4. 콤바인 페인팅(COMBINE PAINTING)
정답: 1

해설

제품 디자인 과정에서 실물처럼 충실하고 정확하게 표현하는 것을 **렌더링(RENDERING)**이라고 합니다. 렌더링은 3D 모델링 데이터를 바탕으로 사실적인 질감, 조명, 그림자 등을 추가하여 최종 제품의 모습을 시각적으로 구현하는 기법입니다. 이를 통해 완성 예상도를 만들고 디자인 의도를 효과적으로 전달할 수 있습니다.

문제 17

다음과 가장 관계있는 디자인 원리는?          
  1. 조화
  2. 통일
  3. 점증
  4. 강조
정답: 4

해설

이 문제는 시각 디자인에서 특정 요소가 다른 요소들보다 더 두드러지게 만들어 주의를 끄는 원리를 묻고 있습니다. 정답인 '강조'는 시각적 계층을 형성하여 중요한 정보를 먼저 인지하게 하는 디자인 기법입니다. 이를 통해 사용자는 디자인의 핵심 메시지를 빠르고 효과적으로 파악할 수 있습니다.

문제 18

색의 동시대비 중 색상대비에 대한 설명으로 틀린 것은?     
  1. 명도와 채도가 비슷한 두 가지 이상의 색이 인접해 있을 때 색상의 차이가 커 보이는 현상이다.
  2. 색상대비는 보색일 경우에 더욱 크게 나타난다.
  3. 자극이 약한 색상은 자극이 강한 색상에 영향을 받게 된다.
  4. 색상이 가깝게 인접해 있을수록 대비현상이 약하게 나타나고, 서로 멀리 떨어지면 강하게 나타난다.
정답: 4

해설

정답은 4번입니다. 색상대비는 두 색이 인접해 있을 때 색상 차이가 더 두드러져 보이는 현상으로, 색상이 가까울수록 대비 효과가 강하게 나타나는 것이 일반적입니다. 따라서 서로 멀리 떨어지면 대비 현상이 약해집니다. 핵심 개념은 '색상대비'와 '인접성'입니다.

문제 19

다음 그림에서 나타나는 착시 현상은?          
  1. 방향의 착시
  2. 대비의 착시
  3. 분할의 착시
  4. 길이의 착시
정답: 4

해설

이 그림은 실제 길이와 다르게 보이는 **길이의 착시** 현상을 보여줍니다. 같은 길이의 선분들이 주변 도형의 크기나 각도 때문에 더 길거나 짧게 느껴지는 것이 특징입니다. 핵심 개념은 **주변 환경에 의해 지각되는 대상의 속성(여기서는 길이)이 왜곡되는 것**입니다.

문제 20

다음 ( )안에 알맞은 용어는?          
  1. 감마선
  2. 적외선
  3. 자외선
  4. 가시광선
정답: 4

해설

정답은 4번 가시광선입니다. 인간의 눈으로 볼 수 있는 빛을 가시광선이라고 하며, 이는 전자기 스펙트럼의 일부입니다. 가시광선은 우리가 사물을 인지하고 색깔을 구분하는 데 필수적인 역할을 합니다.

문제 21

인터넷 검색엔진에 속하지 않는 것은?     
  1. 오페라(Opera)
  2. 심마니(Simmani)
  3. 알타비스타(Altavista)
  4. 구글(Google)
정답: 1

해설

오페라는 웹 브라우저이지 인터넷 검색 엔진이 아닙니다. 웹 브라우저는 웹사이트를 열람하는 데 사용되는 프로그램이며, 검색 엔진은 웹사이트를 검색하고 찾아주는 서비스입니다. 심마니, 알타비스타, 구글은 모두 검색 엔진의 예시입니다.

문제 22

자바스크립트의 함수 중 사용자로부터 임의의 문자를 입력받기 위한 창을 화면에 띄워 입력한 문자열을 사용할 수 있도록 하는 것은?     
  1. prompt()
  2. eval()
  3. confirm()
  4. alert()
정답: 1

해설

정답은 1번 `prompt()`입니다. `prompt()` 함수는 사용자에게 텍스트를 입력받기 위한 대화 상자를 화면에 표시하며, 사용자가 입력한 문자열을 반환합니다. 이는 웹 페이지에서 사용자와 상호작용하여 동적인 기능을 구현하는 데 필수적인 자바스크립트의 핵심 개념 중 하나입니다. 다른 보기들은 사용자 입력 대신 메시지 표시(`alert()`), 조건 확인(`confirm()`), 코드 실행(`eval()`) 등 다른 기능을 수행합니다.

문제 23

다음 중 국내 인터넷 역사에서 가장 나중에 이루어진 것은?     
  1. KT(한국통신)에서 본격적인 상용 접속 서비스 제공
  2. 연구망에서 인터넷 연결(HANA/SDN : 56kbps)
  3. 서울대-KIET간 TCP/IP로 SDN구축
  4. 교육연구망 구성(ARPANet, BITNet과 연결)
정답: 1

해설

정답은 1번입니다. KT(한국통신)에서 본격적인 상용 접속 서비스 제공이 가장 나중에 이루어졌습니다. 이는 인터넷이 연구 및 교육 목적으로만 사용되던 시기를 지나, 일반 대중에게도 널리 보급되기 시작한 상용화 단계를 의미합니다. 다른 보기들은 인터넷이 국내에 도입되고 초기 네트워크가 구축되던 시기의 사건들입니다.

문제 24

개방형 시스템의 상호접속을 위한 참조모델로 ISO에서 제정한 것은?     
  1. OSI 7 Layer
  2. Kermit
  3. Proxy
  4. Archie
정답: 1

해설

정답은 1번 OSI 7 Layer입니다. OSI 7 Layer는 서로 다른 컴퓨터 시스템들이 통신할 수 있도록 국제 표준화 기구(ISO)에서 제정한 개방형 시스템 상호접속(OSI) 참조 모델입니다. 이 모델은 통신 과정을 7개의 계층으로 나누어 각 계층의 역할을 명확히 정의함으로써, 다양한 제조사의 장비나 소프트웨어가 서로 호환될 수 있도록 합니다.

문제 25

다음 중 웹 브라우저의 기능이 아닌 것은?     
  1. 웹 페이지 열기
  2. 자주 방문하는 URL의 기억 및 관리
  3. 소스파일(HTML) 보기
  4. 실시간 동영상 캡쳐 및 전송
정답: 4

해설

웹 브라우저는 웹 페이지를 열고, 방문 기록을 관리하며, 웹 페이지의 소스 코드를 보여주는 역할을 합니다. 하지만 실시간 동영상 캡쳐 및 전송은 웹 브라우저의 기본적인 기능이 아니며, 이는 별도의 소프트웨어나 서비스가 담당하는 영역입니다. 따라서 4번이 웹 브라우저의 기능이 아닙니다.

문제 26

자바스크립트(Javascript)에 대한 설명으로 틀린 것은?     
  1. 자바스크립트를 지원하는 브라우저만 있으면 모든 운영체제에서 실행된다.
  2. 자바스크립트는 소스프로그램을 컴파일 한 후 HTML문서에 삽입한다.
  3. 자바스크립트 객체는 자신의 프로토타입 객체에 있는 프로퍼티를 상속 받는다.
  4. 클라이언트측 자바스크립트는 HTML문서 내에 적용하여 브라우저를 제어하는데 사용된다.
정답: 2

해설

정답은 2번입니다. 자바스크립트는 컴파일 과정 없이 **인터프리터 언어**로, 소스 코드를 바로 실행합니다. HTML 문서에 삽입된 자바스크립트 코드는 브라우저에 의해 실시간으로 해석되고 실행됩니다. 따라서 소스 프로그램을 컴파일한 후 삽입한다는 설명은 틀렸습니다.

문제 27

HTML 문서의 시작과 끝을 표시하기 위해 사용되는 태그로 옳은 것은?     
  1. 〈T〉 〈/T〉
  2. 〈body〉 〈/body〉
  3. 〈html〉 〈/html〉
  4. 〈link〉 〈/link〉
정답: 3

해설

HTML 문서는 웹 페이지의 구조를 정의하는 데 사용됩니다. `` 태그는 문서의 시작과 끝을 나타내는 가장 기본적인 태그로, 모든 HTML 콘텐츠를 감싸는 역할을 합니다. `` 태그는 실제 웹 페이지에 표시되는 내용을 담고, `` 태그는 외부 리소스(예: CSS 파일)를 연결하는 데 사용됩니다. 따라서 HTML 문서의 시작과 끝을 표시하는 태그는 ``입니다.

문제 28

지역 간 또는 국가 간과 같이 지리적으로 완전하게 떨어진 곳을 연결한 통신망은?     
  1. VAN
  2. WAN
  3. MAN
  4. LAN
정답: 2

해설

정답은 2번 WAN입니다. WAN(Wide Area Network)은 지리적으로 멀리 떨어진 지역이나 국가를 연결하는 광역 통신망을 의미합니다. LAN(Local Area Network)은 근거리, MAN(Metropolitan Area Network)은 도시 규모의 통신망으로, WAN은 이들보다 훨씬 넓은 범위를 포괄합니다.

문제 29

인터넷 사이트를 방문할 때 1024x768로 최적화 되어 있는 사이트를 방문할 때가 있다. 이 사이트는 전체 화면이 한 눈에 들어오지 않아 스크롤바를 이용하거나 해상도를 높여 한 화면으로 볼 수 있도록 한다. 이때, 해상도를 바꾸지 않고 화면을 확대하는 단축키는?     
  1. F8
  2. F9
  3. F10
  4. F11
정답: 4

해설

1024x768 해상도로 최적화된 웹사이트를 방문했을 때, 화면이 한눈에 들어오지 않아 스크롤바를 사용하거나 해상도를 변경하는 대신, **F11 키**를 누르면 브라우저를 전체 화면 모드로 전환하여 웹사이트를 더 넓게 볼 수 있습니다. 이는 웹사이트의 레이아웃을 변경하지 않고 화면 표시 영역을 확장하는 기능입니다.

문제 30

다음이 설명하고 있는 웹 페이지 저작도구는?          
  1. 드림위버
  2. 자바스크립트
  3. 플래시
  4. 포토샵
정답: 3

해설

이 문제는 웹 페이지 저작 도구를 묻고 있으며, 정답은 플래시입니다. 플래시는 과거 웹 페이지에 동적인 애니메이션, 비디오, 게임 등을 구현하는 데 널리 사용되었던 기술입니다. 드림위버는 웹 페이지 코드를 작성하고 편집하는 도구이고, 자바스크립트는 웹 페이지의 동작을 구현하는 프로그래밍 언어이며, 포토샵은 이미지 편집 도구이므로 문제에서 설명하는 웹 페이지 저작 도구와는 거리가 있습니다.

문제 31

동시 접속자 수가 많아서 서비스 요청에 응답할 수 없는 경우에 발생하는 웹 브라우저 오류메시지는?     
  1. HTTP 406 Forbidden
  2. HTTP 404 Not Found
  3. HTTP 500 Internal Server Error
  4. HTTP 503 Service Unavailable
정답: 4

해설

동시 접속자가 많아 서버가 요청을 처리할 수 없을 때 발생하는 오류는 **HTTP 503 Service Unavailable**입니다. 이는 서버가 일시적으로 과부하 상태이거나 점검 중이어서 요청을 받아들일 수 없음을 나타냅니다. 다른 오류 메시지들은 서버 내부 문제(500)나 요청 리소스 없음(404), 또는 허용되지 않는 요청(406) 등 다른 상황을 의미합니다.

문제 32

DHTML의 구성요소를 옳게 나열한 것은?     
  1. HTML, CSS, JavaScript
  2. HTML, JSS, JavaScript
  3. HTML, CSS, JSS, JavaScript
  4. HTML, CSS, JSS, JavaScript, VBScript
정답: 1

해설

DHTML은 동적인 웹 페이지를 만들기 위해 HTML, CSS, JavaScript를 함께 사용하는 기술입니다. HTML은 웹 페이지의 구조를, CSS는 디자인을, JavaScript는 동작을 구현하며, 이 세 가지 요소가 상호작용하여 사용자와 반응하는 동적인 콘텐츠를 만듭니다. 따라서 DHTML의 구성요소를 옳게 나열한 것은 HTML, CSS, JavaScript입니다.

문제 33

자원을 해킹(hacking)으로부터 보호하기 위한 방법으로 틀린 것은?     
  1. 조직 내부의 네트워크 컴퓨터들은 공용 IP 주소를 사용하고 외부와 연결되는 컴퓨터에만 개인용 IP 주소를 할당한다.
  2. 조직 내부의 네트워크를 보호하기 위해 방화벽을 설치하여 네트워크 보안을 강화한다.
  3. 특정 자원을 사용할 필요가 있는 사용자에게는 필요한 권한만을 할당한다.
  4. 보안상 문제가 알려진 서비스나 운영체제의 경우 제조사에서 제공하는 패치프로그램을 수시로 적용한다.
정답: 1

해설

정답은 1번입니다. 공용 IP 주소는 인터넷에 직접 노출되어 해킹 위험이 크므로, 내부 네트워크 컴퓨터에는 사설 IP 주소를 할당하고 외부 연결 컴퓨터에만 공용 IP 주소를 사용하는 것이 일반적인 보안 방식입니다. 2, 3, 4번은 모두 해킹으로부터 자원을 보호하기 위한 올바른 방법입니다.

문제 34

TCP/IP 프로토콜에 대한 설명으로 옳은 것은?     
  1. IP는 에러를 검사하여 에러가 있을 때 송신측으로 재전송을 요구한다.
  2. TCP는 통신 경로를 담당한다.
  3. TCP/IP 프로토콜이 설치된 컴퓨터에서 인터넷을 이용할 수 있다.
  4. TCP/IP는 파일전송 프로토콜로써 재전송 기능이 없다.
정답: 3

해설

TCP/IP 프로토콜은 인터넷 통신의 핵심으로, 컴퓨터들이 서로 데이터를 주고받을 수 있게 하는 규칙들의 모음입니다. 3번 보기가 옳은 이유는 TCP/IP 프로토콜이 설치되어 있어야만 인터넷 상에서 데이터를 주고받는 것이 가능하기 때문입니다. IP는 데이터의 주소를 담당하고, TCP는 데이터의 신뢰성을 보장하며, 이 둘이 결합된 TCP/IP는 인터넷 통신의 기반이 됩니다.

문제 35

HTML 태그 종류와 그 기능에 대한 설명으로 옳은 것은?     
  1. 〈CENTER〉〈/CENTER〉 : 왼쪽 정렬을 한다.
  2. 〈I〉〈/I〉 : 글자를 이탤릭(Italic)체로 지정한다.
  3. 〈PRE〉〈/PRE〉 : 기본 폰트의 크기를 지정한다.
  4. 〈HN〉〈/HN〉 : 그림을 삽입한다.
정답: 2

해설

정답은 2번 〈I〉〈/I〉 태그로, 글자를 이탤릭체로 지정하는 기능이 맞습니다. 〈CENTER〉 태그는 가운데 정렬, 〈PRE〉 태그는 미리 서식이 지정된 텍스트를 표현하며, 그림 삽입은 〈IMG〉 태그를 사용합니다. 따라서 2번만이 HTML 태그의 올바른 기능과 일치합니다.

문제 36

검색엔진 ‘네이버’에 대한 설명으로 틀린 것은?(오류 신고가 접수된 문제입니다. 반드시 정답과 해설을 확인하시기 바랍니다.)     
  1. 키워드 검색 방식을 사용하고 있다.
  2. 검색 탭 기능을 지원한다.
  3. 검색어 배제(exclude) 연산자로 ‘-’를 사용한다.
  4. 웹 문서와 사이트뿐만 아니라 뉴스, 이미지 검색도 지원한다.
정답: 3

해설

네이버는 키워드 검색, 다양한 검색 탭 기능, 웹 문서 외 뉴스, 이미지 검색 등을 지원합니다. 하지만 검색어 배제 연산자로 '-'를 사용하는 것은 네이버의 일반적인 검색 방식이 아닙니다. 이는 주로 구글 등 다른 검색 엔진에서 지원하는 기능입니다.

문제 37

VRML(Virtual Reality Modeling Language)에 대한 설명으로 틀린 것은?     
  1. VRML은 그래픽 기능뿐만 아니라 텍스트, 이미지, 애니메이션, 사운드 등 각종 멀티미디어 데이터를 2차원적 공간에 통합하여 서로상호작용 할 수 있다.
  2. VRML 은 상당한 인력과 고급 컴퓨터를 이용한 오랜 시간의 그래픽 렌더링이 필요한 프로그램 언어이다.
  3. VRML은 웹 상에 가상공간을 구축할 수 있게 함으로써 원격지의 사용자와 함께 가상공간을 공유할 수 있다.
  4. VRML은 HTML과의 결합뿐만 아니라, 기존의 실시간 멀티미디어 전송 기술과 자바 등의 새로운 언어 체계도 수용 할 수 있다.
정답: 1

해설

VRML은 3차원 가상 현실을 웹 상에서 구현하기 위한 언어입니다. 1번 보기는 VRML이 2차원 공간에 멀티미디어를 통합한다고 설명하지만, VRML의 핵심은 **3차원 공간**에서의 상호작용입니다. 따라서 3차원 공간이라는 개념이 빠진 1번 설명은 틀렸습니다.

문제 38

자바스크립트에서 사용자의 특정한 행동에 대해 어떤 처리를 해줄 것인가를 정의하는 것은?     
  1. event
  2. object
  3. event handler
  4. event provider
정답: 3

해설

정답은 3번 **event handler**입니다. **정답 이유:** Event handler는 사용자의 특정 행동(예: 클릭, 키보드 입력)과 같은 이벤트가 발생했을 때 실행될 함수나 코드를 의미합니다. 즉, 어떤 이벤트가 발생했을 때 "무엇을 할 것인지"를 정의하는 것이 바로 event handler입니다. **핵심 개념:** * **Event:** 사용자의 행동이나 브라우저에서 발생하는 특정 사건 (예: `click`, `mouseover`, `keydown`). * **Event Handler:** 특정 이벤트가 발생했을 때 실행되도록 등록된 함수 또는 코드 조각. 따라서 사용자의 특정한 행동에 대해 어떤 처리를 해줄 것인가를 정의하는 것은 event handler입니다.

문제 39

검색엔진의 유형 중 다른 검색엔진들과 연계하여 검색어를 찾는 방식은?     
  1. 통합형 검색엔진 방식
  2. 웹 인덱스 검색엔진 방식
  3. 웹 디렉터리 검색엔진 방식
  4. 메뉴 검색엔진 방식
정답: 1

해설

정답은 **1. 통합형 검색엔진 방식**입니다. 통합형 검색엔진은 자체적으로 웹 크롤링 및 인덱싱을 수행하는 대신, 다른 검색엔진들의 검색 결과를 종합하여 사용자에게 보여주는 방식입니다. 이를 통해 더 넓고 다양한 검색 결과를 제공할 수 있습니다.

문제 40

동적 HTML에 대한 설명을 틀린 것은?     
  1. 홈페이지를 다이나믹하게 구성하기 위한 기법이다.
  2. 기존 HTML에 정적인 화면을 만들어 주는 HTML이다.
  3. 기존의 HTML문서에 CSS 기능을 첨가하였다.
  4. 기존의 HTML문서에 문서객체모델(DOM) 기능을 첨가하였다.
정답: 2

해설

동적 HTML은 홈페이지를 사용자와 상호작용하며 변화하는 방식으로 구성하는 기법입니다. 정적인 화면만을 제공하는 일반 HTML과 달리, CSS나 DOM을 활용하여 콘텐츠를 동적으로 변경하고 애니메이션 효과를 부여할 수 있습니다. 따라서 기존 HTML에 정적인 화면을 만들어 주는 HTML이라는 설명은 틀렸습니다.

문제 41

웹 컬러 디자인의 목적과 거리가 가장 먼 것은?     
  1. 정보전달의 목적
  2. 레이아웃의 목적
  3. 심미적인 목적
  4. 상징적인 목적
정답: 2

해설

웹 컬러 디자인의 주된 목적은 정보를 효과적으로 전달하고, 사용자의 감성을 자극하며, 특정 의미를 부여하는 것입니다. 레이아웃은 시각적인 구성 요소의 배치와 구조를 다루는 것으로, 컬러 디자인의 직접적인 목적과는 거리가 있습니다. 따라서 레이아웃의 목적은 웹 컬러 디자인의 목적과 가장 거리가 멉니다.

문제 42

경향이나 흐름을 나타내는 말로서 디자인에서 유행추세를 나타내는 것은?     
  1. 트렌드
  2. 스타일
  3. 브랜드
  4. 트레이드
정답: 1

해설

정답은 1번 '트렌드'입니다. 트렌드는 특정 시점에 나타나는 사회, 문화, 기술 등의 전반적인 변화나 흐름을 의미하며, 디자인 분야에서는 이러한 흐름이 반영된 유행 추세를 지칭합니다. 따라서 디자인에서 유행 추세를 나타내는 말로 가장 적합합니다.

문제 43

벡터(Vector)이미지에 대한 설명으로 틀린 것은?     
  1. 선과 도형으로 그린 이미지를 저장하는 방식이다.
  2. 단순한 도형의 표현에 적합하다.
  3. 이미지를 확대하거나 축소해도 손상이 없다.
  4. 벡터기반 프로그램으로는 photoshop이 있다.
정답: 4

해설

벡터 이미지는 수학적인 계산을 통해 선과 도형으로 표현되므로, 이미지를 확대하거나 축소해도 깨짐 없이 선명하게 유지됩니다. 따라서 1, 2, 3번은 벡터 이미지의 특징을 올바르게 설명하고 있습니다. 반면, 포토샵(Photoshop)은 픽셀 단위로 이미지를 다루는 **래스터(Raster) 이미지 편집 프로그램**이므로 4번이 틀린 설명입니다.

문제 44

1인치당 픽셀의 수를 나타내는 단위는?     
  1. LPI
  2. EPI
  3. PPI
  4. DPI
정답: 3

해설

정답은 3번 PPI (Pixels Per Inch)입니다. PPI는 디지털 이미지의 해상도를 나타내는 단위로, 1인치당 얼마나 많은 픽셀이 들어있는지를 의미합니다. 픽셀은 디지털 이미지의 가장 작은 단위이며, PPI가 높을수록 이미지가 더 선명하고 세밀하게 표현됩니다.

문제 45

다음이 설명하고 있는 것은?          
  1. CGI
  2. JAVA
  3. DHTML
  4. CSS
정답: 3

해설

이 문제는 웹 페이지의 동적인 요소를 설명하는 것으로, 3번 DHTML이 정답입니다. DHTML은 HTML, JavaScript, CSS를 조합하여 웹 페이지를 동적으로 만들고 사용자 상호작용을 가능하게 하는 기술입니다. 즉, 페이지를 새로고침하지 않고도 내용이 변경되거나 애니메이션 효과를 줄 수 있는 웹 페이지를 만드는 데 사용됩니다.

문제 46

오려낸 그림을 2차원 평면상에서 한 프레임씩 움직이면서 촬영하는 스톱 애니메이션을 말한다. 클레이 애니메이션이나 인형 애니메이션과 비슷하지만 3차원이 아닌 2차원이라는 점에서 구분되는 애니메이션은?     
  1. 셀 애니메이션
  2. 종이 애니메이션
  3. 모래 애니메이션
  4. 컷 아웃 애니메이션
정답: 4

해설

정답은 4번 '컷 아웃 애니메이션'입니다. 컷 아웃 애니메이션은 종이, 천, 금속 등 다양한 재료로 만든 조각들을 평면상에서 조금씩 움직여 촬영하는 기법입니다. 문제에서 설명하는 '오려낸 그림'을 '2차원 평면상'에서 움직이는 방식이 컷 아웃 애니메이션의 핵심 특징과 정확히 일치합니다.

문제 47

내비게이션 디자인(Navigation design) 구조와 관계가 없는 것은?     
  1. Protocol structure
  2. Grid structure
  3. Hierarchical structure
  4. Sequential structure
정답: 1

해설

내비게이션 디자인은 사용자가 정보나 기능 사이를 효율적으로 이동하도록 돕는 구조를 설계하는 것입니다. 보기 중 'Protocol structure'는 네트워크 통신 방식에 관한 것으로, 내비게이션 디자인의 구조와는 직접적인 관련이 없습니다. 반면, Grid, Hierarchical, Sequential 구조는 모두 사용자의 탐색 경로와 정보 배열 방식을 결정하는 데 중요한 역할을 합니다.

문제 48

다음 설명과 같은 파일 포맷으로 옳은 것은?          
  1. JPEG
  2. GIF
  3. PNG
  4. TIFF
정답: 1

해설

이 문제는 이미지 파일 포맷의 특징을 묻는 문제입니다. JPEG는 사진과 같이 색상이 풍부한 이미지를 압축하여 저장하는 데 적합하며, 손실 압축 방식을 사용합니다. GIF는 애니메이션이나 투명도를 지원하는 데 강점이 있지만, 색상 수가 제한적입니다. PNG는 무손실 압축을 지원하며 투명도도 뛰어나 웹 이미지에 많이 사용됩니다. TIFF는 고품질 이미지 저장에 주로 사용되며, 다양한 압축 방식을 지원합니다. 문제에서 제시된 설명이 JPEG의 특징과 가장 잘 부합하므로 정답은 1번입니다.

문제 49

컴퓨터 애니메이션에 대한 설명으로 틀린 것은?     
  1. 움직임이 없는 무생물이나 상상의 물체에 인위적인 조작을 가해 움직임을 주는 것을 말한다.
  2. 애니메이션은 라틴어의 아니마투스(Animatus, 생명을 불어 넣다)에서 유래된 말이다.
  3. 인쇄용 광고 디자인 결과물을 만들어 낸다.
  4. 일련의 정지된 그림을 빠르게 연속시켜서 보여줌으로써 움직이는 것처럼 착각을 유도한다.
정답: 3

해설

컴퓨터 애니메이션은 움직임이 없는 대상에 움직임을 부여하는 기술이며, 이는 '생명을 불어넣다'는 뜻의 라틴어에서 유래했습니다. 애니메이션은 일련의 정지된 그림을 연속적으로 보여주어 움직이는 것처럼 보이게 하는 원리를 이용합니다. 따라서 인쇄 광고 디자인과는 직접적인 관련이 없는 컴퓨터 애니메이션에 대한 설명으로 틀린 것은 3번입니다.

문제 50

명령어를 일일이 입력하는 번거로움을 없애주며, 사용자들로 하여금 아이콘을 선택하여 원하는 프로그램을 실행할 수 있게 사용되는 컴퓨터 조작기법이 아닌 것은?     
  1. 드래깅
  2. 포인팅
  3. 클릭킹
  4. 더블 클릭킹
정답: 1

해설

이 문제는 명령어를 직접 입력하는 대신 아이콘을 통해 프로그램을 실행하는 컴퓨터 조작 기법에 대한 설명입니다. 보기 중 드래깅은 파일을 옮기거나 범위를 지정하는 등 다른 용도로 사용되며, 아이콘을 선택하여 프로그램을 실행하는 직접적인 조작 기법과는 거리가 있습니다. 포인팅, 클릭킹, 더블 클릭킹은 모두 아이콘을 선택하고 프로그램을 실행하는 데 사용되는 핵심적인 조작 기법입니다.

문제 51

웹 페이지에 들어갈 그림, 사진, 글자, 음악 등을 종이위에 표현하여 줄거리가 전개되듯이 표현하는 기법은?     
  1. 스토리보드(story board)
  2. 사이트 맵(site map)
  3. 레이아웃(layout)
  4. 내비게이션(navigation)
정답: 1

해설

정답은 1번 스토리보드입니다. 스토리보드는 웹 페이지에 들어갈 다양한 요소들을 종이에 시각적으로 배치하고, 마치 만화처럼 각 장면의 흐름과 내용을 표현하여 전체적인 줄거리가 전개되듯이 보여주는 기법입니다. 이는 웹사이트의 전체적인 구성과 사용자 경험을 미리 설계하고 검토하는 데 중요한 역할을 합니다.

문제 52

로고(Logo)를 제작하기에 적합한 소프트웨어는?     
  1. 3D MAX
  2. Word Processor
  3. Edit Plus
  4. Illustrator
정답: 4

해설

로고 제작에는 **일러스트레이터(Illustrator)**가 가장 적합합니다. 일러스트레이터는 벡터 기반 그래픽 프로그램으로, 로고처럼 크기 변형이 잦고 선명한 이미지가 중요한 디자인에 최적화되어 있습니다. 3D MAX는 3D 모델링, 워드 프로세서는 문서 작성, Edit Plus는 코드 편집에 주로 사용되어 로고 제작에는 부적합합니다.

문제 53

동영상 관련 포맷 방식이 아닌 것은?     
  1. *.wav
  2. *.asf
  3. *.avi
  4. *.rm
정답: 1

해설

정답은 1번 *.wav입니다. *.wav는 주로 음성 데이터를 저장하는 오디오 파일 포맷이며, 동영상과 달리 영상 정보는 포함하지 않습니다. 반면 *.asf, *.avi, *.rm은 영상과 음성 데이터를 함께 담을 수 있는 동영상 파일 포맷입니다. 핵심 개념은 파일 포맷이 담고 있는 정보의 종류에 따라 오디오 전용인지 동영상 전용인지 구분된다는 것입니다.

문제 54

웹에서 타이포를 이용한 애니메이션을 구현할 수 있는 프로그램으로 적절하지 않는 것은?     
  1. Swish
  2. Photoshop
  3. Flash
  4. Flax
정답: 2

해설

정답은 2번 Photoshop입니다. Photoshop은 이미지 편집 프로그램으로, 타이포그래피를 디자인하고 수정하는 데는 뛰어나지만, 웹에서 직접 애니메이션을 구현하는 데는 적합하지 않습니다. Swish, Flash, Flax는 모두 웹 애니메이션 제작을 위해 설계된 전문 도구들입니다.

문제 55

곡선(곡면)이나 사선(사면)을 표현할 때 바탕과 이미지 사이의 경계를 부드럽게 처리해 주는 것은?     
  1. 매핑
  2. 앨리어싱
  3. 안티앨리어싱
  4. 디더링
정답: 3

해설

정답은 3번 안티앨리어싱입니다. 안티앨리어싱은 디지털 이미지에서 계단 현상(앨리어싱)을 줄여 곡선이나 사선을 부드럽게 보이도록 하는 기술입니다. 이는 픽셀의 색상을 주변 픽셀과 혼합하여 경계를 매끄럽게 처리함으로써 시각적인 품질을 향상시킵니다.

문제 56

다음 설명과 같은 모델링 기법은?          
  1. 프랙탈(Fractal)
  2. 고체(Solid)
  3. 표면(Surface)
  4. 와이어 프레임(Wire Frame)
정답: 1

해설

이 문제는 자기 유사성을 이용하여 복잡한 형태를 표현하는 모델링 기법을 묻고 있습니다. 정답은 1번 프랙탈(Fractal)입니다. 프랙탈은 작은 부분이 전체와 유사한 형태를 반복적으로 가지는 특징을 가지며, 이를 통해 자연의 복잡한 지형이나 식물 등의 형태를 효과적으로 모델링할 수 있습니다.

문제 57

바람직한 웹사이트 초기화면구성이라고 볼 수 있는 것은?     
  1. 자료를 테이블 화 시켜서 제시하였다.
  2. JAVA applet을 많이 사용한다.
  3. 웹사이트를 홍보할 수 있는 동영상을 게시한다.
  4. ActiveX를 많이 사용한다.
정답: 1

해설

## 바람직한 웹사이트 초기화면 구성 해설 **정답: 1번. 자료를 테이블 화 시켜서 제시하였다.** **해설:** 웹사이트 초기화면은 사용자에게 가장 먼저 보여지는 부분으로, **정보의 명확성과 접근성**이 중요합니다. 테이블 형식으로 자료를 제시하는 것은 정보를 구조화하여 사용자가 원하는 내용을 빠르고 쉽게 파악할 수 있도록 돕습니다. 반면, JAVA applet이나 ActiveX는 호환성 문제나 보안 위험이 있을 수 있으며, 홍보 동영상은 사용자 경험을 저해할 수 있어 바람직한 초기화면 구성으로 보기 어렵습니다.

문제 58

랜덤 스캔 방식의 화면표시 장치의 특징으로 틀린 것은?     
  1. 그래픽스 명령어를 반복 실행하여 화면에 디스플레이 한다.
  2. 화상을 이루고 있는 선분을 따라 전자빔을 쏘아 그린다.
  3. 프레임 버퍼의 크기가 클수록 고화질의 디스플레이가 가능하다.
  4. 앨리어싱이 발생하지 않으므로 안티앨리어싱 처리가 불필요하다.
정답: 3

해설

랜덤 스캔 방식은 벡터 그래픽처럼 화면의 선분을 따라 전자빔을 쏘아 그림을 그리는 방식입니다. 따라서 그래픽스 명령어를 반복 실행하여 화면에 디스플레이하는 것은 맞습니다. 하지만 프레임 버퍼는 래스터 스캔 방식에서 사용되는 것으로, 랜덤 스캔 방식과는 직접적인 관련이 없습니다. 프레임 버퍼의 크기가 클수록 고화질 디스플레이가 가능하다는 설명은 래스터 스캔 방식에 해당합니다.

문제 59

다음 중 홈페이지 제작 및 관리 순서를 옳게 나열한 것은?          
  1. ㄷ→ㄹ→ㄴ→ㅁ→ㅂ→ㄱ
  2. ㄷ→ㄹ→ㅁ→ㄴ→ㄱ→ㅂ
  3. ㅂ→ㄷ→ㄱ→ㄴ→ㅁ→ㄹ
  4. ㅂ→ㄷ→ㄹ→ㄱ→ㄴ→ㅁ
정답: 3

해설

정답은 3번입니다. 홈페이지 제작 및 관리 순서는 **기획(ㅂ) → 디자인(ㄷ) → 개발(ㄱ) → 콘텐츠 제작(ㄴ) → 테스트(ㅁ) → 오픈 및 유지보수(ㄹ)** 순서로 진행됩니다. 핵심은 사용자의 요구사항을 파악하고 목표를 설정하는 기획 단계에서 시작하여, 시각적인 디자인, 실제 구현, 내용 채우기, 오류 점검, 그리고 최종적으로 공개 및 지속적인 관리가 이루어진다는 점입니다.

문제 60

컴퓨터 그래픽스에 대한 포괄적인 의미로 가장 옳은 것은?     
  1. 컴퓨터를 이용하여 데이터를 압축하는 기술
  2. 컴퓨터를 이용하여 데이터 신호를 전달하는 기술
  3. 컴퓨터를 이용한 정보처리 및 분산하는 기술
  4. 컴퓨터에 사용되는 모든 이미지와 영상을 다루는 기술
정답: 4

해설

컴퓨터 그래픽스는 컴퓨터를 사용하여 시각적인 정보를 생성하고 조작하는 모든 기술을 포괄합니다. 따라서 이미지, 영상 등 컴퓨터 화면에 표시되는 모든 시각적 요소를 다루는 기술이라고 할 수 있습니다. 보기 4번이 이러한 포괄적인 의미를 가장 잘 나타냅니다.

2010년 웹디자인기능사 4회차 회차 학습 안내

2010년 웹디자인기능사 4회차 기출문제 60문항을 회차 단위로 모아 둔 페이지입니다. 화면에서 바로 훑어본 뒤 정답만 포함하거나 해설까지 포함한 시험지로 프린트해 종이 풀이에 쓸 수 있습니다.

회차 전체 풀이

문제 번호를 따로 이동하지 않고 60문항을 한 흐름으로 확인할 수 있어 실제 시험지처럼 이어서 풀기 좋습니다.

정답과 해설 선택

처음 풀 때는 정답을 가리고, 복습할 때는 정답 또는 해설을 포함해 같은 회차를 다시 볼 수 있습니다.

종이 시험지 출력

프린트 옵션을 맞춘 뒤 출력하면 표시해 둔 정답과 해설 포함 상태가 그대로 반영됩니다.

자주 묻는 질문

2010년 웹디자인기능사 4회차 기출문제는 몇 문항인가요?

2010년 웹디자인기능사 4회차는 총 60문항으로 구성되어 있습니다. 한 회차 전체를 이어서 보고, 필요한 경우 종이 시험지처럼 출력해 풀 수 있습니다.

정답과 해설을 포함해서 프린트할 수 있나요?

네. 시험 문제 위의 프린트 옵션에서 정답 포함 또는 해설 포함을 선택한 뒤 출력할 수 있습니다. 해설 포함을 켜면 정답도 함께 포함됩니다.

로그인 없이 회차 문제를 볼 수 있나요?

공개된 시험 회차의 문제와 해설은 로그인 없이 확인할 수 있습니다. 학습 진행률, 오답 기록, 북마크처럼 개인별로 이어지는 기능은 로그인이 필요할 수 있습니다.

웹디자인기능사 기출문제는 어떻게 복습하는 게 좋나요?

처음에는 정답을 가리고 한 회차를 풀어 본 뒤, 틀린 문제만 해설 포함 상태로 다시 확인하는 흐름이 좋습니다. 시험 직전에는 같은 회차를 프린트해 시간 배분과 실수 패턴을 함께 점검해보세요.