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

2012웹디자인기능사 5회차

60문제로 구성된 기출 시험

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

시험 문제

문제 1

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

해설

정답은 **1. 렌더링(RENDERING)**입니다. 렌더링은 3D 모델링 데이터를 바탕으로 빛, 재질, 그림자 등을 사실적으로 표현하여 완성된 제품의 모습을 시각적으로 보여주는 기법입니다. 이를 통해 실제 제품처럼 충실하고 정확한 완성 예상도를 얻을 수 있습니다.

문제 2

다음 중 주위색의 영향으로 오히려 인접색에 가깝게 느껴지는 현상을 의미하는 것은?    
  1. 대비 현상
  2. 동화 현상
  3. 색의 수축성
  4. 중량 현상
정답: 2

해설

정답은 2번 동화 현상입니다. 동화 현상은 주변 색의 영향을 받아 본래의 색과는 다르게 느껴지는 현상으로, 인접한 색과 비슷하게 보이는 것을 의미합니다. 대비 현상은 반대로 인접한 색과 차이가 더 크게 느껴지는 현상입니다.

문제 3

다음 중 무엇을 구하는 도형인가?        
  1. 심메트리
  2. 황금분할
  3. 루트구형
  4. 아심메트리
정답: 2

해설

이 문제는 주어진 도형이 무엇을 나타내는지 묻고 있습니다. 정답은 2번 '황금분할'이며, 이는 고대 그리스부터 미학적으로 아름답다고 여겨지는 비율을 의미합니다. 황금분할은 자연, 예술, 건축 등 다양한 분야에서 발견되며, 안정감과 조화로움을 부여하는 핵심 개념입니다.

문제 4

다음 중 실내 공간을 목적별로 분류한 대상이 아닌 것은?    
  1. 생활 공간 (living space)
  2. 가구 공간 (furniture space)
  3. 공공 공간 (public space)
  4. 작업 공간 (work space)
정답: 2

해설

실내 공간을 목적별로 분류할 때, '가구 공간'은 일반적으로 사용되는 분류 대상이 아닙니다. 나머지 보기들은 공간의 용도나 기능에 따라 명확하게 구분되는 실내 공간의 목적별 분류에 해당합니다. 따라서 가구 공간은 실내 공간의 목적별 분류 대상이 아닙니다.

문제 5

망막에 다른 색광이 혼합되는 현상으로 색 점이 서로 가깝게 있어 명도와 채도가 떨어지지 않는 혼합방식은?    
  1. 보색혼합
  2. 병치혼합
  3. 가산혼합
  4. 감산혼합
정답: 2

해설

정답은 2번 **병치혼합**입니다. 병치혼합은 색 점들이 망막에 가까이 붙어있을 때, 각 색광이 개별적으로 인식되면서도 전체적으로는 하나의 색처럼 보이게 하는 혼합 방식입니다. 이 과정에서 색 점들이 서로 겹치지 않고 독립적으로 존재하기 때문에 명도와 채도가 떨어지지 않고 선명하게 유지됩니다.

문제 6

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

해설

그림에서 두 선분의 길이가 실제로는 같지만, 주변의 화살표 모양 때문에 다르게 보이는 것은 길이의 착시입니다. 이는 뇌가 선분의 끝부분에 있는 화살표의 방향을 해석하면서 실제 길이보다 길거나 짧게 인식하는 현상입니다. 즉, 주변 자극이 대상의 실제 크기나 길이에 대한 인식을 왜곡하는 것입니다.

문제 7

기계화와 대량생산에 의한 생활 용품의 품질 저하에 반대하여 윌리엄 모리스를 중심으로 영국에서 일어난 것은?    
  1. 산업혁명
  2. 아르 누보
  3. 미술공예운동
  4. 대규모생산운동
정답: 3

해설

정답은 3번 미술공예운동입니다. 미술공예운동은 윌리엄 모리스를 중심으로 산업혁명으로 인한 기계화와 대량생산으로 생활 용품의 품질이 저하되는 것에 반대하며 일어났습니다. 이 운동은 수공예의 가치를 재조명하고, 예술과 생활을 통합하여 아름답고 실용적인 제품을 만들고자 했습니다.

문제 8

다음 중 색의 주목성에 관한 설명으로 틀린 것은?    
  1. 명시성이 높은 색은 주목성도 높아지게 된다.
  2. 주목성은 색이 우리의 시선을 끄는 힘을 말한다.
  3. 차가운 한색은 따뜻한 난색보다 주목성이 높다
  4. 명도와 채도가 높은 색은 주목성이 높다.
정답: 3

해설

정답은 3번입니다. 주목성은 색이 우리의 시선을 끄는 힘을 의미하며, 일반적으로 명도와 채도가 높은 색이 주목성이 높습니다. 하지만 색의 온도감(난색 vs 한색)과 주목성의 관계는 복잡하며, 일반적으로 한색이 난색보다 주목성이 높다고 단정하기 어렵습니다. 오히려 난색 계열의 강렬한 색이 더 높은 주목성을 가질 수도 있습니다.

문제 9

1, 2, 4, 8, 16 ...과 같이 이웃하는 두 항의 비가 일정한 수열은?    
  1. 등차수열
  2. 등비수열
  3. 피보나치수열
  4. 조화수열
정답: 2

해설

주어진 수열은 1, 2, 4, 8, 16...으로, 각 항은 이전 항에 2를 곱한 값입니다. 즉, 이웃하는 두 항의 비가 항상 2로 일정합니다. 이러한 수열을 **등비수열**이라고 합니다. 등차수열은 항 간의 차이가 일정한 수열이고, 피보나치수열은 앞의 두 항을 더한 값이 다음 항이 되는 수열이며, 조화수열은 역수가 등차수열을 이루는 수열입니다. 따라서 정답은 2번 등비수열입니다.

