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

2014웹디자인기능사 1회차

60문제로 구성된 기출 시험

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

시험 문제

문제 1

제품 디자인 과정 중'완성 예상도' 라고도 하며 실물처럼 충실하고 정확히 표현하는 것을 무엇이라고 하는가?    
  1. 랜더링(RENDERING)
  2. 드로잉(DRAWING)
  3. 스케치(SKETCH)
  4. 목업(MOCK UP)
정답: 1

해설

제품 디자인 과정에서 실물처럼 충실하고 정확하게 표현하는 것을 '랜더링(RENDERING)'이라고 합니다. 랜더링은 3D 모델링 데이터를 바탕으로 재질, 조명, 그림자 등을 사실적으로 표현하여 완성된 제품의 모습을 시각화하는 기법입니다. 이는 디자인의 완성도를 높이고, 고객이나 이해관계자들에게 제품의 실제 모습을 효과적으로 전달하는 데 중요한 역할을 합니다.

문제 2

디자인 형태로서 조화(harmony)를 이루는 디자인 원리와 거리가 먼 것은?    
  1. 균형
  2. 대비
  3. 통일
  4. 색상
정답: 4

해설

디자인에서 조화는 여러 요소들이 서로 어울려 전체적으로 안정감 있고 보기 좋은 느낌을 주는 것을 의미합니다. 균형, 대비, 통일은 모두 조화를 이루는 데 기여하는 디자인 원리입니다. 반면 색상은 조화를 이루기 위한 '수단'이나 '요소'이지, 조화 자체를 설명하는 디자인 원리는 아닙니다.

문제 3

색채 조화가 잘되도록 배색을 하기 위한 방법으로 틀린 것은?    
  1. 색상의 수를 될 수 있는 대로 줄인다.
  2. 고채도의 색을 이용하여 색채효과를 높인다.
  3. 색의 차갑고 따뜻한 느낌을 이용한다.
  4. 환경의 밝고 어두움을 고려한다.
정답: 2

해설

색채 조화는 일반적으로 안정적이고 편안한 느낌을 주는 배색을 의미합니다. 2번 보기처럼 **고채도의 색을 지나치게 많이 사용하면 시각적으로 자극적이고 불안정한 느낌을 줄 수 있어 색채 조화를 해칠 수 있습니다.** 따라서 색상의 수를 줄이고, 색의 온도감을 활용하며, 환경의 밝고 어두움을 고려하는 것이 색채 조화를 이루는 데 더 효과적입니다.

문제 4

다음의 디자인 원리 중 리듬에 해당되지 않는 것은?    
  1. 점이
  2. 강조
  3. 균일
  4. 점증
정답: 3

해설

리듬은 디자인 요소들이 반복, 변화, 점증 등을 통해 시각적인 흐름과 운동감을 만들어내는 원리입니다. '점이'는 반복을 통해, '점증'은 점진적인 변화를 통해 리듬감을 형성합니다. '강조'는 특정 요소를 부각하여 시선을 유도하는 역할을 하지만, 직접적인 흐름이나 반복과는 거리가 있습니다. 따라서 '균일'은 반복이나 변화 없이 일정한 상태를 유지하므로 리듬에 해당되지 않습니다.

문제 5

해안에 있는 조약돌은 자연의 힘에 의해 필연적으로 만들어진 형태라는 자연의 법칙이 만든 자연의 형태를 주장한 사람은?    
  1. 르 코르뷔지에
  2. 파파넥
  3. 아른하임
  4. 모홀로나기
정답: 4

해설

이 문제는 자연의 힘에 의해 만들어진 자연의 형태를 주장한 인물을 묻고 있습니다. 정답은 4번 모홀로나기입니다. 모홀로나기는 자연의 법칙에 따라 조약돌과 같은 형태가 만들어진다고 주장하며, 이는 **자연주의적 디자인** 또는 **유기적 디자인**의 맥락에서 이해될 수 있습니다. 즉, 인위적인 디자인보다는 자연의 과정을 통해 얻어진 형태를 중요시하는 관점을 나타냅니다.

문제 6

먼셀 색체계에 대한 설명으로 틀린 것은?    
  1. 색상을 H, 명도를 V, 채도를 C 라고 한다.
  2. 표기는 HV/C로 한다.
  3. 순색의 빨강은 5R4/14로 적는다.
  4. 혼합하는 색의 양이 많고 적음에 따라 만들어 진다.
정답: 4

해설

먼셀 색체계는 색상을 색상(Hue, H), 명도(Value, V), 채도(Chroma, C)의 세 가지 속성으로 나타냅니다. 보기 4번은 색이 혼합되는 양에 따라 만들어진다는 설명으로, 이는 색의 혼합 원리에 대한 설명이지 먼셀 색체계의 속성에 대한 설명은 아닙니다. 먼셀 색체계는 색 자체의 속성을 수치화하여 표현하는 체계입니다.

문제 7

형태에 관한 시각의 기본 법칙을 내포한 게슈탈트(Gustalt) 심리적 원리가 옳은 것은?    
  1. 연속성, 근접성, 유사성, 폐쇄성
  2. 유사성, 연속성, 개방성, 폐쇄성
  3. 연속성, 개방성, 전경과 배경의 법칙
  4. 유사성, 이성적, 개방성, 접근성(근접성)
정답: 1

해설

게슈탈트 심리학의 기본 원리는 인간이 시각 정보를 어떻게 조직하고 인식하는지를 설명합니다. 정답인 1번은 **연속성, 근접성, 유사성, 폐쇄성**으로, 이러한 원리들은 우리가 불완전한 정보 속에서도 패턴을 인식하고 전체적인 형태를 파악하는 데 도움을 줍니다. 예를 들어, 가까이 있는 물체들은 함께 묶어 인식하고(근접성), 비슷한 모양의 물체들은 같은 그룹으로 봅니다(유사성).

