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

2016웹디자인기능사 1회차

60문제로 구성된 기출 시험

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

시험 문제

문제 1

디자인 원리 중 리듬(rhythm)의 요소와 거리가 먼 것은? 212^1
  1. 대칭
  2. 점증
  3. 반복
  4. 강조
정답: 1

해설

리듬은 시각적 요소들이 반복, 변화, 점증 등을 통해 움직임이나 흐름을 만들어내는 디자인 원리입니다. 대칭은 균형감을 주지만, 리듬의 핵심 요소인 움직임이나 흐름과는 직접적인 관련이 적습니다. 반면 반복, 점증, 강조는 모두 시각적 리듬을 형성하는 데 중요한 역할을 합니다.

문제 2

시각적 균형과 가장 거리가 먼 것은?    
  1. 명암에 의한 균형
  2. 경험에 의한 균형
  3. 질감에 의한 균형
  4. 위치에 의한 균형
정답: 2

해설

정답은 2번 '경험에 의한 균형'입니다. 시각적 균형은 명암, 질감, 위치 등 실제 시각적 요소들을 통해 느껴지는 안정감을 의미합니다. 반면, 경험에 의한 균형은 개인의 학습이나 문화적 배경에 따라 달라질 수 있는 주관적인 개념으로, 직접적인 시각적 요소와는 거리가 있습니다. 따라서 시각적 균형을 이루는 요소들 중에서 가장 거리가 먼 것은 경험에 의한 균형입니다.

문제 3

미적 대상을 구상하는 부분과 부분의 사이에 질적으로나 양적으로 모순되는 일 없이 질서가 잡혀 어울리는 것은?    
  1. 균형
  2. 조화
  3. 변화
  4. 리듬
정답: 2

해설

정답은 **2번 조화**입니다. 조화는 미적 대상에서 부분들이 서로 질적으로나 양적으로 충돌 없이 어우러져 전체적으로 통일되고 안정된 느낌을 주는 것을 의미합니다. 균형은 무게 중심이 맞는 상태를, 변화는 다름을, 리듬은 반복과 변형을 나타내지만, 문제에서 설명하는 '모순 없이 어울리는 질서'를 가장 잘 표현하는 개념은 조화입니다.

문제 4

편집디자인의 구성요소에 해당되지 않는 것은?    
  1. 포맷
  2. 레이아웃
  3. 타이포그래피
  4. 일러스트레이션
정답: 1

해설

편집 디자인의 구성 요소는 시각적 요소와 구조적 요소를 포함합니다. 레이아웃, 타이포그래피, 일러스트레이션은 모두 디자인 결과물의 시각적 표현과 정보 전달에 직접적으로 기여하는 요소입니다. 반면 '포맷'은 문서의 형식이나 틀을 의미하며, 디자인 자체의 구성 요소라기보다는 디자인이 적용될 수 있는 배경이나 제약 조건에 가깝습니다. 따라서 편집 디자인의 구성 요소에 해당되지 않는 것은 포맷입니다.

문제 5

색의 진출에 대한 설명으로 틀린 것은?    
  1. 따뜻한 색이 차가운 색보다 더 진출하는 느낌을 준다.
  2. 밝은 색이 어두운 색보다 더 진출하는 느낌을 준다.
  3. 무채색이 유채색보다 더 진출하는 느낌을 준다.
  4. 팽창색이 수축색보다 더 진출하는 느낌을 준다.
정답: 3

해설

색의 진출이란 색이 우리 눈앞으로 다가오는 듯한 느낌을 말합니다. 따뜻한 색, 밝은 색, 팽창색은 실제로 공간을 더 넓고 가깝게 보이게 하는 효과가 있습니다. 반면, 무채색은 유채색에 비해 색감이 덜 두드러져 진출하는 느낌이 약합니다. 따라서 무채색이 유채색보다 더 진출하는 느낌을 준다는 설명은 틀렸습니다.

문제 6

저드(D.B.judd)의 “색채 조화론”에 해당하지 않는 것은?    
  1. 질서의 원리
  2. 모호성의 원리
  3. 친근성의 원리
  4. 유사성의 원리
정답: 2

해설

저드의 색채 조화론은 시각적 질서와 안정감을 추구하며, 명확하고 예측 가능한 관계를 중시합니다. 따라서 '모호성의 원리'는 이러한 저드의 조화론과 맞지 않습니다. 저드는 색채 간의 명확한 관계, 즉 질서, 친근성, 유사성 등을 통해 조화를 이룬다고 보았습니다.

문제 7

한국산업표준(KS)에 따른 색의 3속성으로 알맞은 것은?    
  1. Cyan, Value, Chroma
  2. Hue, Black, Chroma
  3. Hue, Value, Cloudy
  4. Hue, Value, Chroma
정답: 4

해설

색의 3속성은 색을 객관적으로 표현하는 데 사용되는 세 가지 기준입니다. 한국산업표준(KS)에서 정의하는 색의 3속성은 **색상(Hue)**, **명도(Value)**, **채도(Chroma)**입니다. 색상은 빨강, 파랑과 같은 색의 고유한 성질을 나타내며, 명도는 색의 밝고 어두움을, 채도는 색의 선명하고 탁함을 나타냅니다. 따라서 정답은 4번 Hue, Value, Chroma입니다.

문제 8

같은 크기의 형을 상, 하로 겹칠 때 위쪽의 것이 크게 보이는 착시현상은?    
  1. 각도와 방향의 착시
  2. 수직 수평의 착시
  3. 바탕과 도형의 착시
  4. 상방 거리의 과대착시
정답: 4

해설

이 문제는 **상방 거리의 과대착시**에 해당합니다. 위쪽으로 갈수록 실제보다 더 멀리 있다고 느끼는 경향 때문에, 같은 크기의 형을 위아래로 겹쳤을 때 위쪽의 것이 더 크게 보이는 착시가 발생합니다. 이는 우리의 뇌가 원근감을 해석하는 과정에서 발생하는 오류로, 특히 수직적인 공간 지각과 관련이 깊습니다.

문제 9