문제 10

1931년 국제조명위원회에서 가산 혼합 원리로 물리적인 빛의 혼합을 기초로 하는 표색계는?     
  1. CIE 표색계
  2. 오스트발트(OSTWALD) 표색계
  3. 맥스웰(MAXWELL) RGB 표색계
  4. 먼셀(MUNSELL) 표색계
정답: 1

해설

1931년 국제조명위원회(CIE)에서 채택된 CIE 표색계는 인간의 시각 시스템이 빛을 어떻게 인지하는지에 대한 연구를 바탕으로 만들어졌습니다. 이는 가산 혼합 원리를 물리적인 빛의 혼합에 적용하여 색을 객관적으로 표현하는 최초의 표준 표색계입니다. 따라서 물리적인 빛의 혼합을 기초로 하는 표색계는 CIE 표색계입니다.

문제 11

다음이 설명하고 있는 디자인 원리는?          
  1. 주도와 종속
  2. 비례와 균형
  3. 리듬과 율동
  4. 유사와 대비
정답: 1

해설

이 디자인 원리는 **주도와 종속**입니다. 이는 디자인 요소들 간의 중요도 차이를 두어 시선을 자연스럽게 유도하는 원리입니다. 가장 중요한 요소(주도)가 눈에 띄게 배치되고, 나머지 요소들(종속)은 이를 보조하며 조화롭게 구성됩니다. 이를 통해 전체 디자인의 메시지를 효과적으로 전달하고 시각적인 계층 구조를 형성합니다.

문제 12

다음이 설명하는 색입체 모형은?          
  1. 오스트라발트 색입체
  2. 문 스펜서의 색입체
  3. 먼셀의 색입체
  4. 영 핼름훌쯔의 색입체
정답: 3

해설

이 문제는 색을 입체적으로 표현하는 모형에 대한 이해를 묻고 있습니다. 정답은 3번 먼셀의 색입체입니다. 먼셀의 색입체는 색상을 **색상(Hue)**, **명도(Value)**, **채도(Chroma)**라는 세 가지 차원으로 나누어 3차원 공간에 표현합니다. 이 모형은 색의 객관적인 측정을 가능하게 하여 색채학 및 디자인 분야에서 널리 활용됩니다.

문제 13

다음 색체계열 중 피를 많이 보는 수술실과 같은 공간에 가장 알맞은 것은?     
  1. 갈색계열
  2. 무채색계열
  3. 녹색계열
  4. 보라색계열
정답: 3

해설

정답은 3번 녹색 계열입니다. 녹색은 눈의 피로를 줄여주고, 혈액의 붉은색과 대비되어 수술 중 혈액을 더 선명하게 인지하도록 돕는 효과가 있습니다. 이는 수술실 환경에서 집중력 유지와 정확한 판단을 돕는 중요한 색채 심리적 효과입니다.

문제 14

면의 한계나 교차에서 생기는 것으로 직접 지각되지 못하는 것은?     
  1. 네거티브 점
  2. 포지티브 점
  3. 포지티브 선
  4. 네거티브 선
정답: 4

해설

정답은 4번 네거티브 선입니다. 네거티브 선은 시각적으로 직접 드러나지 않지만, 대상의 윤곽선이나 경계를 형성하는 빈 공간이나 배경을 의미합니다. 이는 게슈탈트 심리학의 '닫힘의 법칙'과 관련이 깊으며, 우리의 뇌가 불완전한 정보를 바탕으로 완전한 형태를 인식하도록 돕는 역할을 합니다.

문제 15

다음 설명과 같은 특성을 가지는 선(line)은?          
  1. 직선
  2. 절선
  3. 점선
  4. 곡선
정답: 4

해설

주어진 설명은 점들이 끊어지지 않고 부드럽게 이어져 굽어진 형태를 나타냅니다. 이러한 특성은 **곡선**의 정의와 일치합니다. 직선은 곧게 뻗은 선이며, 절선은 직선의 일부를 나타냅니다. 점선은 끊어진 선이므로 설명과 맞지 않습니다. 따라서 정답은 곡선입니다.

문제 16

다음 중 쓴맛을 나타내는 색은?     
  1. 검정
  2. 주황
  3. 회색
  4. 파랑
정답: 4

해설

이 문제는 맛과 색깔 간의 연관성을 묻는 문제입니다. 일반적으로 사람들은 특정 맛을 특정 색깔과 연관 짓는 경향이 있으며, 이는 문화적 경험이나 생리적 반응에 의해 형성될 수 있습니다. 쓴맛은 종종 어둡거나 차가운 색상과 연관되는 경향이 있는데, 보기 중 파란색이 이러한 연관성을 가장 잘 나타냅니다.

문제 17

색의 활용 효과에 대한 설명으로 틀린 것은?     
  1. 밝은 바탕에 어두운 색 글자보다 어두운 바탕에 밝은 색 글자가 더 굵고 커 보인다.
  2. 같은 크기의 검정색 상자와 흰색 상자를 비교하면 흰색 상자가 더 가볍게 느껴진다.
  3. 천장을 좀 더 높게 보이게 하려면 벽면과 동일계열의 고명도 색을 천장에 칠한다.
  4. 상의를 하의보다 더 어두운 색상으로 하면 키가 더 커 보인다.
정답: 4

해설