문제 8

입체 디자인의 요소 중 구조 요소로 볼 수 없는 것은?    
  1. 꼭짓점
  2. 모서리
  3. 공간
정답: 4

해설

입체 디자인에서 구조 요소는 형태를 이루는 기본적인 구성 요소를 의미합니다. 꼭짓점, 모서리, 면은 입체의 형태를 정의하고 뼈대를 이루는 직접적인 요소입니다. 반면 공간은 입체가 차지하거나 둘러싸는 비어있는 영역으로, 입체 자체의 구조적 구성 요소라기보다는 입체와 상호작용하는 외부적인 개념으로 볼 수 있습니다.

문제 9

다음 중 독창성에 대한 설명으로 가장 옳은 것은?    
  1. 디자인의 기본 요소를 포함시켜 제작하여 배포하는 것을 말한다.
  2. 세상에 없는 새로운 물건만을 디자인해 창출하는 것을 말한다.
  3. 기존의 제폼을 그대로 모방, 도용하여 디자인하는 것을 말한다.
  4. 모든 요소를 유기적으로 관련시켜서 다각적으로 모색, 창출해내는 것을 말한다.
정답: 4

해설

독창성은 단순히 새로운 것을 만드는 것을 넘어, 기존의 요소들을 새롭게 조합하고 유기적으로 연결하여 이전에는 없던 가치를 창출하는 능력입니다. 4번은 이러한 독창성의 핵심인 '모든 요소를 유기적으로 관련시켜 다각적으로 모색, 창출'하는 과정을 정확하게 설명하고 있습니다. 따라서 독창성은 기존의 것을 단순히 모방하거나 기본적인 요소만 나열하는 것이 아니라, 다양한 관점에서 깊이 고민하고 창의적으로 결합하는 데서 비롯됩니다.

문제 10

다음 중 빨간색이 가장 선명하고 뚜렷해 보일 수 있는 배경색으로 적합한 것은?     
  1. 주황
  2. 노랑
  3. 회색
  4. 보라
정답: 3

해설

정답은 3번 회색입니다. 빨간색의 선명도를 높이려면 주변 색상과의 대비가 중요합니다. 회색은 빨간색과 색상환에서 멀리 떨어져 있어 색상 대비가 크므로 빨간색을 가장 뚜렷하게 보이게 합니다. 반면, 주황이나 노랑은 빨간색과 유사한 색상이어서 대비가 약하고, 보라는 보색 관계에 가까워 오히려 빨간색을 덜 돋보이게 할 수 있습니다.

문제 11

색광의 3원색에 대한 설명으로 틀린 것은?     
  1. 색광의 3원색은 빨강(R), 초록(G), 파랑(B)이다.
  2. 색광의 3원색을 혼합하면 모든 색광을 만들 수 있다.
  3. 다른 색광을 혼합해서 색광의 3원색을 만들 수 있다.
  4. 색광은 혼합할수록 명도가 높아진다.
정답: 3

해설

색광의 3원색은 빛의 삼원색으로, 빨강, 초록, 파랑(RGB)입니다. 이 세 가지 색을 혼합하면 다양한 색을 만들 수 있지만, 다른 색광을 혼합해서는 3원색을 만들 수 없습니다. 오히려 색광은 혼합할수록 빛의 양이 많아져 명도가 높아지는 특징이 있습니다.

문제 12

비례의 종류로 옳게 나열한 것은?     
  1. 상가 수열비와 황금비, 정수비, 등비 수열비
  2. 황금비 직사각형, 등가 수열비, 등수 수열비
  3. 황금비, 등차 수열비, 피타고라스 정수비
  4. 루트 직사각형, 피타고라스 정수비, 등가 수열비
정답: 1

해설

정답은 1번입니다. 비례는 크게 **등차수열비**와 **등비수열비**로 나눌 수 있습니다. 등차수열비는 항들의 차이가 일정한 비례를 의미하며, **정수비**나 **피타고라스 정수비**가 여기에 해당합니다. 등비수열비는 항들의 비가 일정한 비례를 의미하며, **황금비**나 **상가 수열비**가 대표적입니다. 따라서 1번은 이러한 비례의 종류들을 올바르게 나열하고 있습니다.

문제 13

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

해설

색의 수축 및 팽창 효과에 가장 큰 영향을 주는 요소는 **명도**입니다. 명도가 높은 밝은 색은 앞으로 다가오는 듯한 팽창 효과를, 명도가 낮은 어두운 색은 뒤로 물러나는 듯한 수축 효과를 나타냅니다. 이는 우리의 뇌가 색의 밝기를 통해 공간감을 인지하는 방식과 관련이 있습니다.

문제 14

디자인 요소 중 길이와 방향만을 나타내는 것은?     
  1. 입체
정답: 2

해설

정답은 2번 '선'입니다. 선은 길이와 방향이라는 두 가지 기본적인 특성을 가지고 있으며, 이를 통해 시각적인 흐름이나 움직임을 표현할 수 있습니다. 점은 위치만을 나타내고, 면은 길이와 폭을, 입체는 길이, 폭, 높이를 나타내는 디자인 요소입니다.

문제 15

1931년 국제조명위원회에서 색의 단위와 체계를 정립하여 발표한 표색계는?     
  1. 한국 전통 표색계
  2. 오스트발트 표색계
  3. CIE 표준 표색계
  4. KS사용 표색계
정답: 3

해설

1931년 국제조명위원회(CIE)에서 색의 표준화된 측정 및 표현을 위해 발표한 표색계는 **CIE 표준 표색계**입니다. 이는 과학적인 색 측정의 기초를 마련했으며, 이후 색 과학 및 산업 전반에 걸쳐 널리 사용되는 표준이 되었습니다.