디자인 원리 중 동질의 부분이 조합될 때 이루어지는 것은?    
  1. 유사
  2. 대비
  3. 대조
  4. 점이
정답: 1

해설

동질의 요소들이 모여 조화를 이루는 것을 **유사**라고 합니다. 이는 시각적으로 편안하고 통일감 있는 디자인을 만드는 데 중요한 원리입니다. 대비나 대조는 차이가 나는 요소를 강조하는 반면, 점이는 점진적인 변화를 나타내므로 동질의 요소가 조합될 때 이루어지는 것은 유사입니다.

문제 10

색광의 혼합에서 색을 혼합하면 할수록 높아지는 색의 속성은?     
  1. 명도
  2. 채도
  3. 색상
  4. 점도
정답: 1

해설

색광 혼합에서 색을 섞을수록 밝아지는 것은 **명도**입니다. 빛은 섞을수록 더 많은 빛을 반사하므로 전체적으로 밝아지는 경향이 있습니다. 따라서 색광 혼합에서는 여러 색을 섞을수록 명도가 높아집니다.

문제 11

환경 디자인에 속하지 않는 것은?     
  1. 인테리어 디자인
  2. 원예 디자인
  3. 가구 디자인
  4. 조경 디자인
정답: 3

해설

환경 디자인은 인간과 주변 환경의 상호작용을 개선하는 데 초점을 맞춥니다. 인테리어, 원예, 조경 디자인은 모두 공간의 기능성, 심미성, 사용성을 향상시켜 인간 경험을 풍요롭게 하는 환경 디자인의 범주에 속합니다. 반면, 가구 디자인은 특정 물건 자체의 디자인에 집중하며, 직접적으로 환경 전체의 질을 개선하는 데는 한계가 있습니다.

문제 12

색채를 과학적으로 정리하여 스펙트럼을 7색으로 분리한 사람은?     
  1. 뉴턴
  2. 먼셀
  3. 오스트발트
  4. 돈더스
정답: 1

해설

이 문제는 빛의 스펙트럼을 7색으로 분리한 과학자를 묻고 있습니다. 정답은 **뉴턴**으로, 그는 프리즘을 통해 백색광이 빨강, 주황, 노랑, 초록, 파랑, 남색, 보라의 7가지 색으로 분리되는 것을 최초로 과학적으로 증명했습니다. 이는 빛의 분산 현상을 설명하는 핵심적인 발견으로, 색채학의 발전에 큰 영향을 미쳤습니다.

문제 13

원근에 의한 공간표현으로 색채와 명암을 활용하는 방법은?     
  1. 직선원근법
  2. 대기원근법
  3. 과장원근법
  4. 다각원근법
정답: 2

해설

원근에 의한 공간 표현에서 색채와 명암을 활용하는 방법은 주로 **대기원근법**을 통해 이루어집니다. 대기원근법은 멀리 있는 사물일수록 푸른색이나 회색 톤으로 변하고, 명암의 대비가 약해지며, 흐릿하게 표현되는 현상을 이용합니다. 이를 통해 시각적으로 깊이감과 거리감을 효과적으로 표현할 수 있습니다.

문제 14

게슈탈트 이론 중 비슷한 모양이 서로 가까이 놓여 있을 때 그 모양들이 동일한 형태의 그룹으로 보이는 경향을 무엇이라고 하는가?     
  1. 근접성의 법칙
  2. 유사성의 법칙
  3. 연속성의 법칙
  4. 폐쇄성의 법칙
정답: 1

해설

정답은 1번 근접성의 법칙입니다. 이 법칙은 시각적으로 가까이 있는 요소들은 서로 연관되어 하나의 그룹으로 인식되는 경향을 설명합니다. 즉, 비슷한 모양이 가까이 있으면 묶어서 하나의 형태로 보게 되는 것입니다.

문제 15

“건강” 이미지의 웹사이트를 구성하려고 한다. 가장 적합한 컬러는?     
  1. 빨간색
  2. 노란색
  3. 검정색
  4. 녹색
정답: 4

해설

"건강" 이미지를 표현하는 데 가장 적합한 색상은 녹색입니다. 녹색은 자연, 성장, 신선함, 생명력을 연상시키며, 이는 건강과 직관적으로 연결됩니다. 반면 빨간색은 에너지나 긴급함, 노란색은 활기나 주의, 검정색은 고급스러움이나 전문성을 나타내는 경우가 많아 건강이라는 주제와는 거리가 있습니다. 따라서 녹색이 건강한 이미지를 전달하는 데 가장 효과적입니다.

문제 16

다음 중 슈퍼그래픽이 속하는 분야와 가장 관계가 있는 것은?     
  1. 패턴디자인
  2. 제품디자인
  3. 환경디자인
  4. 의류디자인
정답: 3

해설

슈퍼그래픽은 시각적인 정보를 효과적으로 전달하기 위해 디자인된 대형 그래픽 요소들을 의미합니다. 이는 주로 건축물, 공공장소 등 물리적인 환경에 적용되어 공간의 인지성을 높이고 사용자 경험을 풍부하게 만드는 역할을 합니다. 따라서 슈퍼그래픽은 **환경디자인** 분야와 가장 밀접한 관련이 있습니다.

문제 17

서로 다른 관련이 없어 보이는 요소를 합친다는 의미로 보는 관점을 완전히 다르게 하여 연상되는 점과 관련성을 찾아내어 아이디어를 발상시키는 방법은?     
  1. 브레인스토밍(Brain storming)법
  2. 연상결합(Image association)법
  3. 입출력(input - output)법
  4. 시넥틱스(Synectics)법
정답: 4

해설

정답은 4번 시넥틱스(Synectics)법입니다. 시넥틱스법은 서로 관련 없어 보이는 두 가지 이상의 요소를 의도적으로 결합하여 새로운 아이디어를 발상하는 기법입니다. 이때, 낯선 것을 익숙하게 만들거나 익숙한 것을 낯설게 만드는 등 다양한 비유적 사고를 활용하여 연상되는 점과 숨겨진 관련성을 찾아내어 창의적인 아이디어를 도출합니다.

문제 18