정답은 4번입니다. 어두운 색은 시각적으로 수축되어 보이는 효과가 있어, 상의를 어둡게 입으면 오히려 몸이 더 작아 보이거나 키가 작아 보일 수 있습니다. 반대로 밝은 색은 팽창되어 보이는 효과가 있습니다. 따라서 키를 커 보이게 하려면 밝은 색의 상의를 입는 것이 더 효과적입니다.

문제 18

색과 색체에 대한 설명으로 옳은 것은?     
  1. 색은 심리적 현상을 말한다.
  2. 색채는 물리적 현상을 말한다.
  3. 색은 무채색을 포함하지 않는다.
  4. 색채는 유채색을 말한다.
정답: 4

해설

정답은 4번입니다. **색채**는 빛의 파장에 따라 우리 눈에 감지되는 **유채색**을 의미합니다. 반면 **색**은 이러한 유채색뿐만 아니라 흰색, 검은색, 회색과 같은 **무채색**까지 포함하는 더 넓은 개념입니다. 따라서 색채는 유채색만을 지칭하는 반면, 색은 유채색과 무채색 모두를 포괄합니다.

문제 19

생동감 있는 형태를 창조하여 시야가 형태와 구성 주변을 따라 움직이도록 하는 디자인 원리는?     
  1. 대칭
  2. 비대칭
  3. 통일
  4. 비례
정답: 2

해설

정답은 2번 비대칭입니다. 비대칭은 시각적 무게를 불균등하게 배치하여 보는 이의 시선이 자연스럽게 디자인 요소 사이를 이동하도록 유도합니다. 이는 형태와 구성 주변을 따라 움직이는 역동적인 시각적 흐름을 만들어 생동감 있는 느낌을 줍니다.

문제 20

디자인 의미에 대한 설명으로 옳지 않은 것은?     
  1. 넓은 의미로 심적 계획(a mental plan)이다.
  2. 좁은 의미로는 보다 사용하기 쉽고 안전하며, 아름답고, 쾌적한 생활환경을 창조하는 조형행위이다.
  3. 사전적의미로 라틴어의 ‘designare'와 같이 ’지시하다, 계획을 세우다, 스케치를 하다‘ 등의 의미로 사용된다.
  4. 도안(圖案)또는 의장(意匠)을 말하며, 주어진 목적에 관계없이 비실체적인 행위의 총체이다.
정답: 4

해설

정답 4번은 디자인이 단순히 비실체적인 행위의 총체가 아니라, **주어진 목적을 달성하기 위한 구체적인 결과물**을 포함한다는 점에서 옳지 않습니다. 디자인은 사용성, 안전성, 심미성 등을 고려하여 **실질적인 문제 해결과 가치 창출**을 목표로 하는 행위입니다. 따라서 주어진 목적과 무관하다는 설명은 디자인의 핵심적인 의미를 간과한 것입니다.

문제 21

IPv6 주소체계에 대한 설명으로 가장 거리가 먼 것은?     
  1. 64bit의 확장된 주소 공간을 제공한다.
  2. 라우터의 라우팅 테이블에 오버플로우 현상을 제거하여 라우팅 능력을 개선한다.
  3. IPSEG을 통하여 보안의 취약점을 찾아낼 수 있다.
  4. QoS(Quality of Service) 제어기능을 지원한다.
정답: 1

해설

IPv6는 128비트의 주소 공간을 제공하여 64비트의 IPv4보다 훨씬 확장된 주소 공간을 제공합니다. 따라서 1번 보기는 IPv6의 특징과 거리가 멉니다. IPv6는 라우팅 테이블 크기 감소, 보안 강화, QoS 지원 등 다양한 장점을 가지고 있습니다.

문제 22

상호작용을 지원하는 웹 페이지 제작을 위한 CGI의 설명으로 틀린 것은?     
  1. 웹 브라우저와 웹서버, 응용프로그램 간의 일종의 인터페이스이다.
  2. 방명록이나 카운터, 게시판 등에 사용된다.
  3. 사용자에게 일방적인 정보제공을 하기 위해 사용된다.
  4. HTML의 < FORM>태그를 이용하여 CGI 프로그램으로 데이터를 전달한다.
정답: 3

해설

CGI는 웹 브라우저와 웹 서버, 그리고 외부 응용 프로그램 간의 인터페이스 역할을 하여 동적인 웹 페이지 제작을 가능하게 합니다. 방명록, 게시판 등 사용자 상호작용이 필요한 곳에 주로 사용되며, HTML 폼 등을 통해 사용자 입력을 받아 처리합니다. 따라서 사용자에게 일방적인 정보만 제공하는 데 사용된다는 설명은 틀렸습니다.

문제 23

네트워크를 통해 데이터 통신을 실행하는데 사용되는 일련의 규칙을 무엇이라고 하는가?     
  1. 호스트
  2. 서버
  3. 프로토콜
  4. 토폴로지
정답: 3

해설

네트워크를 통해 데이터 통신을 원활하게 하기 위해서는 서로 약속된 규칙들이 필요합니다. 이러한 규칙들의 집합을 **프로토콜**이라고 합니다. 프로토콜은 데이터의 형식, 전송 방식, 오류 처리 방법 등을 정의하여 장치들이 서로 이해하고 통신할 수 있도록 합니다. 보기 중에서 이 정의에 해당하는 것은 3번 프로토콜입니다.

문제 24

다음 중 인터넷에서 사용하고 있는 통신 프로토콜은?     
  1. TCP/IP
  2. DNS
  3. 100 Base
  4. cat 5
정답: 1

해설