문제 16

색상이 정반대의 관계인 두 색을 나란히 놓으면, 서로의 영향으로 인하여 각각의 채도가 더 높게 보이는 색의 대비 현상은?     
  1. 보색 대비
  2. 명도 대비
  3. 한난 대비
  4. 계시 대비
정답: 1

해설

정반대의 관계에 있는 두 색을 나란히 놓았을 때, 서로의 영향으로 인해 채도가 더 높아 보이는 현상은 **보색 대비**입니다. 보색은 색상환에서 서로 마주 보는 위치에 있는 색으로, 함께 있을 때 서로를 더욱 강렬하게 보이게 하는 특징이 있습니다. 명도 대비는 밝기 차이, 한난 대비는 따뜻함과 차가움의 차이, 계시 대비는 뇌에서 시각 정보를 처리하는 방식과 관련된 대비 현상입니다.

문제 17

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

해설

디자인의 형식적 요소는 시각적으로 인지되는 형태, 색, 질감 등을 의미합니다. 이러한 요소들은 디자인의 외형적인 특징을 구성하며, 시각적 경험을 통해 전달됩니다. 반면, '용도'는 디자인의 기능적인 측면으로, 형식적 요소와는 구분되는 개념입니다.

문제 18

1907년 헤르안 무테지우스를 중심으로 뭔헨에서 결성된 디자인 진흥 단체는     
  1. 드 스틸(De Still)
  2. 독일공작연맹(DWB)
  3. 바우하우스(BAUHAUS)
  4. 엠피스(MEMPHIS)
정답: 2

해설

1907년 헤르만 무테지우스를 중심으로 뮌헨에서 결성된 디자인 진흥 단체는 **독일공작연맹(DWB)**입니다. 독일공작연맹은 산업 생산품의 디자인 품질을 향상시키고 독일 공예와 산업의 경쟁력을 높이는 것을 목표로 했습니다. 이는 이후 바우하우스와 같은 근대 디자인 운동에 큰 영향을 미쳤습니다.

문제 19

색의 3속성을 3차원의 공간 속에 계통적으로 배열한 것은?     
  1. 현색계
  2. 표색계
  3. 색상환
  4. 색입체
정답: 4

해설

색의 3속성인 색상, 명도, 채도를 3차원 공간에 계통적으로 배열한 것은 **색입체**입니다. 색입체는 이러한 색의 속성들을 시각적으로 이해하기 쉽게 나타낸 모형으로, 각 색이 공간상에서 차지하는 위치를 통해 그 특성을 파악할 수 있습니다. 보기 중 표색계는 색을 체계적으로 분류하고 명칭을 부여하는 시스템을 통칭하며, 색입체는 표색계의 한 종류라고 볼 수 있습니다.

문제 20

'최소의 자재와 노력으로 최대의 효과를 거둔다'는 의미의 디자인 조건으로 가장 알맞은 것은?     
  1. 합목적성
  2. 창의성
  3. 심미성
  4. 경제성
정답: 4

해설

정답은 4번 경제성입니다. 경제성은 최소한의 자원과 노력을 투입하여 최대한의 가치나 효과를 얻는 것을 의미합니다. 제시된 문제의 '최소의 자재와 노력으로 최대의 효과를 거둔다'는 표현은 바로 이러한 경제성의 핵심 개념과 일치합니다. 다른 보기들은 디자인의 중요한 요소이지만, 문제에서 요구하는 '효율성' 측면을 직접적으로 나타내지는 않습니다.

문제 21

NOSA에서 연구용으로 제작되었고 마우스로 구동되는 그래픽 인터페이스를 처음으로 제공하여 웹 확산에 기여한 웹 브라우저는?     
  1. Opera
  2. Chrome
  3. Lynx
  4. Mosaic
정답: 4

해설

정답은 4번 Mosaic입니다. Mosaic은 1993년에 처음 공개된 그래픽 웹 브라우저로, 이미지와 텍스트를 함께 보여주는 혁신적인 인터페이스를 제공했습니다. 이러한 사용자 친화적인 디자인 덕분에 일반 사용자들도 웹을 쉽게 이용할 수 있게 되었고, 이는 웹의 폭발적인 확산에 크게 기여했습니다.

문제 22

자바스크립트의 변수로 사용할 수 없는 것은?     
  1. _java
  2. return
  3. Hello2
  4. BasiC
정답: 2

해설

자바스크립트에서 `return`은 예약어이기 때문에 변수 이름으로 사용할 수 없습니다. 변수 이름은 문자, 숫자, 밑줄(_), 달러 기호($)로 구성될 수 있지만, 예약어는 특별한 의미를 가지므로 변수로 지정할 수 없습니다. `_java`, `Hello2`, `BasiC`는 모두 유효한 변수 이름입니다.

문제 23

인터넷 익스플로러 6.0에서 자주 방문하는 웹 사이트의 URL을 등록하는 기능은?     
  1. 검색
  2. 기록
  3. 즐겨찾기
  4. 새로 고침
정답: 3

해설

인터넷 익스플로러 6.0에서 자주 방문하는 웹사이트의 URL을 저장하고 쉽게 다시 방문할 수 있도록 하는 기능은 **즐겨찾기**입니다. 즐겨찾기는 웹사이트 주소를 북마크처럼 저장해두는 것으로, 사용자가 원하는 웹사이트를 빠르게 찾고 접근할 수 있도록 돕는 핵심적인 웹 브라우저 기능입니다.

문제 24

다음 중 국내에서 개발한 검색엔진은?     
  1. 라이코스
  2. 야후
  3. 심마니
  4. 아타비스타
정답: 3

해설