수적 법칙에 의해 생겨난 형태로 규칙적이고 명쾌한 조형적 감정을 유발시키는 형태는?     
  1. 유기적 형태
  2. 기하학적 형태
  3. 현대적 형태
  4. 조형적 형태
정답: 2

해설

정답은 2번 기하학적 형태입니다. 기하학적 형태는 수학적 원리에 기반하여 규칙적이고 명확한 선과 각으로 이루어져 있어, 인간에게 예측 가능하고 질서 정연한 느낌을 주며 명쾌한 조형적 감정을 유발합니다. 반면 유기적 형태는 자연물처럼 불규칙하고 부드러운 곡선을 특징으로 합니다.

문제 19

먼셀의 표색계에서 색상을 표시하는 기호로 맞는 것은?     
  1. C/HV
  2. HC/V
  3. HV/C
  4. CV/H
정답: 3

해설

먼셀 표색계에서 색상은 **색상(Hue, H), 명도(Value, V), 채도(Chroma, C)**의 세 가지 속성으로 표현됩니다. 문제에서 제시된 보기 중 3번인 **HV/C**는 이러한 먼셀 표색계의 기본 표기 방식인 "색상(H) 명도(V) / 채도(C)" 순서와 일치합니다. 따라서 3번이 정답입니다.

문제 20

윌리엄 모리스의 미술공예운동(Art& Crafts Movement)의 설명으로 틀린 것은?     
  1. 대량생산제품에 대해 찬성하였다.
  2. 양산제품에서의 품질문제를 제기하였다.
  3. 미술, 공예, 디자인 간의 차이를 줄임으로써 실용적 디자인을 추구하는 것을 목표로 하였다.
  4. 수작업으로 돌아가자는 주장을 하였다.
정답: 1

해설

윌리엄 모리스의 미술공예운동은 산업화로 인한 대량생산 제품의 품질 저하와 비인간적인 생산 방식에 반대했습니다. 따라서 운동의 핵심은 수작업의 가치를 강조하고 미술, 공예, 디자인의 통합을 통해 아름답고 실용적인 제품을 만드는 것이었으므로, 대량생산 제품에 찬성했다는 설명은 틀렸습니다.

문제 21

사용자가 특정한 서버에 집중적으로 몰리면 병목현상이 발생하여 성능이 저하된다. 이를 해결하기 위해 FTP 서버의 자료를 다른 곳에 그대로 복사하여, 보다 가까운 위치에서 자료를 전송 받을 수 있도록 하는 것은?     
  1. Plug-un
  2. Quick Time
  3. Mirroring
  4. File Server
정답: 3

해설

사용자가 특정 서버에 몰려 성능이 저하되는 병목 현상을 해결하기 위해, FTP 서버의 자료를 다른 곳에 복제하여 가까운 곳에서 전송받도록 하는 것은 **미러링(Mirroring)**입니다. 이는 원본 데이터와 동일한 복제본을 만들어 여러 위치에 분산함으로써, 사용자의 접근 속도를 높이고 서버 부하를 분산하는 기술입니다. 따라서 정답은 3번 미러링입니다.

문제 22

HTML 태그에서 “cellpadding” 에 대해 올바르게 설명한 것은?     
  1. “table” 태그에서만 쓰는 속성으로 셀 구분선과 셀 안의 문자간의 여백을 설정한다.
  2. “table” 태그에서만 쓰는 속성으로 셀과 셀 사이의 간격을 설정한다.
  3. “table” 태그에 삽입하면 테이블의 전체의 높이를 설정한다.
  4. “table” 태그에 삽입하면 해당 셀의 높이를 설정한다.
정답: 1

해설

"cellpadding"은 `` 태그에서 사용되는 속성으로, **셀 안의 내용과 셀 테두리 사이의 여백**을 설정하는 역할을 합니다. 보기 1번은 이 개념을 정확하게 설명하고 있으며, 셀 구분선과 셀 안 문자 간의 여백을 설정한다는 표현이 이를 나타냅니다. 보기 2번은 "cellspacing" 속성의 설명이며, 보기 3, 4번은 높이와는 관련 없는 속성입니다.

문제 23

연산자 좌우의 검색어를 모두 포함하는 데이터를 찾는 정보검색 연산자는?     
  1. OR
  2. NOT
  3. AND
  4. AND NOT
정답: 3

해설

정답은 3번 **AND**입니다. AND 연산자는 두 검색어 **모두**를 포함하는 데이터를 찾을 때 사용됩니다. 따라서 연산자 좌우의 검색어를 모두 포함하는 데이터를 찾는 정보검색 연산자는 AND가 됩니다. OR은 둘 중 하나만 포함해도 되고, NOT은 특정 검색어를 제외할 때 사용됩니다.

문제 24

웹페이지 작성 언어들 중 그 특성이 다른 하나는?     
  1. ASP
  2. JSP
  3. PHP
  4. JavaScript
정답: 4

해설

정답은 4번 JavaScript입니다. ASP, JSP, PHP는 서버 측에서 실행되어 동적인 웹페이지를 생성하는 서버 사이드 스크립트 언어입니다. 반면 JavaScript는 웹 브라우저에서 실행되어 웹페이지의 동적인 기능과 사용자 인터페이스를 구현하는 클라이언트 사이드 스크립트 언어입니다. 따라서 JavaScript는 다른 보기들과 실행 환경 및 역할에서 근본적인 차이가 있습니다.

문제 25

컴퓨터 그래픽의 역사는 컴퓨터의 탄생부터 오늘날 인터넷 시대까지 크게 다섯 단계로 나누어 분류한다. 시대별 발달 과정을 주요 소자별로 바르게 분류한 것은?     
  1. 진공관 → 트랜지스터 → 집적회로 → 고밀도 집적회로 → SVLSI
  2. 트랜지스터 → 진공관 → 집적회로 → 고밀도 집적회로 → SVLSI
  3. 트랜지스터 → 집적회로 → 진공관 → 고밀도 집적회로 → SVLSI
  4. 진공관 → 집적회로 → 트랜지스터 → 고밀도 집적회로 → SVLSI
정답: 1

해설