인터넷은 데이터를 주고받기 위해 **TCP/IP**라는 통신 규약을 사용합니다. TCP/IP는 데이터를 작은 조각으로 나누고(TCP), 이 조각들을 목적지까지 안전하게 전달하며(IP), 인터넷상의 모든 기기가 서로 통신할 수 있도록 하는 핵심적인 역할을 합니다. DNS는 웹사이트 주소를 IP 주소로 바꿔주는 역할을 하고, 100 Base와 cat 5는 네트워크 케이블 규격으로 통신 프로토콜과는 다릅니다.

문제 25

인터넷의 기본 통신규약인 TCP/IP의 개발에 기초가 된 미국 국방성의 네트워크는?     
  1. NSFNET
  2. ARPANET
  3. BITNET
  4. CSNET
정답: 2

해설

정답은 2번 ARPANET입니다. ARPANET은 미국 국방부 산하의 고등연구계획국(ARPA)에서 개발한 네트워크로, 패킷 교환 방식과 분산 네트워크 구조 등 인터넷의 핵심 기술을 실험하고 발전시키는 데 중요한 역할을 했습니다. 이러한 ARPANET의 기술적 성과는 이후 TCP/IP 프로토콜 개발의 기반이 되어 오늘날 인터넷의 근간을 이루게 되었습니다.

문제 26

웹 브라우저(Web Browser)의 종류가 아닌 것은?     
  1. Mosaic
  2. Opera
  3. Leno
  4. Safari
정답: 3

해설

정답은 3번 Leno입니다. Mosaic, Opera, Safari는 모두 웹 브라우저의 종류이지만, Leno는 웹 브라우저가 아니라 영국의 유명한 토크쇼 진행자입니다. 따라서 웹 브라우저의 종류에 해당하지 않는 것은 Leno입니다.

문제 27

웹 브라우저에 대한 설명으로 틀린 것은?     
  1. 인터넷 웹서버에 저장된 하이퍼텍스트와 하이퍼미디어 정보를 불러와서 사용자의 컴퓨터 화면에 보여주는 역할을 하는 프로그램이다.
  2. 인터넷 익스플로러 5.0이상의 버전에서 쿠키 거부 기능을 추가하였다.
  3. HTML 이외의 형식의 정보를 다루기 위해 자체적으로 CGI 프로그램을 사용한다.
  4. 기본적으로 HTTP 프로토콜을 사용한 웹서비스를 제공하지만 FTP, Usenet, 전자우편 등의 서비스도 함께 제공한다.
정답: 3

해설

웹 브라우저는 인터넷상의 정보를 사용자에게 보여주는 프로그램입니다. 3번 보기가 틀린 이유는 웹 브라우저는 HTML 외의 정보를 다루기 위해 플러그인이나 외부 프로그램을 사용하며, 자체적으로 CGI 프로그램을 실행하는 것이 아니라 서버에서 실행된 CGI 결과를 받아 표시하는 역할을 하기 때문입니다.

문제 28

인터넷 정보검색 방법으로 적절하지 않은 것은?     
  1. 단어별 검색엔진은 초보자가 사용하기에 용이하다.
  2. 검색하고자 하는 정보에 적합한 검색엔진을 선택한다.
  3. 검색엔진을 사용할 경우 정확한 검색어를 선정한다.
  4. 해당하는 검색엔진의 기능을 충분히 숙지한다.
정답: 1

해설

## 정답 이유 및 핵심 개념 설명 **정답: 1번** **이유:** 단어별 검색 엔진은 단순히 입력된 단어와 일치하는 결과를 보여주므로, 초보자가 원하는 정보를 정확하게 찾기 어렵습니다. 오히려 복잡한 검색어 조합이나 다양한 검색 연산자를 활용하는 고급 검색 기능이 특정 정보를 효율적으로 찾는 데 더 유용할 수 있습니다. **핵심 개념:** * **검색 엔진의 종류와 활용:** 검색 엔진은 단순 키워드 검색부터 논리 연산자, 구문 검색 등 다양한 기능을 제공합니다. * **정보 검색 효율성:** 원하는 정보를 빠르고 정확하게 찾기 위해서는 검색 엔진의 기능을 이해하고 적절한 검색어를 사용하는 것이 중요합니다.

문제 29

자바스크립트에 대한 설명으로 옳지 않은 것은?     
  1. HTML 문서에 포함되어 실행되는 스크립트언어이다.
  2. 동적인 웹 페이지를 작성할 수 있도록 해준다.
  3. 모든 플랫폼에서 인터프리터에 의해 실행이 가능하다.
  4. 컴파일 과정을 통하여 스크립트를 직접 실행하는 인터프리터 언어이다.
정답: 4

해설

자바스크립트는 웹 브라우저에서 **인터프리터에 의해 바로 실행되는 스크립트 언어**입니다. 따라서 4번 보기처럼 별도의 컴파일 과정을 거쳐 실행되는 것이 아니라, 코드를 한 줄씩 해석하며 실행합니다. 1, 2, 3번은 자바스크립트의 특징을 올바르게 설명하고 있습니다.

문제 30

웹 문서에 mp3 사운드 파일을 삽입하여 재생되도록 하고자 할 때 사용되는 태그는?     
  1. 〈IMG〉
  2. 〈EMBED〉
  3. 〈BK〉
  4. 〈MP3〉
정답: 2

해설