정답은 3번 심마니입니다. 심마니는 1990년대 후반 국내에서 개발된 초기 검색 엔진 중 하나입니다. 라이코스, 야후, 아타비스타는 모두 해외에서 개발된 검색 엔진입니다. 이 문제는 국내 IT 기술 발전 초기 검색 엔진의 역사와 관련된 지식을 묻고 있습니다.

문제 25

인터넷에서 전자우편(E-mail)을 보낼 때 사용되는 표준 통신 규약은?     
  1. SMTP
  2. TELNET
  3. PING
  4. TRACERT
정답: 1

해설

인터넷에서 전자우편을 보낼 때 사용되는 표준 통신 규약은 **SMTP(Simple Mail Transfer Protocol)**입니다. SMTP는 메일을 보내는 데 특화된 프로토콜로, 발신자가 메일을 수신자에게 전달하는 과정을 담당합니다. 다른 보기들은 메일 전송과는 관련 없는 통신 관련 규약입니다.

문제 26

다음이 설명하고 있는 것은?          
  1. 웹 브라우저(Web Browser)
  2. 웹 캐시(Web Cache)
  3. FTP(File Transfer Protocol)
  4. 플러그인(Plug-In)
정답: 1

해설

이 문제는 사용자가 인터넷에서 웹 페이지를 보고 상호작용하는 데 사용하는 도구를 묻고 있습니다. 웹 브라우저는 이러한 웹 페이지를 요청하고, 서버로부터 받아와 사용자에게 시각적으로 보여주는 역할을 합니다. 따라서 웹 브라우저가 정답이며, 웹 캐시, FTP, 플러그인은 웹 브라우저의 기능이나 관련 기술이지만 웹 브라우저 자체를 설명하는 것은 아닙니다.

문제 27

DHTML(Dynamic HTML)의 설명으로 틀린 것은?     
  1. HTML 문서에 있는 객체의 내용을 자유롭게 변경할 수 있다.
  2. CGI로 처리해야 할 작업들을 각 클라이언트에서 처리 하기 때문에 서버의 부하를 줄일 수 있다.
  3. 웹 페이지가 로드되면, 클라이언트 쪽에서 이벤트를 발생한 경우에만 서버에서 웹페이지를 다시 로드하므로 서버 로드가 줄어 든다.
  4. 원하는 정보를 얻기 위해 웹 서버를 찾을 필요가 없게 만들어주는 인터렉티브(interactive)한 페이지이다.
정답: 3

해설

DHTML은 동적으로 웹 페이지를 변경하는 기술로, HTML, CSS, JavaScript를 함께 사용합니다. 1번과 4번은 DHTML의 특징을 올바르게 설명합니다. 2번은 DHTML이 클라이언트 측에서 처리하여 서버 부하를 줄일 수 있다는 장점을 나타냅니다. 하지만 3번은 DHTML이 서버 로드를 줄이는 것은 맞지만, 웹 페이지가 로드된 후 **이벤트 발생 시에만 서버에서 다시 로드하는 것이 아니라**, JavaScript를 통해 클라이언트 자체적으로 변경이 이루어지므로 서버 로드 감소에 대한 설명이 틀렸습니다.

문제 28

자바 스크립트의 이벤트에 대한 설명으로 옳은 것은?     
  1. blur : 폼 요소의 입력을 선택 했을 때
  2. submit : 현재 페이지에서 벗어 날 때
  3. select : Tab을 이용하여 폼 요소에서 이동 시킬 때
  4. load : 처음으로 웹 페이지를 읽었을 때
정답: 4

해설

정답은 4번 'load'입니다. 'load' 이벤트는 웹 페이지의 모든 리소스(HTML, CSS, 이미지 등)가 성공적으로 로드되었을 때 발생합니다. 이는 사용자가 페이지의 모든 내용을 볼 준비가 되었음을 나타내는 핵심적인 이벤트입니다. 나머지 보기들은 각각 blur(포커스를 잃었을 때), submit(폼 제출 시), select(텍스트 선택 시)를 의미하며, 문제에서 설명하는 상황과 다릅니다.

문제 29

인터넷 환경에서 파일을 송수신할 때 사용되는 프로토콜로 옳은 것은?     
  1. Telnet
  2. IRC
  3. FTP
  4. Archie
정답: 3

해설

정답은 3번 FTP입니다. FTP(File Transfer Protocol)는 이름 그대로 인터넷을 통해 파일을 주고받는 데 특화된 프로토콜입니다. Telnet은 원격 컴퓨터에 접속하는 데 사용되고, IRC는 실시간 채팅에 사용되며, Archie는 FTP 서버에서 파일을 검색하는 데 사용됩니다. 따라서 파일 송수신이라는 목적에 가장 부합하는 것은 FTP입니다.

문제 30

인터넷의 수많은 정보를 주제별 또는 종류별로 구분한 후 체계적으로 구조화하여 메뉴 형태로 정리해 놓은 것으로, 정보를 효율적으로 접근할 수 있도록 해주는 인터넷 정보 서비스는?     
  1. FTP
  2. GOPHER
  3. TELNET
  4. WHOIS
정답: 2

해설

정답은 2번 GOPHER입니다. GOPHER는 인터넷의 방대한 정보를 주제별, 종류별로 분류하고 메뉴 형태로 체계적으로 구조화하여 사용자가 원하는 정보를 쉽게 찾을 수 있도록 돕는 인터넷 정보 서비스입니다. FTP, TELNET, WHOIS와 달리 GOPHER는 탐색 중심의 사용자 인터페이스를 제공하는 것이 특징입니다.

문제 31

다음 중 웹브라우저가 아닌 것은?     
  1. 오페라(Opera)
  2. 네스케이프 네비게이터(Netscape Navigator)
  3. 인터넷 익스플로러(Internet Explorer)
  4. 아파치(Apache)