컴퓨터 그래픽의 발달은 컴퓨터 하드웨어 기술의 발전과 밀접하게 연관되어 있습니다. 초기 컴퓨터 그래픽은 거대한 진공관 컴퓨터에서 시작되었으며, 이후 트랜지스터, 집적회로(IC), 고밀도 집적회로(VLSI), 초고밀도 집적회로(SVLSI)로 발전하면서 컴퓨터의 성능과 그래픽 처리 능력이 기하급수적으로 향상되었습니다. 따라서 정답은 하드웨어 기술의 발전 순서를 올바르게 나열한 1번입니다.

문제 26

다음 마크업 언어 중 가장 나중에 만들어진 것은?     
  1. SGML
  2. HTML
  3. XML
  4. XHTML
정답: 4

해설

정답은 4번 XHTML입니다. XHTML은 HTML의 확장성을 개선하고 XML의 엄격한 문법을 적용하여 웹 표준을 강화한 마크업 언어입니다. SGML은 HTML과 XML의 기반이 되는 상위 개념이며, HTML은 웹 페이지를 만들기 위해 개발되었고 XML은 데이터 구조를 표현하기 위해 만들어졌습니다. 따라서 XHTML은 HTML의 단점을 보완하고 XML의 장점을 통합하여 가장 나중에 등장한 기술입니다.

문제 27

다음 중 자바스크립트의 이벤트 핸들러에 대한 종류와 설명이 옳지 않은 것은?     
  1. onBlur : 대상이 포커스를 잃어 버렸을 때 발생되는 이벤트를 처리
  2. onFocus : 대상에 포커스가 들어왔을 때 발생되는 이벤트를 처리
  3. onMouseOn : 마우스가 대상의 링크나 영역 안에 위치할 때 발생되는 이벤트를 처리
  4. onMouseOut : 마우스가 대상의 링크나 영역 안을 벗어 날 때 발생되는 이벤트를 처리
정답: 3

해설

정답은 3번입니다. 자바스크립트에서 마우스가 요소 위로 올라왔을 때 발생하는 이벤트는 `onMouseOver`이며, `onMouseOn`이라는 이벤트 핸들러는 존재하지 않습니다. `onBlur`와 `onFocus`는 각각 포커스를 잃거나 얻었을 때, `onMouseOut`은 마우스가 영역을 벗어났을 때 발생하는 유효한 이벤트입니다.

문제 28

월드 와이드 웹(WWW)서비스를 이용하기 위해 개발된 프로그램으로 인터넷에 연결된 컴퓨터를 탐색하고 원하는 정보를 읽어들여 그 내용을 화면에 표시해 주는 클라이언트 프로그램은?     
  1. 배너
  2. 포털 사이트
  3. 웹 브라우저
  4. 홈페이지
정답: 3

해설

월드 와이드 웹(WWW) 서비스를 이용하기 위해 개발된 프로그램으로 인터넷에 연결된 컴퓨터를 탐색하고 원하는 정보를 읽어들여 화면에 표시해 주는 클라이언트 프로그램은 **웹 브라우저**입니다. 웹 브라우저는 사용자가 웹 페이지를 보고 상호작용할 수 있도록 돕는 핵심적인 역할을 합니다. 보기 중 배너, 포털 사이트, 홈페이지는 웹 브라우저를 통해 접근하거나 표시되는 요소들입니다.

문제 29

전용선을 이용하여 인터넷을 접속하려고 한다. 네트워크 환경 설정 시 입력해야 할 내용으로 올바르지 않은 것은?     
  1. 게이트웨이
  2. 서브넷 마스크
  3. 접속 전화번호
  4. DNS
정답: 3

해설

전용선으로 인터넷에 접속할 때는 **게이트웨이, 서브넷 마스크, DNS**와 같은 네트워크 설정 정보가 필요합니다. 게이트웨이는 외부 네트워크로 나가는 통로 역할을 하고, 서브넷 마스크는 IP 주소를 네트워크 부분과 호스트 부분으로 나누어 관리하며, DNS는 도메인 이름을 IP 주소로 변환해줍니다. 반면 **접속 전화번호**는 전화선을 이용한 모뎀 접속 시 필요한 정보로, 전용선 환경에서는 사용되지 않습니다.

문제 30

다음 중 일반적인 HTML문서의 기본구조로 옳은 것은?     
  1. 〈HTML〉〈HEAD〉〈/HEAD〉〈BODY〉〈/BODY〉〈/HTML〉
  2. 〈HEAD〉〈/HEAD〉〈HTML〉〈BODY〉〈/HTML〉〈/BODY〉
  3. 〈HEAD〉〈HTML〉〈/HTML〉〈/HEAD〉〈BODY〉〈/BODY〉
  4. 〈HEAD〉〈/HEAD〉〈HTML〉〈BODY〉〈/BODY〉〈/HTML〉
정답: 1

해설

HTML 문서는 `` 태그로 시작하고 끝나며, 문서의 전체 내용을 감싸는 역할을 합니다. `` 태그 안에는 문서의 정보(메타데이터)를 담는 `` 섹션과 실제 화면에 표시될 내용을 담는 `` 섹션이 순서대로 포함되어야 합니다. 따라서 ``, ``, `` 태그가 올바르게 중첩된 1번이 일반적인 HTML 문서의 기본 구조입니다.

문제 31

VRML을 만들 수 있는 저작도구가 아닌 것은?     
  1. Cosmo Worlds
  2. Cosmo Player
  3. VR Creator
  4. 3d studio max
정답: 2

해설

VRML을 만들 수 있는 저작도구가 아닌 것은 **Cosmo Player**입니다. Cosmo Worlds, VR Creator, 3D Studio Max는 모두 VRML 파일을 생성하거나 편집할 수 있는 저작 도구입니다. 반면, Cosmo Player는 VRML 파일을 **재생하고 보는 데 사용되는 뷰어**이지, VRML을 직접 만드는 도구가 아닙니다. 따라서 VRML 저작 도구에 해당하지 않습니다.

문제 32

일반적으로 처리기나 CPU에 의해 처리되는 사용자 프로그램, 즉 실행중인 프로그램을 의미하며 작업(Job) 또는 태스크(Task)라고도 하는 것은?     
  1. 컴파일러(Compiler)
  2. 링커(Linker)
  3. 로더(Loader)
  4. 프로세스(Process)