웹 문서에서 mp3 사운드 파일을 삽입하고 재생하려면 `` 태그를 사용합니다. 이 태그는 다양한 종류의 외부 콘텐츠를 웹 페이지에 포함시키는 데 사용되며, mp3 파일의 경우 ``와 같이 속성을 지정하여 삽입할 수 있습니다. `` 태그는 이미지를 삽입하는 데 사용되며, ``나 `` 태그는 표준 HTML 태그가 아닙니다.

문제 31

자바스크립트의 내장함수에 해당되지 않는 것은?     
  1. fun define()
  2. eval()
  3. parselnt()
  4. escape()
정답: 1

해설

자바스크립트의 내장 함수는 언어 자체에 기본적으로 포함되어 있어 별도의 선언 없이 사용할 수 있는 함수입니다. `eval()`, `parseInt()`, `escape()`는 모두 자바스크립트의 내장 함수입니다. 반면에 `fun define()`은 자바스크립트의 문법에 맞지 않는 표현으로, 내장 함수가 아닙니다.

문제 32

웹 페이지 제작 시 배경 색상 설정이 흰색으로 지정되지 않는 것은?     
  1. 〈BODY bgcolor="#ffffff"〉
  2. 〈BODY bgcolor="white"〉
  3. 〈BODY bgcolor="ffffff"〉
  4. 〈BODY bgcolor="#000000"〉
정답: 4

해설

정답은 4번입니다. 웹 페이지의 배경 색상은 HTML의 `BODY` 태그에 `bgcolor` 속성을 사용하여 지정하는데, 이때 색상 값은 일반적으로 16진수 코드(예: `#ffffff`는 흰색) 또는 미리 정의된 색상 이름(예: `white`)으로 표현됩니다. 3번처럼 `#` 기호가 없거나 16진수 코드가 아닌 경우, 또는 4번처럼 검은색(`"#000000"`)을 지정하면 흰색으로 설정되지 않습니다.

문제 33

웹페이지를 만들기 위해 사용되는 프로그램 중 클라이언트 측에서 수행되는 것은?     
  1. ASP
  2. JSP
  3. JavaScript
  4. PHP
정답: 3

해설

웹페이지를 만드는 데 사용되는 프로그램 중 클라이언트 측에서 실행되는 것은 **JavaScript**입니다. ASP, JSP, PHP는 서버 측에서 실행되어 동적인 웹페이지를 생성하는 데 사용되는 반면, JavaScript는 웹 브라우저(클라이언트)에서 직접 실행되어 웹페이지의 동작을 제어하고 사용자 인터페이스를 동적으로 변경하는 역할을 합니다. 따라서 사용자가 웹페이지를 볼 때 브라우저에서 바로 처리되는 것이 JavaScript입니다.

문제 34

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

해설

정답은 4번 F11입니다. F11 키는 웹 브라우저의 전체 화면 모드를 토글하는 단축키로, 화면 해상도를 변경하지 않고 웹 페이지를 더 크게 표시하여 스크롤 없이 내용을 볼 수 있게 합니다. 따라서 1024×768로 최적화된 사이트도 F11을 누르면 화면에 꽉 차게 보이게 됩니다.

문제 35

다음 중 미디어 데이터를 처리하고 재생함으로서 웹 브라우저의 기능을 확장시켜 주는 것은?     
  1. 쿠키
  2. 플러그인
  3. 책갈피
  4. 다이어그램
정답: 2

해설

정답은 2번 플러그인입니다. 플러그인은 웹 브라우저 자체에는 없는 기능을 추가해주는 소프트웨어로, 미디어 데이터를 처리하고 재생하는 데 필요한 코덱이나 렌더링 엔진 등을 제공하여 웹 브라우저의 기능을 확장시켜 줍니다. 쿠키는 웹사이트 방문 기록을 저장하는 것이고, 책갈피는 자주 방문하는 웹사이트를 저장하는 기능이며, 다이어그램은 정보를 시각적으로 표현하는 도구이므로 문제와는 관련이 없습니다.

문제 36

주제별 검색엔진으로 카테고리에 의한 체계적인 링크 정보를 제공하는 검색엔진은?     
  1. 메타 검색엔진
  2. 디렉터리형 검색엔진
  3. 하이브리드형 검색엔진
  4. 에이전트 검색엔진
정답: 2

해설

정답은 2번, 디렉터리형 검색엔진입니다. 디렉터리형 검색엔진은 사람이 직접 웹사이트를 주제별로 분류하고 계층적인 카테고리를 만들어 체계적인 링크 정보를 제공합니다. 이는 사용자가 원하는 정보를 카테고리를 따라 탐색하며 찾을 수 있도록 돕는 핵심 개념입니다.

문제 37

HTML 문서의 입력 양식 필드에서 값이 바뀌었을 때 처리해주는 자바스크립트의 이벤트 함수는?     
  1. OnChange()
  2. OnClick()
  3. OnLoad()
  4. OnSelect()
정답: 1

해설

HTML 입력 양식 필드의 값이 변경되었을 때 자바스크립트에서 이를 감지하고 처리하는 이벤트는 `onchange`입니다. `onchange` 이벤트는 `input`, `select`, `textarea`와 같은 폼 요소의 값이 사용자에 의해 변경되고 포커스를 잃었을 때 발생합니다. 따라서 정답은 1번 `onchange()`입니다.

문제 38

HTML 태그의 설명으로 틀린 것은?     
  1. 〈I〉 … 〈/I〉 : 이탤릭체를 보여준다.
  2. 〈OL〉 … 〈/OL〉 : 순서를 매기지 않은 목록을 작성할 때 사용한다.
  3. 〈CENTER〉 … 〈/CENTER〉 : 태그사이에 있는 문단을 가운데로 정렬한다.
  4. 〈BR〉 : 줄을 바꿀 때에 사용한다.