정답: 4

해설

정답은 4번 아파치입니다. 오페라, 네스케이프 네비게이터, 인터넷 익스플로러는 모두 웹사이트를 열람하는 데 사용되는 웹 브라우저입니다. 반면 아파치는 웹사이트를 만들어주는 서버 프로그램으로, 웹 브라우저와는 역할이 다릅니다.

문제 32

웹 검색 엔진에 대한 설명으로 옳지 않은 것은?     
  1. 검색 엔진은 인터넷에서 사용자가 필요한 정보를 찾는 것을 도와주는 서비스이다.
  2. 검색 엔진에서 동작 방식에 따라 키워드, 주제별, 메타형 검색 엔진이 있다.
  3. 일반적으로 검색 연산자 AND는 두개의 단어 중 하나라도 포함된 정보를 검색할 때 사용한다.
  4. 네이버(Naver)는 검색엔진의 일종이다.
정답: 3

해설

정답은 3번입니다. 검색 연산자 'AND'는 두 단어가 **모두** 포함된 정보를 검색할 때 사용하며, 하나라도 포함된 정보를 찾으려면 'OR' 연산자를 사용해야 합니다. 따라서 3번 보기는 검색 엔진의 검색 방식에 대한 설명으로 옳지 않습니다.

문제 33

다음 중 종료 태크가 있으나 생략 가능한 것은?     
  1. 〈BR〉
  2. 〈DD〉
  3. 〈HR〉
  4. 〈IMG〉
정답: 2

해설

정답은 2번 〈DD〉입니다. 〈DD〉 태그는 정의 목록의 각 항목에 대한 설명을 나타내며, 뒤따르는 〈DT〉나 〈DL〉 태그가 나타나면 자동으로 종료됩니다. 따라서 명시적인 종료 태그 〈/DD〉는 생략 가능합니다. 〈BR〉, 〈HR〉, 〈IMG〉 태그는 종료 태그가 없거나, 있더라도 항상 명시적으로 사용해야 합니다.

문제 34

OSI 7계층 중 최상위 계층은?     
  1. 세션(Session) 계층
  2. 응용(Application) 계층
  3. 네트워크(Network) 계층
  4. 전송(Transport) 계층
정답: 2

해설

OSI 7계층 중 최상위 계층은 **응용(Application) 계층**입니다. 이 계층은 사용자 애플리케이션과 네트워크 서비스 간의 인터페이스 역할을 하며, HTTP, FTP, SMTP와 같은 프로토콜을 통해 실제 데이터를 주고받습니다. 따라서 사용자가 직접적으로 접하고 사용하는 기능들이 이 계층에 속합니다.

문제 35

특정 조직의 랜과 외부 네트워크 사이에서 방화벽 역할을 수행하고, 동시에 여러 외부 서버의 데이터를 대신 받아 주는 역할을 하며, 네트워크의 캐시(Cache) 역할도 수행 하는 서버는?     
  1. News Server
  2. Web Server
  3. Proxy Server
  4. Gopher Server
정답: 3

해설

정답은 3번 프록시 서버입니다. 프록시 서버는 내부 네트워크와 외부 네트워크 사이에 위치하여 방화벽 역할을 수행하며, 외부 서버의 데이터를 대신 받아와 내부 사용자에게 전달하는 게이트웨이 역할을 합니다. 또한, 자주 요청되는 데이터를 캐싱하여 네트워크 트래픽을 줄이고 응답 속도를 향상시키는 기능도 수행합니다.

문제 36

인터넷 서비스 중 원격의 컴퓨터를 인터넷으로 접속하여 마치 자신의 컴퓨터처럼 사용할 수 있도록 해주는 것은?     
  1. FTP
  2. TELNET
  3. E-MAIL
  4. WWW
정답: 2

해설

정답은 2번 **TELNET**입니다. TELNET은 원격지의 컴퓨터에 접속하여 명령을 내리고 그 결과를 받아보는 방식으로, 마치 자신의 컴퓨터처럼 사용할 수 있게 해주는 프로토콜입니다. FTP는 파일 전송, E-MAIL은 이메일 송수신, WWW는 웹 페이지 접속에 사용되는 서비스입니다.

문제 37

자바스크립트(JavaScript)에서 현재 활성화된 창을 닫을 때 사용하는 명령어가 아닌 것은?     
  1. screen.close()
  2. windows.close()
  3. this.close()
  4. self.close()
정답: 1

해설

자바스크립트에서 현재 창을 닫는 데 사용되는 표준 메서드는 `window.close()` 또는 `self.close()`입니다. `screen` 객체는 화면 해상도와 같은 디스플레이 정보를 제공하지만, 창을 닫는 기능은 없습니다. 따라서 `screen.close()`는 존재하지 않는 명령어이며, 정답은 1번입니다.

문제 38

웹페이지 제작 시 작업환경에서 보이는 그대로 결과물을 도출해 내는 방식은?     
  1. GUI
  2. Frame
  3. MCP
  4. WYSIWYG
정답: 4

해설

정답은 4번 WYSIWYG입니다. WYSIWYG은 "What You See Is What You Get"의 약자로, 웹페이지 제작 시 편집기 화면에서 보이는 그대로 최종 결과물이 만들어지는 방식을 의미합니다. 즉, 사용자가 화면에서 디자인하고 편집하는 내용이 실제 웹페이지에서도 동일하게 나타나므로 직관적인 웹사이트 제작이 가능합니다.

문제 39

HTML 태그 중 줄 바꿈 태그로 옳은 것은?     
  1. 〈PRE〉
  2. 〈LI〉
  3. 〈BR〉
  4. 〈HR〉