정답: 4

해설

정답은 4번 프로세스(Process)입니다. 프로세스는 CPU에 의해 실행되는 프로그램의 인스턴스로, 작업(Job) 또는 태스크(Task)라고도 불립니다. 컴파일러, 링커, 로더는 프로그램을 실행 가능한 형태로 만들거나 메모리에 올리는 역할을 하지만, 실행 자체를 의미하지는 않습니다.

문제 33

인물 정보를 대상으로 데이터베이스를 구축하여 전자우편 주소 등의 정보를 제공해 주는 사이트를 일컫는 용어는?     
  1. 비비시모(Vivisomo)
  2. 옐로우페이지(Yellow Page)
  3. 화이트페이지(White Page)
  4. 옐로우북(Yellow Book)
정답: 3

해설

정답은 3번 화이트페이지(White Page)입니다. 화이트페이지는 전화번호부에서 개인의 이름과 전화번호, 주소 등 인물 정보를 알파벳 순으로 정리한 목록을 의미합니다. 이는 특정 인물의 연락처를 찾는 데 사용되는 전통적인 방식이며, 문제에서 설명하는 인물 정보 기반 데이터베이스 제공 사이트의 핵심 개념과 일치합니다.

문제 34

다음 HTML 태그 중 성격이 다른 태그는?     
  1. 〈OL〉 〈/OL〉
  2. 〈UL〉 〈/UL〉
  3. 〈LI〉 〈/LI〉
  4. 〈BR〉 〈/BR〉
정답: 4

해설

이 문제는 HTML 태그의 종류와 역할을 파악하는 문제입니다. `
    `과 `
      `은 목록을 생성하는 태그이고, `
    • `는 목록의 각 항목을 나타냅니다. 반면 `
      `은 줄 바꿈을 위한 태그로, 다른 태그들과는 달리 내용을 감싸는 역할을 하지 않습니다. 따라서 `
      ` 태그가 성격이 다릅니다.

문제 35

라우팅 프로토콜에 해당하지 않는 것은?     
  1. BGP
  2. NNTP
  3. OSPF
  4. RIP
정답: 2

해설

라우팅 프로토콜은 네트워크 장비들이 서로 통신하여 최적의 경로를 찾아주는 역할을 합니다. BGP, OSPF, RIP는 모두 이러한 라우팅 프로토콜에 해당합니다. 반면 NNTP(Network News Transfer Protocol)는 인터넷 뉴스 그룹의 게시물을 주고받는 데 사용되는 프로토콜로, 라우팅과는 관련이 없습니다. 따라서 라우팅 프로토콜에 해당하지 않는 것은 NNTP입니다.

문제 36

일반적으로 드림위버에서 웹문서에 자바스크립트 소스를 삽입하여 인터렉티브한 페이지를 만들 수 있도록 제공해 주는 것은?     
  1. Layer
  2. Behaviors
  3. Form
  4. CSS
정답: 2

해설

드림위버에서 웹 문서에 자바스크립트 소스를 삽입하여 인터랙티브한 페이지를 만들 수 있도록 제공하는 기능은 **Behaviors (동작)**입니다. Behaviors는 사용자의 특정 행동(예: 마우스 오버, 클릭)에 반응하여 미리 정의된 자바스크립트 코드를 실행하도록 도와주어, 코딩 없이도 동적인 웹 페이지를 쉽게 구현할 수 있게 합니다.

문제 37

다음 중 도표, 그림, 설계 도면 등의 좌표 데이터를 컴퓨터 내로 정확하게 입력할 수 있는 장치로 주로 설계나 공학용 제도에 사용되는 컴퓨터의 입력 장치는?     
  1. 디지타이저(Digitzer)
  2. 키노트(Keynote)
  3. 광펜(Light pen)
  4. 접촉 감지 스크린(Touch Screen)
정답: 1

해설

정답은 1번 디지타이저입니다. 디지타이저는 도표, 그림, 설계 도면 등의 좌표 데이터를 마우스처럼 움직이는 펜이나 커서를 이용해 컴퓨터로 정확하게 입력하는 장치입니다. 특히 설계나 공학용 제도 분야에서 도면을 디지털화하는 데 주로 사용됩니다.

문제 38

아래 스크립트를 분석한 내용으로 잘못된 것은?          
  1. 마우스로 “안녕하세요”를 클릭하면 새로운 팝업창이 열리고, 문자색이 변한다.
  2. “안녕하세요”에 마우스 포인터가 닿으면 배경색이 노란색으로 변한다.
  3. “안녕하세요”에서 마우스 포인터가 멀어지면 배경이 빨간색으로 변한다.
  4. 마우스로 “안녕하세요”를 클릭하면 배경이 백색으로 변한다.
정답: 1

해설

이 문제는 웹 페이지에서 마우스 이벤트에 따라 발생하는 변화를 분석하는 문제입니다. 정답이 1번인 이유는, 제공된 스크립트에는 "안녕하세요"를 클릭했을 때 새로운 팝업창이 열리거나 문자색이 변하는 기능이 명시적으로 구현되어 있지 않기 때문입니다. 핵심 개념은 **자바스크립트의 이벤트 처리**와 **DOM 조작**으로, 마우스 이벤트(클릭, 마우스오버, 마우스아웃)에 따라 HTML 요소의 속성(배경색, 텍스트 색상 등)이나 동작(팝업창 열기)을 변경하는 것을 이해해야 합니다.

문제 39

인터넷에서 두 호스트 시스템과의 연결 검사 또는 특정 호스트의 실행 여부 검사 등에 사용되는 서비스는?     
  1. Rlogin
  2. PING
  3. NTP
  4. SNMP
정답: 2

해설

정답은 2번 PING입니다. PING은 ICMP 프로토콜을 사용하여 대상 호스트로 패킷을 보내고 응답이 오는지 확인하는 방식으로, 네트워크 연결 상태나 호스트의 가용성을 검사하는 데 사용됩니다. Rlogin은 원격 로그인, NTP는 시간 동기화, SNMP는 네트워크 장치 관리를 위한 서비스로, 문제에서 설명하는 연결 검사 기능과는 다릅니다.