정답: 2

해설

정답은 2번입니다. `
    ` 태그는 순서가 있는 목록(Ordered List)을 만들 때 사용하며, 일반적으로 번호가 매겨진 목록을 나타냅니다. 순서를 매기지 않은 목록은 `
      ` 태그를 사용합니다. 따라서 `
        ` 태그의 설명이 틀렸습니다.

문제 39

OSI 7계층 중 직접 연결된 시스템간의 오류 없는 데이터 전송을 담당하며 네트워크 계층에 서비스를 제공해 주는 역할을 하는 것은?     
  1. 물리 계층
  2. 데이터 링크 계층
  3. 전송 계층
  4. 응용 계층
정답: 2

해설

정답은 2번 데이터 링크 계층입니다. 데이터 링크 계층은 물리적인 회선을 통해 직접 연결된 두 시스템 간에 신뢰성 있는 데이터 전송을 담당합니다. 오류 검출 및 복구 기능을 제공하여 상위 계층인 네트워크 계층이 오류 없는 데이터를 받을 수 있도록 보장하는 역할을 수행합니다.

문제 40

HTML 문서의 구조에 대한 설명이 올바르지 않은 것은?     
  1. 태그라 불리는 코드들로 구성된다.
  2. 메모장과 같은 일반적인 에디터나 워드프로세서를 통하여 작성한다.
  3. HTML을 이용하여 제작한 문서의 확장자는 *.htm 또는 *.http 이다.
  4. 〈HTML〉로 시작해서 〈/HTML〉로 종료한다.
정답: 3

해설

HTML 문서는 `<`와 `>`로 둘러싸인 **태그**들로 구성되며, 일반 텍스트 에디터로 작성할 수 있습니다. HTML 문서는 ``로 시작하여 ``로 종료하는 구조를 가집니다. 하지만 HTML 문서의 확장자는 `.htm` 또는 `.html`이며, `.http`는 웹 통신 프로토콜을 나타내므로 3번이 틀린 설명입니다.

문제 41

2차원 이미지를 3차원 이미지로 대응시키는 텍스처 매핑(Texture Mapping)이 개발된 년도는?     
  1. 1971년
  2. 1974년
  3. 1976년
  4. 1979년
정답: 2

해설

텍스처 매핑은 2차원 이미지를 3차원 모델에 입혀 사실감을 더하는 기술입니다. 이 기술은 1974년 캘리포니아 대학교 버클리 캠퍼스의 에드 캣멀(Ed Catmull)에 의해 처음 개발되었습니다. 텍스처 매핑은 컴퓨터 그래픽스의 발전에 지대한 영향을 미쳤으며, 현재까지도 게임, 영화 등 다양한 분야에서 널리 활용되고 있습니다.

문제 42

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

해설

정답은 4번 컷 아웃 애니메이션입니다. 컷 아웃 애니메이션은 종이나 천, 종이 인형 등 평평한 재료를 오려내어 2차원 평면에서 움직이며 촬영하는 기법입니다. 클레이나 인형처럼 입체적인 재료를 사용하는 것과 달리, 2차원 평면의 이미지를 움직여 만드는 것이 특징입니다.

문제 43

디지털 이미지를 구성하는 최소 단위를 일컫는 용어는?     
  1. 픽셀(Pixel)
  2. 디스플레이(Display)
  3. 비트맵(Bitmap)
  4. 오브젝트(Object)
정답: 1

해설

디지털 이미지를 구성하는 가장 작은 점 하나하나를 **픽셀(Pixel)**이라고 합니다. 각 픽셀은 고유한 색상 정보를 가지고 있으며, 이러한 픽셀들이 모여 우리가 보는 이미지를 형성합니다. 따라서 디지털 이미지를 구성하는 최소 단위는 픽셀입니다.

문제 44

컴퓨터의 그래픽 이미지의 보정 및 수정의 과정으로 거리가 먼 것은?     
  1. 크로핑(Cropping)을 한다.
  2. 노이즈(Noise)를 삭제한다.
  3. 컬러(Color)를 조절한다.
  4. 윤곽선(Outline)을 흐리게 한다.
정답: 4

해설

그래픽 이미지 보정 및 수정은 이미지의 품질을 향상시키거나 의도한 표현을 위해 이루어집니다. 크로핑, 노이즈 삭제, 컬러 조절은 모두 이미지의 시각적인 요소를 직접적으로 개선하거나 변경하는 일반적인 수정 과정입니다. 반면, 윤곽선을 흐리게 하는 것은 이미지의 세부적인 표현을 부드럽게 만드는 과정일 수는 있으나, 이미지 자체의 보정이나 수정과는 거리가 먼 작업으로 볼 수 있습니다.

문제 45

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

해설

정답은 3번 레스터 그래픽스입니다. 레스터 그래픽스는 이미지를 격자 형태로 배열된 수많은 작은 점, 즉 픽셀들의 집합으로 표현합니다. 각 픽셀은 고유한 색상 정보를 가지며, 이 픽셀들이 모여 전체 이미지를 구성합니다. 따라서 이미지를 선분이 아닌 픽셀 배열로 처리하는 방식은 레스터 그래픽스에 해당합니다.

문제 46

움직임이 없는 무생물적인 존재를 여러 번에 걸쳐 변형을 시키고 이를 연속 촬영 또는 기타 영상적 기법을 이용하여 마치 움직이는 것처럼 눈의 착각을 일으키도록 하는 기술은?     
  1. 렌더링
  2. 모델링
  3. 크로마키
  4. 애니메이션