정답: 3

해설

HTML에서 줄 바꿈 태그는 `
`입니다. `
` 태그는 텍스트의 흐름을 끊고 다음 줄로 넘어가게 하여 시각적인 줄 바꿈을 만듭니다. 보기의 다른 태그들은 각각 사전 형식의 텍스트를 표시하거나(PRE), 목록 항목을 나타내거나(LI), 수평선을 그려 구분하는(HR) 역할을 합니다.

문제 40

HTML에서 다른 페이지로 이동하는 링크 관련 태그로 옳은 것은?     
  1. 〈IMG〉
  2. 〈FRAME〉
  3. 〈TABLE〉
  4. 〈A href〉
정답: 4

해설

HTML에서 다른 페이지로 이동하는 링크를 만드는 데 사용되는 태그는 `` 태그이며, `href` 속성을 사용하여 이동할 페이지의 URL을 지정합니다. 따라서 정답은 4번 ` href`입니다. ``는 이미지를 삽입하고, ``은 프레임을 생성하며, ``은 표를 만드는 데 사용되는 태그로 링크와는 관련이 없습니다.

문제 41

다음이 설명하고 있는 것은?          
  1. 웹 기획
  2. 그리드시스템
  3. 인터페이스
  4. 웹 가이드
정답: 2

해설

이 문제는 웹 디자인에서 레이아웃을 구성하는 핵심 원리를 묻고 있습니다. 정답은 '그리드시스템'으로, 이는 웹 페이지를 일정한 간격의 격자 형태로 나누어 콘텐츠를 배치함으로써 시각적인 안정감과 통일성을 확보하는 디자인 방법론입니다. 그리드시스템을 활용하면 콘텐츠의 정렬이 용이해지고, 사용자에게 일관된 경험을 제공하는 데 도움을 줍니다.

문제 42

컴퓨터그래픽스 시스템의 입력장치에 해당하지 않는 것은?     
  1. 디지타이저
  2. 스캐너
  3. 마우스
  4. 플로터
정답: 4

해설

컴퓨터그래픽스 시스템에서 입력장치는 데이터를 컴퓨터로 받아들이는 장치를 의미합니다. 디지타이저, 스캐너, 마우스는 모두 외부의 그림, 문서, 움직임 등을 디지털 정보로 변환하여 입력하는 장치입니다. 반면 플로터는 컴퓨터의 그래픽 데이터를 종이 등에 출력하는 출력장치이므로 입력장치에 해당하지 않습니다.

문제 43

벡터이미지방식에 관한 설명 중 틀린 것은?     
  1. 좌표값에 의해서 표현한다.
  2. 캐릭터를 그리는 작업에 적합하다.
  3. 깨끗한 이미지를 얻으려면 많은 용량이 요구된다.
  4. 확대나 축소할 때 이미지의 손상이 없다.
정답: 3

해설

벡터 이미지는 점, 선, 면과 같은 수학적 좌표값으로 이미지를 표현하므로 확대/축소 시 이미지 손상이 없고 깨끗한 이미지를 얻을 수 있습니다. 따라서 '깨끗한 이미지를 얻으려면 많은 용량이 요구된다'는 설명은 틀렸습니다. 벡터 이미지는 복잡한 사진보다는 로고나 캐릭터와 같이 단순한 형태의 그래픽 작업에 더 적합하며, 용량 또한 일반적으로 비트맵 이미지보다 작습니다.

문제 44

Fractal 이론을 도입하여 산의 표면, 복잡한 해안선, 구름 등 자연계의 복잡한 사물을 사실적으로 시뮬레이션 한 시기는 언제인가?     
  1. 1950년대
  2. 1960년대
  3. 1970년대
  4. 1980년대
정답: 4

해설

정답은 4번, 1980년대입니다. 이 시기에 프랙탈 이론이 컴퓨터 그래픽 기술과 결합되면서 산, 해안선, 구름과 같은 자연의 복잡한 형태를 사실적으로 시뮬레이션하는 것이 가능해졌습니다. 특히 프랙탈 기하학은 자기 유사성을 이용해 불규칙하고 복잡한 패턴을 수학적으로 표현하는 핵심 개념으로, 이를 통해 컴퓨터는 자연의 복잡성을 효과적으로 재현할 수 있었습니다.

문제 45

다음 중 웹디자인 프로세스(process)를 순차적으로 옳게 나열한 것은?     
  1. 프로젝트 기획 → 웹 사이트 기획 → 웹사이트 구축 → 유지 및 관리
  2. 프로젝트 기획 → 웹 사이트 구축 → 웹사이트 기획 → 유지 및 관리
  3. 웹 사이트 기획 → 웹사이트 구축 → 유지 및 관리 → 프로젝트 기획
  4. 프로젝트 기획 → 웹 사이트 구축 → 유지 및 관리 → 웹 사이트 기획
정답: 1

해설

웹디자인 프로세스는 일반적으로 **프로젝트 기획**으로 시작하여 **웹사이트 기획** 단계를 거칩니다. 이후 **웹사이트 구축**을 통해 실제 디자인과 기능을 구현하고, 마지막으로 **유지 및 관리**를 통해 웹사이트를 최신 상태로 유지합니다. 따라서 1번이 가장 논리적이고 순차적인 웹디자인 프로세스를 나타냅니다.

문제 46

다음 중 해상도의 단위로 맞는 것은?     
  1. CPC
  2. BPS
  3. PPM
  4. PPI
정답: 4

해설

해상도는 이미지나 디스플레이가 얼마나 많은 픽셀로 구성되어 있는지를 나타내는 척도입니다. 보기 중 **PPI(Pixels Per Inch)**는 1인치당 픽셀 수를 의미하며, 이는 화면의 선명도를 나타내는 해상도의 표준 단위입니다. 다른 보기들은 데이터 전송 속도(BPS), 인쇄 품질(PPM), 또는 다른 측정 단위와 관련이 있어 해상도와 직접적인 관련이 없습니다.