문제 40

웹브라우저의 기능으로 옳지 않은 것은?     
  1. 웹사이트 접속
  2. 정보 검색
  3. 사진 합성
  4. 인터넷서비스 제공
정답: 3

해설

웹 브라우저는 인터넷에 연결된 웹 서버에서 정보를 가져와 사용자에게 보여주는 프로그램입니다. 따라서 웹사이트 접속, 정보 검색, 인터넷 서비스 제공은 웹 브라우저의 주요 기능입니다. 하지만 사진 합성은 이미지 편집 소프트웨어의 기능으로, 웹 브라우저의 역할과는 무관합니다.

문제 41

큰 이미지 또는 사진과 같이 컬러 수가 많은 웹 이미지에 적합한 파일 포맷은?     
  1. EPS
  2. PSD
  3. JPEG
  4. BMP
정답: 3

해설

컬러 수가 많은 웹 이미지에 적합한 파일 포맷은 JPEG입니다. JPEG는 이미지를 압축하여 파일 크기를 줄여주므로 웹에서 빠르게 로딩하는 데 유리합니다. EPS와 PSD는 주로 인쇄나 편집 용도로 사용되며, BMP는 압축되지 않아 파일 크기가 매우 큽니다.

문제 42

다음은 무엇에 관한 설명인가?          
  1. 레이아웃
  2. 내비게이션
  3. 스토리보드
  4. 동영상
정답: 3

해설

이 문제는 시각적인 요소들을 순서대로 나열하여 이야기의 흐름을 보여주는 것을 설명하고 있습니다. 이러한 방식을 **스토리보드**라고 하며, 영상 제작이나 웹사이트 디자인 등에서 아이디어를 구체화하고 전체적인 구성을 파악하는 데 유용합니다. 따라서 정답은 3번 스토리보드입니다.

문제 43

3차원 대상물 표면에 2차원의 이미지를 입히는 과정을 무엇이라고 하는가?     
  1. 쉐이딩(Shading)
  2. 안티 앨리아싱(Anti Aliasing)
  3. 텍스처 매핑(Texture Mapping)
  4. 필터링(Filtering)
정답: 3

해설

3차원 대상물 표면에 2차원 이미지를 입히는 과정은 **텍스처 매핑(Texture Mapping)**이라고 합니다. 텍스처 매핑은 2차원 이미지(텍스처)를 3차원 모델의 표면에 "붙여서" 질감, 색상, 패턴 등을 표현하는 기법입니다. 이를 통해 3차원 모델이 더욱 사실적이고 다채롭게 보이게 됩니다.

문제 44

인간의 두뇌에 해당하는 것으로 대부분의 계산과 판단을 수행하는 컴퓨터그래픽스 시스템 하드웨어는?     
  1. RAM
  2. LAN
  3. CPU
  4. ROM
정답: 3

해설

정답은 3번 CPU입니다. CPU(중앙 처리 장치)는 컴퓨터의 두뇌와 같이 모든 계산과 명령 처리를 담당하는 핵심 하드웨어입니다. RAM은 작업 공간, LAN은 네트워크 연결, ROM은 기본 정보 저장에 사용되므로 문제에서 설명하는 기능과는 거리가 있습니다.

문제 45

어느 특정분야에서 우수한 상대를 표적 삼아 성과차이를 비교하여 이를 극복하기 위해 상대의 뛰어난 점을 배우면서 자기혁신을 추구하는 기법을 무엇이라 하는가?     
  1. 벤치마킹
  2. UI디자인
  3. 프로모션
  4. 콘셉트개발
정답: 1

해설

정답은 1번 벤치마킹입니다. 벤치마킹은 경쟁사나 업계 최고 기업을 벤치마킹 대상으로 삼아, 그들의 뛰어난 점을 분석하고 학습하여 자사의 제품, 서비스, 프로세스를 개선하는 경영 기법입니다. 즉, 상대의 성공 사례를 따라 배우며 혁신을 추구하는 것입니다.

문제 46

웹 애니메이션의 시각적인 깜빡임(Flicker) 현상을 줄이기 위한 방법으로 옳은 것은?     
  1. 모니터의 크기를 최대한 큰 것을 사용한다.
  2. 초당 프레임 수를 최대한 높여서 제작한다.
  3. 화려한 배색보다는 유사색을 이용하여 제작한다.
  4. 고해상도의 원본 이미지를 사용한다.
정답: 2

해설

웹 애니메이션의 시각적 깜빡임 현상은 초당 프레임 수가 낮을 때 두드러집니다. 프레임 수가 높을수록 화면 전환이 부드러워져 눈의 피로를 줄이고 깜빡임을 감소시키는 효과가 있습니다. 따라서 초당 프레임 수를 높여 제작하는 것이 깜빡임 현상을 줄이는 가장 효과적인 방법입니다.

문제 47

다음과 같은 내비게이션 구조는?          
  1. 순차 구조
  2. 프로토콜 구조
  3. 계층 구조
  4. 네트워크 구조
정답: 3

해설

제시된 내비게이션 구조는 **계층 구조**입니다. 이는 정보가 상위 메뉴에서 하위 메뉴로 점진적으로 세분화되어 조직되는 형태를 의미합니다. 사용자는 상위 단계에서 원하는 항목을 선택하고, 그에 따라 더 구체적인 하위 메뉴로 이동하며 원하는 정보를 찾아가는 방식으로, 마치 나무의 가지처럼 위에서 아래로 뻗어 나가는 구조를 연상시킵니다.

문제 48

이미지를 선분의 집합이 아니라 픽셀들의 배열 형태로 처리하는 방식은?     
  1. 랜덤 그래픽스
  2. 벡터 그래픽스
  3. 래스터 그래픽스
  4. 픽셀 그래픽스
정답: 3

해설