정답: 4

해설

정답은 4번 애니메이션입니다. 애니메이션은 움직임이 없는 물체를 조금씩 변화시켜 연속적으로 보여줌으로써 마치 살아 움직이는 것처럼 보이게 하는 영상 기법입니다. 이는 여러 장의 그림이나 사진을 빠르게 연속해서 보여주는 잔상 효과를 이용합니다.

문제 47

웹 그래픽 디자인 제작기법에서 이미지를 표현하는 단계를 순서적으로 옳게 나열한 것은?     
  1. 이미지 구성 → 도구 선택 → 색상 선택 → 이미지 표현
  2. 이미지 구성 → 이미지 표현 → 색상 선택 → 도구 선택
  3. 이미지 구성 → 이미지 표현 → 도구 선택 → 색상 선택
  4. 이미지 구성 → 색상 선택 → 이미지 표현 → 도구 선택
정답: 1

해설

이미지 표현 단계는 먼저 **이미지를 어떻게 구성할지 구상**하는 것에서 시작합니다. 그다음, 해당 구상을 실현하기 위한 **적절한 도구를 선택**하고, 이미지에 **어울리는 색상을 결정**합니다. 마지막으로, 선택한 도구와 색상을 활용하여 **실제로 이미지를 표현**하는 순서로 진행됩니다. 따라서 1번이 가장 논리적인 흐름을 나타냅니다.

문제 48

다음 설명에 알맞은 보조기억 장치는?          
  1. 자기 테이프
  2. 자기 디스크
  3. 플로피 디스크
  4. 광 디스크
정답: 1

해설

주어진 설명이 없으므로 일반적인 보조기억 장치의 특징을 바탕으로 추론하여 설명하겠습니다. **해설:** 자기 테이프는 순차 접근 방식의 저장 장치로, 대용량 데이터를 저렴하게 저장하는 데 사용됩니다. 데이터가 순서대로 기록되어 있어 원하는 데이터를 찾기까지 시간이 오래 걸리는 단점이 있습니다. 따라서 빠른 접근 속도가 중요하지 않은 백업이나 아카이빙 용도로 주로 활용됩니다.

문제 49

웹디자인 프로세스 Pre-Production 중 단계에 해당되지 않는 것은?     
  1. 디자인 계획 수립
  2. 동영상 제작
  3. 콘셉트 구상
  4. 디자인 구체화
정답: 2

해설

웹디자인 프로세스 Pre-Production 단계는 웹사이트 제작 전 기획 및 준비를 하는 과정입니다. 디자인 계획 수립, 콘셉트 구상, 디자인 구체화는 모두 이 단계에 포함됩니다. 반면, 동영상 제작은 실제 웹사이트 콘텐츠를 만드는 Production 단계에 해당하므로 Pre-Production 단계에 속하지 않습니다.

문제 50

3차원 그래픽 과정 중 매핑의 정의로 올바른 것은?     
  1. 실제사진과 그려진 애니메이션을 결합시키는 것이다.
  2. 3차원의 입체물을 제작하고 공간속에 이를 배치하는 것이다.
  3. 모델링된 각 물체의 표면에 고유한 재질감을 부여하는 것이다.
  4. 광원과 카메라의 속성을 부여하여 이를 사실적인 이미지로 묘사하는 것이다.
정답: 3

해설

3차원 그래픽에서 매핑은 모델링된 3D 객체의 표면에 질감(텍스처)을 입혀 사실감을 더하는 과정입니다. 이는 마치 실제 물체에 종이나 천을 붙여 표면의 디테일을 표현하는 것과 유사합니다. 따라서 3번 "모델링된 각 물체의 표면에 고유한 재질감을 부여하는 것이다"가 매핑의 정의로 가장 올바릅니다.

문제 51

다음이 설명하고 있는 그래픽 파일 포맷은?          
  1. GIF
  2. PNG
  3. JPEG
  4. BMP
정답: 3

해설

이 문제는 이미지 압축 방식에 대한 이해를 묻고 있습니다. 정답은 JPEG로, JPEG는 사진과 같이 색상이 풍부하고 복잡한 이미지를 효율적으로 압축하는 데 특화된 포맷입니다. 손실 압축 방식을 사용하여 파일 크기를 크게 줄일 수 있지만, 압축 과정에서 약간의 정보 손실이 발생합니다.

문제 52

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

해설

이 문제는 2D 평면 디자인에 사용되는 소프트웨어를 구분하는 능력을 평가합니다. 정답은 (ㄱ)과 (ㄴ)인데, 이는 해당 소프트웨어들이 주로 벡터 기반의 2D 그래픽 작업에 특화되어 있기 때문입니다. 반면 (ㄷ)과 (ㄹ)은 3D 모델링이나 영상 편집 등 다른 분야에 주로 사용되는 소프트웨어입니다. 핵심 개념은 소프트웨어의 주된 용도와 기능에 따라 2D 평면 디자인 도구와 그렇지 않은 도구를 구분하는 것입니다.

문제 53

웹상에서 사용되는 파일 포맷 중 GIF와 JPEG의 장점을 합친 형태로 GIF와는 달리 투명도 자체를 조절할 수 있는 특징을 가진 것은?     
  1. AI
  2. PDF
  3. PNG
  4. PSD
정답: 3

해설

정답은 3번 PNG입니다. PNG는 GIF처럼 투명도를 지원하며, JPEG처럼 압축률이 높아 파일 크기를 줄일 수 있습니다. 또한, GIF와 달리 투명도 자체를 조절할 수 있어 더욱 유연한 디자인이 가능합니다.