문제 47

중요한 장면이 들어가는 프레임이란 의미로 트위닝을 삽입 할 수 있는 것은?     
  1. 플립북
  2. 키 프레임
  3. 레이어
정답: 2

해설

정답은 2번 키 프레임입니다. 키 프레임은 애니메이션에서 중요한 변화가 일어나는 순간을 나타내는 프레임으로, 이 키 프레임 사이에 트위닝(tweening) 기법을 사용하여 중간 동작을 자동으로 생성함으로써 부드러운 움직임을 만들 수 있습니다. 즉, 중요한 장면을 설정하는 키 프레임에 트위닝을 적용하여 애니메이션을 완성하는 것입니다.

문제 48

다음과 같은 특징을 가지고 있는 파일 포맷의 종류는?          
  1. PDF
  2. DRW
  3. EPS
  4. XLS
정답: 3

해설

이 문제는 벡터 그래픽을 표현하는 파일 포맷을 묻고 있습니다. 정답인 EPS(Encapsulated PostScript)는 벡터 기반의 이미지 포맷으로, 확대해도 깨지지 않는 장점이 있습니다. PDF는 벡터와 래스터를 모두 지원하며, DRW는 주로 CAD 프로그램에서 사용되고, XLS는 스프레드시트 파일입니다.

문제 49

다음이 설명하고 있는 애니메이션 종류는?          
  1. 컷 아웃 애니메이션
  2. 스톱모션 애니메이션
  3. 투광 애니메이션
  4. 고우모션 애니메이션
정답: 1

해설

이 애니메이션은 종이, 천, 사진 등 평면적인 재료를 잘라 움직임을 만드는 **컷 아웃 애니메이션**입니다. 각 장면마다 재료를 조금씩 움직여 촬영하고 이를 이어붙여 마치 움직이는 것처럼 보이게 하는 것이 핵심입니다. 스톱모션 애니메이션의 한 종류로 볼 수도 있지만, 재료의 평면성과 자르는 방식에 초점을 맞춘 것이 특징입니다.

문제 50

디더링(Dithering)에 대한 설명으로 옳은 것은?     
  1. 제한된 컬러를 사용하여 본래의 높은 비트로 된 컬러의 효과를 최대한으로 내는 처리기법
  2. 사용자 팔레트를 사용하여 화면에 나타나는 모든 컬러의 종류를 바꾸는 기법
  3. 2가지 서로 다른 영상이나 3차원 모델 사이를 자연스럽게 결합시키는 처리 기법
  4. 기존의 비디오나 필름, 혹은 애니메이션 필름 위에 그림을 그리는 처리 기법
정답: 1

해설

디더링은 제한된 색상 수를 가진 환경에서 더 많은 색상처럼 보이게 하는 기술입니다. 이는 인접한 픽셀에 다른 색상을 배치하여 시각적으로 혼합 효과를 만들어내며, 결과적으로 원래의 풍부한 색감을 최대한 표현합니다. 따라서 1번이 디더링에 대한 옳은 설명입니다.

문제 51

현실이나 상상 속에서 제안되거나 계획된 일련의 사건들의 개략적인 줄거리를 말하며 스토리보드를 작성하는데 토대가 되는 것은?     
  1. 시나리오
  2. 플로우차트
  3. 가상현실
  4. 레이아웃 설정
정답: 1

해설

정답은 **1번 시나리오**입니다. 시나리오는 이야기의 전체적인 흐름과 사건 전개를 담고 있어, 이를 바탕으로 시각적인 구성을 위한 스토리보드를 작성하게 됩니다. 플로우차트는 작업 절차나 논리 흐름을 나타내고, 가상현실은 몰입형 경험을 제공하며, 레이아웃 설정은 시각적 배치에 관한 것이므로 이야기의 개략적인 줄거리를 나타내는 시나리오와 가장 관련이 깊습니다.

문제 52

기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따른다. 이를 보완하기 위해 만들어진 것은?     
  1. CGI
  2. JAVA
  3. DHTML
  4. CSS
정답: 4

해설

기존 HTML은 정적인 웹 페이지 제작에만 적합하여 동적인 디자인 변경이나 다양한 레이아웃 구현에 제약이 있었습니다. 이를 보완하기 위해 **CSS(Cascading Style Sheets)**가 등장하여 웹 페이지의 디자인과 레이아웃을 HTML 문서와 분리하여 관리할 수 있게 되었습니다. CSS를 사용하면 웹 문서의 시각적 표현을 더욱 풍부하고 유연하게 제어할 수 있으며, 디자인 변경도 용이해집니다.

문제 53

스트리밍방식으로 인터넷 방송에 사용하는 동영상 파일 포맷은?     
  1. *.AVI
  2. *.MOV
  3. *.ASF
  4. *.MPEG
정답: 3

해설

인터넷 방송에서 스트리밍 방식으로 사용되는 동영상 파일 포맷은 **ASF(*.ASF)**입니다. ASF는 마이크로소프트에서 개발한 멀티미디어 컨테이너 포맷으로, 실시간 스트리밍에 최적화되어 있어 인터넷 방송에 널리 사용됩니다. AVI나 MOV는 일반적인 동영상 파일 포맷이지만 스트리밍에 특화되지 않았고, MPEG는 동영상 압축 표준이지 파일 포맷 자체를 지칭하는 것은 아닙니다.

문제 54

컴퓨터그래픽스 역사에 대한 설명으로 틀린 것은?     
  1. 1세대 - 진공관 시대
  2. 2세대 - 트랜지스터 시대
  3. 3세대 - 스토리지형 CRT 시대
  4. 4세대 - LED 실용화 시대