정답은 **3번 래스터 그래픽스**입니다. 래스터 그래픽스는 이미지를 수많은 작은 점인 픽셀(pixel)들의 격자 배열로 표현합니다. 각 픽셀은 특정 위치와 색상 정보를 가지며, 이러한 픽셀들이 모여 하나의 이미지를 형성합니다. 따라서 이미지를 선이 아닌 픽셀들의 집합으로 처리하는 방식은 래스터 그래픽스에 해당합니다.

문제 49

웹용으로 이미지를 디자인할 때 고려해야 할 사항으로 가장 거리가 먼 것은?     
  1. 파일 크기
  2. 파일 포맷 형식
  3. 이미지의 색상
  4. 인쇄 설정
정답: 4

해설

웹용 이미지 디자인 시 **인쇄 설정**은 가장 거리가 먼 고려 사항입니다. 웹은 화면 출력을 기준으로 하므로, 인쇄를 위한 해상도나 CMYK 색상 모드 등은 불필요합니다. 대신 **파일 크기**와 **파일 포맷 형식**은 로딩 속도와 품질에 직접적인 영향을 미치며, **이미지의 색상** 역시 웹 환경에 맞는 최적화가 중요합니다.

문제 50

컴퓨터 그래픽스(Graphics)의 장점으로 틀린 것은?     
  1. 인간의 상상력을 기반으로 자유롭게 표현할 수 있다.
  2. 제작물을 수정하는 것이 가능하다.
  3. 미세한 부분은 전혀 표현할 수 없다.
  4. 명암이나 컬러, 질감을 자유롭게 바꿀 수 있다.
정답: 3

해설

컴퓨터 그래픽스는 인간의 상상력을 바탕으로 현실에서 구현하기 어려운 표현을 자유롭게 하고, 제작 후에도 수정이 용이하며 명암, 색상, 질감 등을 다양하게 조절할 수 있다는 장점이 있습니다. 하지만 오히려 **미세한 부분까지도 매우 정교하고 사실적으로 표현할 수 있다는 것이 컴퓨터 그래픽스의 큰 장점**이므로, '미세한 부분은 전혀 표현할 수 없다'는 보기는 틀렸습니다.

문제 51

세대별 컴퓨터 그래픽스(CG)의 발달과정에서 제 1세대(1946년~1950년대 말)의 특징으로 잘못된 것은?     
  1. 기본 소자로 진공관을 사용하였다.
  2. 세계최초의전자식 디지털 컴퓨터인 에니악(ENIAC)을 발명하였다.
  3. 컴퓨터 그래픽의 발전 기반을 마련한 시기이다.
  4. X-Y 플로터가 개발되어 종이 위에 그림을 그릴 수 있게 되었다.
정답: 3

해설

정답은 3번입니다. 1세대 컴퓨터 그래픽스는 진공관을 사용한 초기 컴퓨터의 등장과 함께 시작되었으며, 에니악 발명, X-Y 플로터 개발 등으로 그래픽 표현의 가능성을 보여주었습니다. 하지만 이 시기는 아직 컴퓨터 그래픽스의 **발전 기반을 마련한 시기라기보다는, 컴퓨터 그래픽스라는 개념 자체가 등장하기 시작한 태동기**에 가깝습니다.

문제 52

다음은 PhotoShop CS3에서 제작한 것이다. A 이미지를 B 이미지로 만들기 위해 필요한 명령어는?          
  1. Flip Horizontal
  2. Flip Vertical
  3. Rotate
  4. Scale
정답: 1

해설

A 이미지를 B 이미지로 만들기 위해서는 좌우 반전이 필요합니다. 보기 중 'Flip Horizontal'은 이미지를 가로로 뒤집는 기능으로, A 이미지를 B 이미지와 동일하게 만들기 위한 올바른 명령어입니다. 따라서 정답은 1번입니다.

문제 53

웹 그래픽 제작에서 반복되는 배경이미지 제작에 관한 설명으로 가장 거리가 먼 것은?     
  1. 줄무늬를 배경 이미지로 제작
  2. 도형을 이용한 패턴 제작
  3. 부드러운 그라데이션 제작
  4. 동영상을 배경 이미지로 제작
정답: 4

해설

정답은 4번입니다. 반복되는 배경 이미지는 일반적으로 정지된 그래픽 요소로 구성되어야 하며, 동영상은 움직이는 콘텐츠이므로 반복되는 배경 이미지 제작이라는 개념과 거리가 멉니다. 1, 2, 3번은 모두 반복 가능한 패턴을 만드는 일반적인 웹 그래픽 제작 기법에 해당합니다.

문제 54

벡터(vector) 이미지에 대한 설명으로 틀린 것은?     
  1. 흑백 이미지로부터 트루컬러 이미지까지 다양한 컬러작업이 용이하다.
  2. 이미지를 확대 또는 축소, 회전 변환 시키더라도 왜곡이 발생하지 않는다.
  3. 점, 선, 면의 좌표 값을 수학적으로 저장하는 방식으로 그림을 표현한다.
  4. 로고 제작, 플래시 애니메이션 등 그래픽 프로그램에서 사용한다.
정답: 1

해설

벡터 이미지는 점, 선, 면의 수학적 좌표를 기반으로 하기 때문에 확대/축소 시 왜곡이 없습니다. 또한 로고나 플래시 애니메이션 제작에 주로 사용됩니다. 1번 보기가 틀린 이유는, 벡터 이미지는 색상 표현 방식이 픽셀 기반의 비트맵 이미지와 다르기 때문에 흑백에서 트루컬러까지 다양한 컬러 작업이 용이하다는 설명은 벡터 이미지의 특징과는 거리가 있습니다.

문제 55

웹상에서 반복되는 패턴으로 제작된 배경을 만들고자 할 경우 가장 적절한 방법은?     
  1. 브라우저 크기에 맞는 이미지를 만들어 배경으로 삽입한다.
  2. 패턴을 만들고 〈body〉 태그 안에 background로 지정한다.
  3. 포토샵에서 CMYK 팔레트를 이용하여 jpg 이미지로 저장하여 사용한다.
  4. CSS의 스타일을 이용하여 background의 옵션을 no-repeat 으로 지정한다.
정답: 2

해설