문제 54

사용할 수 있는 색상의 수가 제한될 경우에 주로 사용하며 작은 수의 색상으로 눈의 착시현상을 이용하여 여러 색을 사용한 듯한 효과를 얻을 수 있는 방법은?     
  1. Modeling
  2. Rotating
  3. DIthering
  4. REsolution
정답: 3

해설

정답은 3번 'Dithering'입니다. Dithering은 제한된 색상 팔레트 내에서 인접한 픽셀에 다른 색상을 배치하여 시각적으로 혼합된 색상을 만들어내는 기법입니다. 이를 통해 적은 수의 색상으로도 마치 더 많은 색상을 사용한 듯한 풍부한 색감과 부드러운 전환 효과를 얻을 수 있습니다.

문제 55

웹디자인 기획 시 고려해야할 사항과 가장 거리가 먼 것은?     
  1. 사이트의 목적과 필요성을 충분히 인식하였는가?
  2. 유사, 경쟁 사이트의 디자인 분석은 완료하였는가?
  3. 통일성 확보를 위한 컬러, 톤, 폰트, 레이아웃의 원칙들은 수립되었는가?
  4. 일련의 과정들에 대한 문서들의 보관 및 데이터 백업은 완료하였는가?
정답: 4

해설

웹디자인 기획 시 가장 중요한 것은 **사이트의 목적 달성**과 **사용자 경험**입니다. 1, 2, 3번 보기는 모두 이러한 핵심 목표와 직결되는 사항들입니다. 반면 4번은 기획 단계보다는 **프로젝트 관리 및 데이터 보존**에 관한 내용으로, 웹디자인 기획 자체의 본질과는 거리가 멉니다. 따라서 4번이 가장 거리가 먼 사항입니다.

문제 56

웹 인터페이스 디자인에서 강조되는 특성이 아닌 것은?     
  1. 사용자 편의성
  2. 일관성
  3. 독창성
  4. 강제성
정답: 4

해설

웹 인터페이스 디자인에서 **강제성**은 강조되는 특성이 아닙니다. 사용자 편의성, 일관성, 그리고 독창성은 사용자가 쉽고 만족스럽게 웹사이트를 이용하도록 돕는 중요한 요소입니다. 반면, 강제성은 사용자의 의도와 상관없이 특정 행동을 하도록 강요하는 것으로, 이는 사용자 경험을 해치고 오히려 부정적인 인식을 줄 수 있습니다.

문제 57

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

해설

웹 그래픽 제작에서 배경 이미지 삽입은 주로 정적인 이미지를 활용합니다. 줄무늬, 도형 패턴, 부드러운 그라데이션은 모두 정적인 시각적 요소로서 배경에 자연스럽게 적용될 수 있습니다. 반면, 동영상은 움직이는 콘텐츠이므로 일반적인 배경 이미지 삽입과는 거리가 멀며, 별도의 동영상 플레이어나 특별한 기술을 필요로 합니다.

문제 58

애니메이션 기법 중 두 개의 서로 다른 이미지나 3차원 모델 사이의 변화하는 과정을 서서히 나타내는 것은?     
  1. 모핑
  2. 로토스코핑
  3. 미립자시스템
  4. 중첩 액션
정답: 1

해설

정답은 1번 모핑입니다. 모핑은 두 개의 서로 다른 이미지나 3차원 모델을 부드럽게 변화시켜 하나의 형태에서 다른 형태로 자연스럽게 전환되는 시각 효과를 만듭니다. 이는 컴퓨터 그래픽스에서 주로 사용되는 기법으로, 마치 형체가 녹아내리거나 변형되는 듯한 느낌을 줍니다.

문제 59

물체 경계면의 픽셀을 물체의 색상과 배경의 색상을 혼합해서 표현하여 경계면이 부드럽게 보이도록 하는 기법은?     
  1. Antialiasing
  2. Dithering
  3. Telecine
  4. Compositing
정답: 1

해설

정답은 **1. Antialiasing** 입니다. Antialiasing은 계단 현상(aliasing)을 완화하기 위해 물체 경계면의 픽셀 색상을 주변 배경 색상과 혼합하여 경계선을 부드럽게 표현하는 기법입니다. 이를 통해 이미지의 시각적인 품질을 향상시킵니다.

문제 60

디자인 구체화 단계에서 구상되어진 디자인을 구현하기 위해서 사용되는 프로그램과 그 역할이 잘못 설명된 것은?     
  1. 드림위버 : HTML 코딩할 때 사용
  2. 포토샵 : 이미지의 변형 및 아이콘 제작에 사용
  3. 플래시 : 동영상 및 사운드 편집에만 사용
  4. 케이크워크 : 사운드 편집 및 변환에 사용
정답: 3

해설

디자인 구체화 단계에서 사용되는 프로그램 중 잘못 설명된 것은 3번 플래시입니다. 플래시는 동영상 및 사운드 편집뿐만 아니라 애니메이션 제작, 인터랙티브 콘텐츠 개발 등 다양한 기능을 제공합니다. 따라서 "동영상 및 사운드 편집에만 사용"한다는 설명은 플래시의 역할을 축소하여 잘못 설명하고 있습니다. 핵심 개념은 각 디자인 도구의 주요 기능과 활용 범위를 정확히 이해하는 것입니다.

2012년 웹디자인기능사 5회차 회차 학습 안내

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

회차 전체 풀이

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

정답과 해설 선택

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

종이 시험지 출력

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

자주 묻는 질문

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

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

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

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

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

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

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

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