정답: 4

해설

4번 보기가 틀렸습니다. 컴퓨터 그래픽스의 4세대는 LED 실용화 시대가 아니라 **마이크로프로세서 시대**로, 개인용 컴퓨터의 등장과 함께 그래픽 기술이 대중화되기 시작한 시기입니다. LED는 4세대 이후에 그래픽 디스플레이 기술 발전에 기여했지만, 4세대 자체를 정의하는 핵심 기술은 아닙니다.

문제 55

다음 파일 포맷에 대한 설명으로 맞는 것은?     
  1. EPS : GIF와 JPEG 파일 포맷의 장점을 이용한 웹 전용 이미지 파일
  2. TIFF : 매킨토시 환경에서 사용하는 표준 이미지 파일
  3. JPEG : GIF 파일 형식보다 다양한 색상 표현
  4. PNG : 인쇄 전용 파일 포맷
정답: 3

해설

정답은 3번 JPEG입니다. JPEG는 GIF보다 훨씬 많은 색상을 표현할 수 있어 사진과 같이 색상이 풍부한 이미지를 저장하는 데 적합합니다. EPS는 벡터 기반 파일로, 확대해도 깨지지 않는 장점이 있습니다. TIFF는 고품질 이미지 저장에 사용되며, PNG는 투명 배경 지원이 특징입니다.

문제 56

다음 ( )안에 들어갈 알맞은 용어는?          
  1. 앨리어싱(Aliasing)
  2. 안티-앨리어싱(Anti-Aliasing)
  3. 패터(Feather)
  4. 스타일(Style)
정답: 2

해설

정답은 2번 안티-앨리어싱(Anti-Aliasing)입니다. 안티-앨리어싱은 디지털 이미지에서 계단 현상(앨리어싱)을 완화하여 더 부드럽고 자연스러운 경계를 표현하는 기술입니다. 이는 픽셀의 경계선을 주변 픽셀과 유사한 색상으로 채워 시각적인 왜곡을 줄이는 방식으로 작동합니다.

문제 57

다음 중 컴퓨터그래픽스에 대한 설명으로 가장 거리가 먼 것은?     
  1. 컴퓨터를 이용한 도형이나. 화상을 작성하는 기술을 말한다.
  2. 2D, 3D의 의미를 포함하고 있지만 애니메이션은 제외 한다.
  3. 활용범위는 매우 폭 넓으면 유망한 첨단 분야가 되고 있다.
  4. 인간의 상상력을 무한히 가능하게 하는 방법 중 하나이다.
정답: 2

해설

정답은 2번입니다. 컴퓨터그래픽스는 2D, 3D 그래픽뿐만 아니라 애니메이션 제작까지 포함하는 광범위한 기술입니다. 따라서 애니메이션을 제외한다는 설명은 컴퓨터그래픽스의 본질과 거리가 멉니다. 컴퓨터그래픽스의 핵심 개념은 컴퓨터를 활용하여 시각적인 요소를 생성하고 조작하는 모든 기술을 포괄한다는 점입니다.

문제 58

그래픽 파일 형식에서 애니메이션을 지원하는 것은?     
  1. EPS
  2. GIF
  3. PSD
  4. PNG
정답: 2

해설

정답은 2번 GIF입니다. GIF는 여러 장의 이미지를 순차적으로 보여주는 애니메이션을 지원하는 파일 형식입니다. EPS, PSD, PNG는 주로 정적인 이미지 저장을 위해 사용되며, 애니메이션 기능은 지원하지 않습니다. 따라서 애니메이션을 표현할 수 있는 유일한 선택지는 GIF입니다.

문제 59

사용자가 웹 페이지를 쉽게 이동하고 탐색할 수 있도록 해주는 내비게이션 구조의 요소들에 대한 설명이 틀린 것은?     
  1. 이미지맵 : 웹사이트의 전체구조를 한눈에 알아볼 수 있도록 트리구조 형태로 만든 것으로 지도와 같은 역할을 한다.
  2. 사이트 메뉴바 : 웹사이트의 좌측이나 우측에 메뉴, 링크 등을 모아둔 것을 말한다.
  3. 디렉터리 : 주제나 항목을 가테고리 별로 계층적으로 표현하는 방식이다.
  4. 내비게이션 바 : 메뉴를 한 곳에 모아놓은 그래픽이나 문자열 모음을 말한다.
정답: 1

해설

정답은 1번 이미지맵입니다. 이미지맵은 이미지 내의 특정 영역을 클릭 가능한 링크로 만들어 웹 페이지를 탐색하게 하는 방식입니다. 문제에서 설명된 트리 구조의 전체 구조를 보여주는 것은 사이트맵(Sitemap)에 해당하며, 이미지맵과는 다릅니다. 따라서 이미지맵에 대한 설명이 틀렸습니다.

문제 60

다음 설명에 해당하는 애니메이션 종류는?          
  1. 트위닝(Tweening)
  2. 로토스코핑(Rotoscoping)
  3. 고러드 쉐이딩(Gouraud Shading)
  4. 모핑(Mprphing)
정답: 4

해설

정답은 4번 모핑(Morphing)입니다. 모핑은 한 이미지나 객체가 다른 이미지나 객체로 점진적으로 변해가는 애니메이션 기법입니다. 이는 두 형태 사이의 중간 단계를 계산하여 부드러운 전환 효과를 만들어냅니다. 따라서 설명에 해당하는 애니메이션 종류는 모핑입니다.

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

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

회차 전체 풀이

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

정답과 해설 선택

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

종이 시험지 출력

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

자주 묻는 질문

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

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

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

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

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

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

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

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