정답은 2번입니다. 웹상에서 반복되는 패턴 배경을 만들 때는 패턴 이미지를 생성한 후, HTML의 `` 태그에 `background` 속성으로 지정하는 것이 가장 적절합니다. 이는 CSS의 `background-repeat` 속성과 함께 사용하면 패턴이 자동으로 반복되어 브라우저 크기에 상관없이 일관된 배경을 구현할 수 있기 때문입니다. 1번은 브라우저 크기에 맞는 이미지를 만드는 것이 반복 패턴과는 거리가 멀고, 3번은 CMYK 팔레트와 JPG 저장 방식이 웹 배경 이미지와 직접적인 관련이 없습니다. 4번은 반복 옵션을 지정하는 것이지만, 패턴 자체를 생성하고 적용하는 근본적인 방법은 2번이 더 포괄적입니다.

문제 56

다음 웹 디자인 과정을 순서대로 올바르게 나열한 것은?          
  1. ⓑ-ⓐ-ⓓ-ⓔ-ⓒ
  2. ⓑ-ⓐ-ⓓ-ⓒ-ⓔ
  3. ⓑ-ⓔ-ⓐ-ⓓ-ⓒ
  4. ⓑ-ⓓ-ⓐ-ⓔ-ⓒ
정답: 3

해설

웹 디자인 과정은 일반적으로 **기획(ⓑ)** 단계에서 시작하여 **사용자 경험(UX) 디자인(ⓐ)**, **와이어프레임 및 프로토타이핑(ⓓ)**, **시각 디자인(ⓔ)**, 그리고 마지막으로 **개발 및 구현(ⓒ)** 순서로 진행됩니다. 따라서 정답은 3번 ⓑ-ⓔ-ⓐ-ⓓ-ⓒ가 아닙니다. **정답 이유 및 핵심 개념:** 정답은 **2번 ⓑ-ⓐ-ⓓ-ⓒ-ⓔ** 입니다. * **기획 (ⓑ):** 웹사이트의 목적, 타겟 사용자, 콘텐츠 등을 정의하는 가장 첫 단계입니다. * **사용자 경험(UX) 디자인 (ⓐ):** 사용자가 웹사이트를 쉽고 편리하게 이용할 수 있도록 사용자 흐름과 인터페이스를 설계합니다. * **와이어프레임 및 프로토타이핑 (ⓓ):** 웹사이트의 구조와 레이아웃을 시각적으로 표현하고, 실제 작동하는 것처럼 시뮬레이션하여 사용자 흐름을 검증합니다. * **개발 및 구현 (ⓒ):** 디자인된 내용을 바탕으로 실제 웹사이트를 코딩하여 구현합니다. * **시각 디자인 (ⓔ):** 최종적으로 디자인의 색상, 폰트, 이미지 등을 적용하여 시각적인 완성도를 높입니다. 따라서 제시된 정답 3번은 UX 디자인과 시각 디자인의 순서가 잘못되었습니다.

문제 57

다음 소프트웨어 중 2D 평면 디자인을 할 때 사용하는 소프트웨어로만 나열된 것은?          
  1. (ㄱ), (ㄴ)
  2. (ㄷ), (ㄹ)
  3. (ㄱ), (ㄷ)
  4. (ㄴ), (ㄹ)
정답: 1

해설

이 문제는 2D 평면 디자인에 사용되는 소프트웨어를 구분하는 능력을 평가합니다. 정답은 (ㄱ)과 (ㄴ)인데, 이는 해당 소프트웨어들이 벡터 기반의 2D 그래픽 디자인에 특화되어 있기 때문입니다. 핵심 개념은 각 소프트웨어의 주요 용도와 특징을 이해하는 것입니다.

문제 58

화면을 표현하기 위한 최소 단위이며, 화소라고 불리는 것은?     
  1. 비트맵(Bitmap)
  2. 벡터(Vector)
  3. 해상도(Resolution)
  4. 픽셀(Pixel)
정답: 4

해설

화면을 표현하는 최소 단위인 '픽셀(Pixel)'은 화면을 구성하는 아주 작은 점 하나하나를 의미합니다. 픽셀은 색상 정보를 가지고 있으며, 이 픽셀들이 모여 우리가 보는 이미지를 형성합니다. 따라서 화면의 가장 기본적인 구성 요소는 픽셀이라고 할 수 있습니다.

문제 59

다음 중 애니메이션에 대한 설명으로 틀린 것은?     
  1. 움직임이 없는 그림이나 사진 등에 생명이 있는 움직임을 부여하는 기술이다.
  2. 라틴어의 아니마투스(Animatus)에서 유래되었다.
  3. 연속된 그림을 통하여 계속 이어지게 보이는 2차원만의 영역을 의미한다.
  4. 애니메이션에서 사용되는 프레임은 낱개의 정지된 이미지를 말한다.
정답: 3

해설

애니메이션은 움직임이 없는 이미지를 연속적으로 보여주어 움직이는 것처럼 보이게 하는 기술입니다. 이는 '생명을 불어넣다'라는 뜻의 라틴어 '아니마투스(Animatus)'에서 유래했습니다. 애니메이션은 2차원뿐만 아니라 3차원 공간에서도 구현될 수 있으며, 낱개의 정지된 이미지를 프레임이라고 합니다. 따라서 3번 보기는 애니메이션이 2차원만의 영역이라는 점에서 틀렸습니다.

문제 60

서로 근접해 있는 색들의 영향으로 인하여 닮은 색으로 변해 보이는 현상은 ?     
  1. 잔상효과
  2. 동화현상
  3. 동시대비
  4. 연변대비
정답: 2

해설

정답은 **2번 동화현상**입니다. 동화현상은 서로 다른 색이 인접해 있을 때, 각 색이 상대방 색의 영향을 받아 원래의 색과는 다르게 보이는 현상을 말합니다. 이는 색채 심리학에서 중요한 개념으로, 색들이 서로 섞여 보이는 듯한 착시 효과를 일으킵니다.

2016년 웹디자인기능사 1회차 회차 학습 안내

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

회차 전체 풀이

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

정답과 해설 선택

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

종이 시험지 출력

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

자주 묻는 질문

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

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

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

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

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

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

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

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