[웹디자인개발기능사 필기] 14년 4회차
웹디자인개발기능사 필기 기출문제

14년 4회차

총 60문항 · 객관식 · A4 약 1장

1 / 1
A4정답 포함
웹디자인개발기능사 필기 기출문제모두CBT · moducbt.com

14년 4회차

총 60문항 · 객관식 · 정답·해설 포함
문제 1
빛의 스펙트럼에서 인간의 눈에 색상 기호로 인지되는 파장의 범위는?
1180nm ~ 780nm
2180nm ~ 1080nm
3380nm ~ 780nm
4380nm ~ 1080nm
정답 및 해설

사람의 눈에 색으로 인지되는 빛의 파장은 380nm ~ 780nm 범위다.

이 범위를 가시광선 영역이라고 한다.

  • 하한이 180nm 인 범위는 가시광선보다 짧은 파장, 즉 자외선 영역을 포함한다.
  • 하한이 180nm 이고 상한이 1080nm 인 범위는 양쪽으로 가시광선 밖의 영역을 포함한다.
  • 상한이 1080nm 인 범위는 가시광선보다 긴 파장, 즉 적외선 영역을 포함한다.
문제 2
기계화와 대량생산에 의한 제품의 품질저하에 반대하며 영국에서 일어난 미술공예운동(Art Crafts Movement)의 창시자는?
1윌리엄 모리스
2헨리 포드
3반 데 벨데
4무테지우스
정답 및 해설

미술공예운동의 창시자는 영국의 윌리엄 모리스다.

모리스는 기계 대량생산으로 떨어진 제품 품질에 반대하며 수공예의 미를 되살리려 했다.

  • 헨리 포드는 자동차 대량생산 방식을 확립한 미국의 기업가다.
  • 반 데 벨데는 벨기에 출신의 아르누보 디자이너·건축가다.
  • 무테지우스는 독일공작연맹을 이끈 독일의 건축가다.
문제 3
회색 바탕 위의 흰색 보다 검정 바탕 위의 흰색이 더 밝게 보이는 대비효과를 무엇이라고 하는가?
1색상대비
2명도대비
3보색대비
4한난대비
정답 및 해설

같은 흰색이 바탕의 밝기 차이로 다르게 보이는 현상은 명도대비다.

어두운 검정 바탕 위의 흰색은 회색 바탕 위보다 명도 차이가 커져 더 밝게 보인다.

  • 색상대비는 색상이 다른 색이 인접할 때 색상 차이가 커 보이는 현상이다.
  • 보색대비는 보색 관계의 색이 인접해 서로 선명해 보이는 현상이다.
  • 한난대비는 차가운 색과 따뜻한 색이 인접해 차고 따뜻한 느낌이 강해지는 현상이다.
문제 4
그레이 스케일(Gray Scale)이란?
1색상환에서 서로 마주보는 색을 혼합하는 것이다.
2흰색, 회색, 검은색을 말한다.
3명도의 기준 척도로 검은색과 흰색 사이의 단계를 나누어 놓은 것이다.
4색의 순환성에 따라 원형으로 배열한 것이다.
정답 및 해설

그레이 스케일은 흑과 백 사이를 단계로 나눈 명도 척도다.

명도의 기준이 되는 무채색 단계표다.

  • 서로 마주 보는 색(보색)을 섞는 것은 보색 혼합이다.
  • 흰색·회색·검은색 세 가지만 가리키는 것이 아니라 그 사이의 여러 단계를 포함한다.
  • 색을 순환성에 따라 원형으로 배열한 것은 색상환이다.
문제 5
색의 활용 효과에 대한 설명으로 틀린 것은?
1밝은 바탕에 어두운 색 글자보다 어두운 바탕에 밝은 색 글자가 더 굵고 커 보인다.
2같은 크기의 노란색 공과 파란색 공을 비교하면 노란색 공이 더 가볍게 느껴진다.
3천장을 좀 더 높게 보이게 하려면 벽면과 동일계열의 고명도 색을 천장에 칠한다.
4상의를 하의보다 더 어두운 색상으로 하면 키가 더 커 보인다.
정답 및 해설

상의를 하의보다 어둡게 하면 키가 커 보인다는 설명이 틀렸다.

어두운 색은 무겁고 수축되어 보이므로 상의가 어두우면 위쪽이 눌려 보이고, 상하의 명도 차로 몸이 가로로 끊겨 세로 흐름이 약해진다.

  • 어두운 바탕의 밝은 글자는 팽창되어 더 굵고 커 보이는 효과가 있다.
  • 흰색은 검정보다 가볍게 느껴진다.
  • 벽면과 같은 계열의 고명도 색을 천장에 칠하면 천장이 가볍게 보여 더 높아 보인다.
문제 6
다음 ( ) 안에 들어갈 알맞은 용어는?
1A : 점, B : 형
2A : 선, B : 형태
3A : 형, B : 면
4A : 형, B : 형태
정답 및 해설

A 는 형, B 는 형태입니다.

그림의 설명에서 A 는 외관으로 나타나는 윤곽, 즉 눈에 비치는 단순한 모양을 뜻하므로 형(shape)입니다. B 는 크기·색채·질감까지 포함해 대상물의 기본 특성을 제시하는 더 넓은 개념이므로 형태(form)입니다.

  • A : 점, B : 형 — 점은 위치만 있고 크기가 없어 외관의 윤곽을 이루지 못합니다.
  • A : 선, B : 형태 — 선은 점이 이동한 자취이며 대상의 외곽 모양 전체를 가리키는 말이 아닙니다.
  • A : 형, B : 면 — 면은 선이 이동해 생긴 2차원 요소로, 형을 포함하는 넓은 개념이 아닙니다.
문제 7
바우하우스의 설립자이며, 근대 건축과 디자인 운동의 대표적인 지도자는?
1모리스(MORRIS, WILLIAM)
2그로피우스(GROPIUS, WALTER)
3로위(ROWEY, RAYMOND)
4팹스너(PEVSNER, NIKOLAUS)
정답 및 해설

바우하우스의 설립자는 그로피우스다.

발터 그로피우스는 독일의 건축가로 바우하우스를 세워 근대 건축·디자인 운동을 이끌었다.

  • 윌리엄 모리스는 영국 미술공예운동을 이끈 인물이다.
  • 레이먼드 로위는 미국의 산업 디자이너다.
  • 니콜라우스 페브스너는 근대 디자인의 역사를 연구한 미술사학자다.
문제 8
저드(D, Judd)의 색채 조화의 원리에 해당하지 않는 것은?
1질서의 원리
2유사의 원리
3친근감의 원리
4연속성의 원리
정답 및 해설

저드의 색채 조화 원리에 연속성의 원리는 포함되지 않는다.

저드는 질서·친근감(친숙성)·유사·명료성의 네 가지 원리를 제시했다.

  • 질서의 원리는 저드가 제시한 원리다.
  • 유사의 원리는 저드가 제시한 원리다.
  • 친근감의 원리는 저드가 제시한 원리다.
문제 9
색의 혼합에서 TV의 컬러 이미지는 어떤 방식으로 표현 되는가?
1회전혼합
2병치가산혼합
3중간혼합
4감산병치혼합
문제 10
율동(rhythm)의 요소로 볼 수 없는 것은?
1점증
2반복
3변칙
4대칭
문제 11
착시현상 중 주위 도형의 조건에 따라 특정한 도형의 크기나 면적이 더욱 커 보이거나 작아 보이는 현상은?
1길이의 착시
2크기의 착시
3방향의 착시
4앙면시의 입체
문제 12
형태의 분류 중 이념적 형태에 대한 설명으로 옳은 것은?
1자연형태, 인위적 형태로 분류할 수 있다.
2눈으로 볼 수 있고 손으로 만질 수 있는 모든 형태를 말한다.
3점, 선, 면의 이동형태에 따라 입체를 형성하기 때문에 추상적 형태라고 한다.
4현실적으로 존재하는 형태를 말한다.
정답 및 해설

이념적 형태는 점·선·면의 이동으로 입체가 만들어지는 추상적 형태를 가리킨다.

이념적(순수) 형태는 눈에 보이는 실물이 아니라 관념 속의 형태로, 점·선·면·입체가 여기에 속한다. 현실적 형태와 대비되는 개념이다.

  • 자연형태·인위적 형태로 나누는 것은 현실적 형태의 분류이다.
  • 눈으로 보고 손으로 만질 수 있는 형태는 실제로 존재하는 현실적 형태의 설명이다.
  • 현실에 존재하는 형태라는 설명 역시 현실적 형태를 가리킨다.
문제 13
먼셀 표색계의 채도에 대한 설명으로 가장 옳은 것은?
1채도는 색의 밝고 어두운 정도를 말하며 검정을 0 으로 하고 흰색을 10 으로 한다.
2여러 유채색을 정원 모양으로 배열하여 표현한 것을 채도라 한다.
3채도는 1 에서 14 단계로 표기하며 채도가 높을수록 선명하다.
45R4/12에서 5는 채도를 의미한다.
정답 및 해설

먼셀 표색계에서 채도는 색의 선명한 정도이며 높을수록 선명하다.

채도는 색의 순수함·탁함을 나타내는 속성으로, 무채색에서 멀어질수록 값이 커진다.

  • 검정을 0, 흰색을 10으로 하는 밝고 어두운 정도는 명도의 설명이다.
  • 유채색을 원형으로 배열한 것은 색상환(색상의 배열)이지 채도가 아니다.
  • 5R4/12 표기에서 앞의 5R은 색상, 4는 명도, 12가 채도이므로 5를 채도로 보는 것은 틀리다.
문제 14
다음이 설명하고 있는 디자인 원리는?
1균형
2리듬
3변화
4조화
정답 및 해설

설명하는 디자인 원리는 조화입니다.

그림의 박스는 부분과 부분, 부분과 전체 사이에 안정된 관련성을 주면서 공감을 일으키는 원리이며, 그 종류로 유사(similarity)와 대비(contrast)를 듭니다. 성질이 비슷한 요소끼리의 유사 조화, 성질이 다른 요소끼리의 대비 조화로 나누는 것은 조화의 분류입니다.

  • 균형 — 대칭·비례·주도와 종속으로 이루는 시각적 안정을 말하며, 유사·대비로 나누지 않습니다.
  • 리듬 — 반복·점이·방사 등으로 생기는 시각적 율동을 말합니다.
  • 변화 — 통일과 짝을 이루어 단조로움을 깨는 원리로, 요소 사이의 관련성으로 공감을 일으키는 원리가 아닙니다.
문제 15
디자인 조건 중 최소의 재료에 의해 최대의 효과를 얻고자 하는 인간의 활동과 가장 밀접한 관계가 있는 것은?
1심미성
2질서성
3경제성
4독창성
정답 및 해설

최소의 재료로 최대의 효과를 얻으려는 디자인 조건은 경제성이다.

경제성은 재료·비용·노력을 효율적으로 써서 가장 큰 효과를 얻는 성질을 말한다.

  • 심미성은 아름답게 느껴지는 성질로, 재료 투입 대비 효과와는 관계가 없다.
  • 질서성은 여러 조건을 하나로 묶어 조화시키는 성질이어서 재료의 절약과는 거리가 있다.
  • 독창성은 새롭고 창조적인 성질로, 효율과는 다른 조건이다.
문제 16
아르누보의 신예술이라는 의미로 전통적 양식에서 탈피하고 새로운 미를 창조하려는 신예술 운동을 주장한 인물은?
1윌리암 모리스(Morris.W)
2앙리 반 데 벨데(Van de velde. Henri)
3헤르만 무테지우스(Muthesius.H)
4구스타프 클림트(Klimt.G)
정답 및 해설

아르누보(Art Nouveau, 신예술)는 19세기 말 유럽에서 전통적 양식을 거부하고 자연 형태와 곡선을 통해 새로운 미를 추구한 운동이다. 앙리 반 데 벨데는 벨기에의 건축가·디자이너로서 아르누보의 핵심 이론가이자 실천가로, 기능주의와 장식의 조화를 강조하며 이 운동을 주도적으로 전개했다.

  • 윌리암 모리스는 선행 세대의 미술공예운동(Arts and Crafts) 주창자이다.
  • 무테지우스는 독일 공작연맹의 이론가이다.
  • 클림트는 비인나 분리주의 화가이다.

이들은 각각 다른 역할과 시기를 가진다.

문제 17
색채 조화를 위한 배색 시 고려해야 할 사항으로 거리가 먼 것은?
1배색할 때 전체 색조를 생각한 후, 색상 수를 될 수 있는 대로 많이 한다.
2색의 전체적인 인상을 통일하기 위해 색상, 명도, 채도 중 한 가지 공통된 부분을 만들어 준다.
3비슷한 색상들로 이루어진 조화는 명도나 채도에 차이를 두어 대비 효과를 구성한다.
4일반적으로 가벼운 색은 위쪽으로 하고, 무거운 색은 아래쪽으로 한다.
정답 및 해설

색채 조화를 위한 배색에서 색상 수를 가능한 한 많이 하라는 것은 고려 사항으로 거리가 멀다.

색을 많이 쓰면 전체 인상이 산만해져 조화와 통일이 깨지기 쉽다. 배색은 색 수를 절제하여 전체 색조를 일관되게 만드는 것이 기본이다.

  • 색상·명도·채도 중 한 가지 공통 요소를 두는 것은 통일된 인상을 만드는 방법이므로 고려할 사항이다.
  • 비슷한 색상끼리 조화시킬 때 명도나 채도에 차이를 주는 것은 단조로움을 피하는 방법이므로 고려할 사항이다.
  • 가벼운 색을 위, 무거운 색을 아래에 두는 것은 안정감을 주는 배색 원칙이므로 고려할 사항이다.
문제 18
그래픽의 표현 요소 중 회화나 사진을 비롯하여 도형, 도표 등 문자 이외의 시각화된 것을 의미하는 것은?
1일러스트레이션
2포스터
3신문광고
4표지
정답 및 해설

회화·사진·도형·도표 등 문자 이외의 시각화된 표현 요소는 일러스트레이션이다.

일러스트레이션은 글의 내용을 이해시키고 시각적으로 전달하기 위해 사용하는 그림·사진·도표 등의 시각 요소를 폭넓게 가리킨다.

  • 포스터는 시각 요소와 문자가 결합된 인쇄 매체의 한 종류이다.
  • 신문광고는 신문 지면에 싣는 광고 매체이다.
  • 표지는 책이나 간행물의 겉면을 가리키는 말로, 시각 요소의 유형이 아니다.
문제 19
제품 디자인(Product Design) 분야로 거리가 먼 것은?
1영상 디자인
2완구 디자인
3가전 디자인
4가구 디자인
정답 및 해설

영상 디자인은 제품 디자인이 아니라 시각 전달 디자인(비주얼 디자인) 분야에 속한다.

제품 디자인은 사용자가 쓰는 입체적인 물건을 대상으로 한다. 영상은 화면을 통해 정보를 전달하는 매체 디자인이다.

  • 완구는 장난감이라는 물건을 만드는 제품 디자인이다.
  • 가전은 가정용 전기·전자 제품을 다루는 제품 디자인이다.
  • 가구는 생활용품을 다루는 제품 디자인이다.
문제 20
다음이 설명하고 있는 현상은?
1부의 잔상
2정의 잔상
3동화 현상
4매스 효과
정답 및 해설

책을 열심히 본 후 시선을 옮기면 원래 검은 글자가 흰색으로 보이는 것은 원자극과 반대되는 밝기·색상으로 나타나는 잔상이므로 부의 잔상(음성 잔상)에 해당한다. 정의 잔상은 원자극과 동일한 색·밝기가 그대로 남아 보이는 현상이고, 동화 현상과 매스 효과는 색채 대비·면적에 관련된 현상으로 이 설명과 무관하다.

문제 21
일반적인 웹 브라우저의 기능으로 틀린 것은?
1웹 페이지의 저장 및 인쇄
2최근 방문한 URL 의 목록제공
3소스 파일 보기
4멀티미디어를 이용한 홈페이지 제작
정답 및 해설

멀티미디어를 이용한 홈페이지 제작은 웹 브라우저가 아니라 웹 에디터·저작 도구의 기능이다.

브라우저는 웹 문서를 읽어 화면에 보여 주는 프로그램이며, 홈페이지를 만드는 제작 기능은 포함하지 않는다.

  • 웹 페이지의 저장과 인쇄는 브라우저의 기본 기능이다.
  • 최근 방문한 URL 목록을 제공하는 것은 브라우저의 방문 기록 기능이다.
  • 소스 파일 보기는 브라우저가 받아온 HTML 문서를 확인하는 기능이다.
문제 22
다음 중 HTML에 대한 설명으로 틀린 것은?
1HTML은 대ㆍ소문자를 구분한다.
2ASCII 무자로 되어 있는 일반 Text 형태이다.
3HTML로 제작된 페이지는 웹브라우저에서 해석되어 실행된다.
4HTML의 문서는 태그(tag)로 구성되어 있다.
정답 및 해설

HTML은 대·소문자를 구분하지 않으므로 구분한다는 설명이 틀렸다.

HTML 태그는 대문자로 쓰든 소문자로 쓰든 브라우저가 같게 해석한다.

  • ASCII 문자로 이루어진 일반 텍스트 형태라는 설명은 맞다.
  • HTML 페이지가 웹 브라우저에서 해석되어 화면에 표시된다는 설명은 맞다.
  • HTML 문서가 태그로 구성된다는 설명은 맞다.
문제 23
지역 간 또는 국가 간과 같이 지리적으로 완전하게 떨어진 곳을 연결하는 통신망은?
1VAN
2WAN
3MAN
4LAN
정답 및 해설

지리적으로 멀리 떨어진 지역·국가를 연결하는 통신망은 WAN(광역 통신망)이다.

WAN은 넓은 범위에 걸쳐 여러 네트워크를 연결한다. 범위가 넓어 전용선·공중망을 이용한다.

  • VAN은 회선을 빌려 부가 가치를 더한 통신 서비스를 제공하는 부가가치통신망이다.
  • MAN은 한 도시 정도 범위를 연결하는 도시권 통신망이다.
  • LAN은 건물·구내처럼 좁은 범위를 연결하는 근거리 통신망이다.
문제 24
OSI 7 계층 중 프로세스 간의 대화 제어 및 동기점을 이용한 효율적인 데이터 복구를 제공하는 계층은?
1세션 계층
2네트워크 계층
3물리 계층
4전송 계층
정답 및 해설

프로세스 간 대화 제어와 동기점을 이용한 데이터 복구는 세션 계층의 기능이다.

세션 계층은 통신하는 응용 프로세스 사이의 연결(세션)을 설정·유지·종료하고, 동기점을 두어 오류가 나면 그 지점부터 다시 전송하게 한다.

  • 네트워크 계층은 경로 설정(라우팅)과 주소 지정을 담당한다.
  • 물리 계층은 비트를 전기 신호로 실제 전송하는 계층이다.
  • 전송 계층은 종단 간 신뢰성 있는 전송, 오류·흐름 제어를 담당한다.
문제 25
다음 기능을 수행하는 것은?
1백신 프로그램
2웹 서버
3프록시 서버
4LAN 프로토콜 분석기
정답 및 해설

설명된 기능을 수행하는 것은 프록시 서버입니다.

그림의 박스는 웹 캐시로 접속 속도를 높이고, 패킷 필터링으로 특정 응용 프로토콜 접속을 막으며, 사설 IP 를 사용해 IP 주소 부족을 일부 해결한다고 설명합니다. 클라이언트와 외부 인터넷 사이에서 요청을 대신 처리하는 프록시 서버의 기능입니다.

  • 백신 프로그램 — 컴퓨터의 악성 코드를 탐지·치료하는 프로그램으로, 웹 캐시나 사설 IP 기능이 없습니다.
  • 웹 서버 — 클라이언트의 요청에 웹 문서를 제공하는 서버로, 다른 서버로 가는 요청을 대신 중계하지 않습니다.
  • LAN 프로토콜 분석기 — 네트워크의 패킷을 수집해 분석하는 도구로, 접속을 빠르게 하거나 차단하는 기능이 아닙니다.
문제 26
다음 중 LAN의 물리적 통신망 구조가 아닌 것은?
1성(star)형
2버스(bus)형
3십자(cross)형
4링(ring)형
정답 및 해설

십자(cross)형은 LAN의 물리적 구조로 쓰이지 않는다.

LAN의 대표적인 물리적 구조(토폴로지)는 성형, 버스형, 링형 등이다.

  • 성형은 중앙 장치에 모든 노드를 연결하는 구조이다.
  • 버스형은 하나의 공통 회선에 노드를 연결하는 구조이다.
  • 링형은 노드를 고리 모양으로 연결하는 구조이다.
문제 27
인터넷의 시초가 된 네트워크로서, 1969년 미 국방성에서 군사목적으로 개발하였던 것은?
1KRNIC
2KREONET
3InterNIC
4ARPANET
정답 및 해설

1969년 미 국방성이 개발해 인터넷의 시초가 된 네트워크는 ARPANET이다.

ARPANET은 군사 목적의 패킷 교환 네트워크로 시작되어 이후 TCP/IP를 채택하며 인터넷으로 발전했다.

  • KRNIC은 국내 인터넷 주소·도메인을 관리하는 기관이다.
  • KREONET은 국내 과학기술 연구 기관을 잇는 연구망이다.
  • InterNIC은 도메인·IP 주소를 등록·관리하는 미국의 기관이다.
문제 28
다음 중 컴퓨터 네트워크의 장점에 대한 설명으로 틀린 것은?
1공유를 통하여 보안성을 높일 수 있다.
2다른 주변장치를 공유할 수 있다.
3공동 작업을 할 수 있다.
4하나의 응용프로그램을 여러 사람이 사용할 수 있다.
정답 및 해설

공유를 통해 보안성을 높일 수 있다는 설명이 틀렸다.

네트워크로 자원을 공유하면 접근 경로가 늘어 보안 위협이 커지므로 별도의 보안 대책이 필요하다. 공유의 이점은 보안이 아니라 효율과 비용 절감이다.

  • 프린터 같은 주변장치를 공유할 수 있다는 것은 장점이다.
  • 여러 사람이 공동 작업을 할 수 있다는 것은 장점이다.
  • 하나의 응용프로그램을 여러 사람이 사용할 수 있다는 것은 장점이다.
문제 29
다음 중 URL 형식에서 :// 앞에 오는 것은?
1프로토콜
2IP 주소
3접속 포트번호
4디렉터리명
정답 및 해설

URL의 기본 구조는 프로토콜://호스트/경로 형태이며, :// 앞에 오는 부분이 바로 프로토콜이다. 예를 들어 http://www.example.com/index.html에서 http가 프로토콜이고, https://192.168.1.1:8080/admin에서 https가 프로토콜이다. IP주소는 ://뒤에 오고, 포트번호는 호스트 뒤 콜론(:) 뒤에, 디렉토리명은 슬래시(/) 뒤에 위치한다.

문제 30
인터넷에서 접속하고자 하는 URL을 정확하게 입력하였지만 "페이지를 표시할수 없다."는 메세지와 함께 접속이 되지 않았다. 그러나 IP 주소를 입력하면 접속이 되는 경우, 클라이언트 측에서 찾을 수 있는 원인으로 가장 적당한 것은?
1IP 주소를 할당받지 못한 경우
2Proxy 서버를 설정하지 않은 경우
3FTP 서버를 설정하지 않은 경우
4DNS 서버를 설정하지 않은 경우
정답 및 해설

URL은 안 되고 IP 주소로는 접속된다면 도메인을 IP로 바꾸는 DNS 서버 설정이 누락된 것이다.

도메인 이름을 IP 주소로 변환해 주는 것이 DNS이다. 변환이 안 되면 이름으로는 접속이 안 되지만 IP를 직접 입력하면 접속된다.

  • IP 주소를 할당받지 못했다면 IP를 직접 입력해도 접속이 안 된다.
  • Proxy 서버 설정은 접속을 중계하는 경로의 문제이며 이름을 IP로 바꾸는 것과는 관련이 없다.
  • FTP 서버는 파일 전송 서비스를 위한 것으로 웹 페이지 접속과는 관계가 없다.
문제 31
자신이 원하는 정보나 특정한 목적을 이루기 위하여 인터넷을 이용하여 정보를 취득하는 일련의 작업을 의미하는 것은?
1검색엔진
2정보검색
3월드 와이드 웹
4위즈윅
정답 및 해설

인터넷으로 원하는 정보를 얻는 일련의 작업은 정보검색이다.

정보검색은 목적에 맞는 정보를 찾아 취득하는 행위 자체를 뜻한다.

  • 검색엔진은 정보검색을 돕는 도구(프로그램·사이트)이지 작업 과정 자체가 아니다.
  • 월드 와이드 웹은 하이퍼텍스트로 정보를 연결한 인터넷 서비스이다.
  • 위즈윅은 화면에서 보이는 대로 결과가 나오는 편집 방식(WYSIWYG)이다.
문제 32
자바 스크립트에 대한 설명으로 틀린 것은?
1HTML 문서 내에 자바 스크립트가 삽입된 형태로 존재한다.
2자바 스크립트 작성 시 변수 타입의 선언 없이 사용가능하다.
3웹 브라우저에 의해 코드 자체가 번역된다.
4절차 지향(Procedure-Oriented) 언어이다.
문제 33
일반적으로 웹서버가 동작하는 과정을 순서대로 옳게 나열한 것은?
1연결설정 → 클라이언트가 정보요청 → 서버의 응답 → 연결 종료
2연결설정 → 서버의 응답 → 클라이언트가 정보요청 → 연결 종료
3클라이언트가 정보요청 → 연결설정 → 서버의 응답 → 연결 종료
4클라이언트가 정보요청 → 서버의 응답 → 연결설정 → 연결 종료
정답 및 해설

웹 서버는 연결 설정 → 정보 요청 → 서버 응답 → 연결 종료 순으로 동작한다.

먼저 클라이언트와 서버 사이에 연결이 설정되어야 요청을 보낼 수 있고, 서버는 그 요청에 응답한 뒤 연결을 끊는다.

  • 응답이 요청보다 앞설 수 없으므로 응답을 요청 앞에 둔 순서는 틀리다.
  • 연결이 설정되기 전에 정보 요청을 먼저 보낼 수 없다.
  • 요청·응답이 끝난 뒤에 연결을 설정하는 순서는 불가능하다.
문제 34
자바스크립트에서 일정한 시간마다 브라우저 상태를 파악하거나 동작을 수행하는데 사용되는 함수는?
1window.setInterval()
2window.setTimer()
3window.timer()
4window.setTime()
정답 및 해설

자바스크립트에서 일정한 시간마다 반복해서 특정 함수나 코드를 실행하는 함수는 window.setInterval()이다. setInterval()은 지정된 밀리초 간격으로 계속 실행되며, 브라우저 상태 모니터링이나 주기적 동작 수행에 사용된다. setTimer(), timer(), setTime()은 자바스크립트 표준 메서드가 아니며, 한 번만 실행하는 setTimeout()과는 구분된다.

문제 35
교육기관을 의미하는 인터넷 도메인으로 틀린 것은?
1hs
2edu
3ac
4or
정답 및 해설

or는 교육기관이 아니라 비영리 단체(organization)를 나타내는 도메인이다.

교육기관은 대학·학교 등을 나타내는 도메인으로 구분한다.

  • hs는 고등학교를 나타낸다.
  • edu는 교육기관을 나타낸다.
  • ac는 대학 등 학술 기관을 나타낸다.
문제 36
웹 검색엔진의 유형에 해당하지 않는 것은?
1웹 인덱스 방식
2파일별 검색 방식
3웹 디렉터리 방식
4통합형 검색 방식
정답 및 해설

파일별 검색 방식은 웹 검색엔진의 유형으로 분류되지 않는다.

웹 검색엔진은 주제 분류를 따라가는 디렉터리 방식, 수집 문서의 색인을 키워드로 찾는 인덱스 방식, 하나의 검색어로 여러 검색 결과를 모아 보여 주는 통합형 방식 등으로 나뉜다.

  • 웹 인덱스 방식은 수집한 문서를 색인해 키워드로 찾는 검색엔진 유형이다.
  • 웹 디렉터리 방식은 주제별 분류 체계를 따라 찾아가는 검색엔진 유형이다.
  • 통합형 검색 방식은 한 번의 검색으로 여러 결과를 함께 보여 주는 검색엔진 유형이다.
문제 37
자원을 해킹(hacking)으로부터 보호하기 위한 방법으로 틀린 것은?
1조직 내부의 네트워크 컴퓨터들은 공용 IP 주소를 사용하고 외부와 연결되는 컴퓨터에만 개인용 IP 주소를 할당한다.
2조직 내부의 네트워크를 보호하기 위해 방화벽을 설치하여 네트워크 보안을 강화한다.
3특정 자원을 사용할 필요가 있는 사용자에게는 필요한 권한만 할당한다.
4보안상의 문제가 알려진 서비스나 운영체제의 경우 제조사에서 제공하는 패치프로그램을 수시로 적용한다.
정답 및 해설

내부 컴퓨터에는 공용 IP, 외부 연결 컴퓨터에만 개인용 IP를 쓴다는 설명은 반대로 되어 있어 틀렸다.

보호를 위해서는 내부 네트워크에 사설(개인용) IP를 사용해 외부에서 직접 접근하지 못하게 하고, 외부와 연결되는 컴퓨터에만 공인 IP를 둔다.

  • 방화벽을 설치해 내부 네트워크를 보호하는 것은 올바른 보안 방법이다.
  • 필요한 사용자에게 필요한 권한만 주는 것은 최소 권한 원칙으로 올바르다.
  • 알려진 보안 문제는 제조사의 패치로 수시로 보완하는 것이 올바르다.
문제 38
다음 중 HTML 태그에 대한 설명으로 틀린 것은?
1<HTML> : 도움말의 시작
2<TITLE> : 문서의 제목 시작
3<BODY> : 문서의 본론 시작
4<HEAD> : 머리말 시작
정답 및 해설

<HTML>은 도움말의 시작이 아니라 HTML 문서의 시작을 알리는 태그이다.

도움말과는 관련이 없고, 문서가 HTML 형식임을 선언하며 전체 내용을 감싼다.

  • <TITLE>은 문서의 제목을 시작하는 태그가 맞다.
  • <BODY>는 브라우저에 표시되는 본문의 시작이 맞다.
  • <HEAD>는 문서의 머리말 부분의 시작이 맞다.
문제 39
웹 브라우저(Web Browser)에 해당하지 않는 것은?
1인터넷 익스플로러(Internet Explorer)
2오페라(Opera)
3텔넷(Telnet)
4모자이크(Mosaic)
정답 및 해설

텔넷(Telnet)은 원격 컴퓨터에 접속하는 프로토콜·프로그램이지 웹 브라우저가 아니다.

웹 브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이다.

  • 인터넷 익스플로러는 웹 브라우저이다.
  • 오페라는 웹 브라우저이다.
  • 모자이크는 초기의 그래픽 웹 브라우저이다.
문제 40
웹페이지 제작 시 사용되는 스타일시트(CSS)에 대한 설명으로 틀린 것은?
1내부 스타일시트 적용 시<HTML>와 </HTML> 내에서 자유롭게 정의할 수 있다.
2Inline CS 와 Internal CS 가 부분적으로 충돌할 경우, 충돌하지 않는 Internal CS 는 그대로 상속 적용한다.
3외부스타일시트의 파일타입(확장자)은 .CSS 이다.
4웹문서 내에 특정 영역에만 영향을 주기 위해 <SPAN>, <DIV> 태그를 사용한다.
정답 및 해설

내부 스타일시트는 <HTML>과 </HTML> 사이 아무 곳에서나 정의하는 것이 아니라 <HEAD> 영역 안의 <STYLE> 태그로 정의하므로 이 설명이 틀렸다.

내부 스타일시트는 문서 머리말에 모아 두고 본문 전체에 적용하며, 같은 요소에 인라인 스타일이 함께 지정되면 겹치는 속성만 인라인이 우선한다.

  • 인라인과 내부 스타일이 일부만 충돌하면 충돌하지 않는 내부 스타일 속성은 그대로 적용된다는 설명은 맞다.
  • 외부 스타일시트 파일의 확장자가 .css라는 설명은 맞다.
  • 문서의 특정 영역에만 스타일을 주기 위해 <SPAN>·<DIV> 태그를 쓴다는 설명은 맞다.
문제 41
저해상도 비트맵 이미지에서 곡선이나 사선드로잉 결과는 계단 모양이나 지그재그 모양으로 나타낸다. 이와 같은 계단현상을 부드럽게 처리하기 위해 사용되는 방식은?
1레이트레이싱(Ray Tracing)
2레일캐스팅(Ray Casting)
3앨리어스(Alias)
4안티앨리어스(Anit-Alias)
정답 및 해설

계단 현상을 부드럽게 처리하는 방식은 안티앨리어스이다.

안티앨리어싱은 경계 부분의 픽셀에 중간 색을 넣어 계단 모양을 완화한다.

  • 레이트레이싱은 광선을 추적해 반사·굴절을 표현하는 렌더링 기법이다.
  • 레이캐스팅은 광선을 투사해 보이는 면을 판별하는 렌더링 기법이다.
  • 앨리어스는 계단 현상 그 자체를 가리키는 말이다.
문제 42
웹 페이지의 레이아웃을 디자인할 때 주의사항으로 적합하지 않은 것은?
1모든 컨텐츠를 메인페이지에 배치하여 최대한 단순하고 간결하게 한다.
2콘텐츠의 연결이 일관성 있고 논리적이어야 한다.
3중요한 콘텐츠부터 배치한 후 세부 콘텐츠를 배치한다.
4텍스트와 그래픽 요소를 적절히 조화시킨다.
정답 및 해설

모든 콘텐츠를 메인페이지에 배치하는 것은 레이아웃 설계에 적합하지 않다.

한 화면에 모두 넣으면 복잡해져 원하는 정보를 찾기 어렵고, 중요도에 따라 단계적으로 배치해야 한다.

  • 콘텐츠 연결이 일관되고 논리적이어야 한다는 것은 적합한 주의사항이다.
  • 중요한 콘텐츠부터 배치한 뒤 세부 콘텐츠를 배치하는 것은 적합하다.
  • 텍스트와 그래픽 요소를 적절히 조화시키는 것은 적합하다.
문제 43
컴퓨터 그래픽스 역사 중 다음 설명에 해당하는 시대는?
11960년대
21970년대
31980년대
41990년대
정답 및 해설

설명된 사건들은 1990년대의 일입니다.

그림의 박스에 나열된 사건은 마이크로소프트 윈도우 3.0 발표(1990년), AutoDesk 의 3D Studio 발표(1990년), 3차원 가상현실 기술 언어 VRML 1.0 발표(1990년대 중반)로, 모두 1990년대에 일어난 일입니다.

  • 1960년대 — 컴퓨터 그래픽스라는 용어가 등장하고 CAD 가 시작된 시기로, 개인용 그래픽 운영체제나 VRML 은 아직 없었습니다.
  • 1970년대 — 셰이딩·텍스처 매핑 같은 렌더링 기법이 연구되던 시기입니다.
  • 1980년대 — 개인용 컴퓨터와 그래픽 프로그램이 보급되던 시기로, 박스의 세 사건은 그 이후에 발표되었습니다.
문제 44
웹 사이트에 등재할 이미지의 크기가 클 경우 크기를 조정하기 위한 가장 올바른 방법은?
1웹에서 소스 수정으로 사이즈를 조정한다.
2드림위버에서 이미지 크기를 줄인다.
3포토샵의 이미지 사이즈에서 픽셀 수를 줄인다.
4나모 웹 에디터에서 웹용으로 저장할 때 Quality를 낮춘다.
문제 45
컴퓨터 그래픽스 시스템의 입력장치로 틀린 것은?
1디지타이저(Digitizer)
2타블렛(Tablet)
3스캐너(Scanner)
4플로터(Plotter)
정답 및 해설

플로터는 입력장치가 아니라 도면·그림을 종이에 그려 내는 출력장치이다.

컴퓨터 그래픽스에서 입력장치는 좌표나 그림 정보를 컴퓨터로 넣는 장치이다.

  • 디지타이저는 좌표를 입력하는 장치이다.
  • 타블렛은 펜으로 그린 좌표를 입력하는 장치이다.
  • 스캐너는 그림·사진을 읽어 들이는 입력장치이다.
문제 46
다음 중 동영상 관련 파일포맷으로 옳지 않은 것은?
1asf
2wmv
3avi
4xml
정답 및 해설

xml은 동영상 포맷이 아니라 데이터를 구조화하는 마크업 언어이다.

동영상 파일 형식은 영상과 소리를 담는 파일 포맷이다.

  • asf는 스트리밍에 쓰이는 동영상 포맷이다.
  • wmv는 윈도우 미디어 동영상 포맷이다.
  • avi는 윈도우의 대표적인 동영상 포맷이다.
문제 47
콘텐츠를 분류, 분석, 그룹핑 하는 등의 작업이 이뤄지는 정보 체계화(Contents Branch) 과정을 단계별로 가장 적절하게 나열한 것은?
1콘텐츠 수집 → 콘텐츠 그룹화 → 콘텐츠 구조화 → 계층구조의 설계 → 콘텐츠 구조설계 테스트
2콘텐츠 수집 → 계층구조의 설계 → 콘텐츠 그룹화 → 콘텐츠 구조화 → 콘텐츠 구조설계 테스트
3콘텐츠 수집 → 콘텐츠 그룹화 → 콘텐츠 구조화 → 콘텐츠 구조설계 테스트 → 계층구조의 설계
4콘텐츠 수집 → 콘텐츠 구조화 → 콘텐츠 구조설계 테스트 → 콘텐츠 그룹화 → 계층구조의 설계
정답 및 해설

정보 체계화는 콘텐츠 수집 → 그룹화 → 구조화 → 계층구조 설계 → 구조설계 테스트 순서로 진행한다.

먼저 모은 콘텐츠를 묶고, 묶은 결과를 구조화한 뒤 계층을 설계하며, 설계가 끝난 다음 테스트로 검증한다.

  • 계층구조 설계를 그룹화·구조화보다 앞에 두면 묶이지 않은 콘텐츠에 계층을 부여하게 되어 틀리다.
  • 구조설계 테스트를 계층구조 설계보다 앞에 두면 설계되지 않은 구조를 시험하게 되어 틀리다.
  • 구조화를 그룹화보다 앞에 두고 테스트를 중간에 두면 묶이지 않은 콘텐츠를 구조화·시험하게 되어 틀리다.
문제 48
다음 설명에 해당하는 3차원 모델링 방법은?
1와이어 프레임 모델(Wire-frame model)
2서페이스 모델(Surface model)
3솔리드 모델(Solid model)
4파라메트릭 모델(Parametric model)
정답 및 해설

설명에 해당하는 모델링 방법은 와이어 프레임 모델입니다.

그림의 박스는 선(line)만으로 입체를 생성하고, 처리 속도는 빠르지만 무게감·부피·실체감을 느낄 수 없다고 설명합니다. 꼭짓점과 모서리의 선만으로 형상을 표현하는 와이어 프레임 모델의 특징입니다.

  • 서페이스 모델 — 선이 아니라 면(surface)으로 물체의 겉면을 표현하는 방식입니다.
  • 솔리드 모델 — 내부까지 채워진 입체로 표현해 부피·질량 등을 다룰 수 있는 방식으로, 처리 속도가 가장 느린 편입니다.
  • 파라메트릭 모델 — 곡선·곡면을 매개변수 함수로 정의하는 방식입니다.
문제 49
웹사이트 분석 요소로 가장 거리가 먼 것은?
1사용자의 지적수준
2메뉴구성
3디자인구성
4사이트 제작 기술수준
문제 50
다음이 설명하고 있는 것은?
1Halfton
2Gradation
3Pixel
4Dithering
문제 51
다음 중 벡터이미지에 대한 설명으로 맞는 것은?
1픽셀을 이용해 전체 이미지를 구성한다.
2주로 로고나 심벌과 같이 정교한 작업에 적합하다.
3확대를 하면 계단 현상이 발생한다.
4벡터이미지 제작의 대표적인 소프트웨어는 포토샵이다.
정답 및 해설

벡터 이미지는 수학적으로 정의되어 있어 로고·심벌처럼 정교한 작업에 적합하다.

벡터는 점·선·면을 수식으로 저장하므로 확대·축소해도 윤곽이 깨끗하게 유지된다.

  • 픽셀로 전체 이미지를 구성하는 것은 비트맵 이미지이다.
  • 확대하면 계단 현상이 생기는 것은 비트맵 이미지이다.
  • 포토샵은 비트맵 편집이 중심이며, 벡터 제작의 대표 프로그램은 일러스트레이터이다.
문제 52
다음이 설명하고 있는 것은?
1이미지
2클레이
3애니메이션
4플래시
정답 및 해설

설명하고 있는 것은 플래시입니다.

그림의 박스는 매크로미디어사의 웹 애니메이션 기술 쇼크웨이브, 스트리밍 방식 지원, 애니메이션 GIF·무비 파일(MOV)·자체 실행 파일(EXE)·연속(sequence) 파일 출력을 설명합니다. 매크로미디어 플래시는 결과물을 쇼크웨이브 플래시(SWF)로 내보내며, 같은 형식들로 출판할 수 있는 웹 애니메이션 저작 도구입니다.

  • 이미지 — 정지된 그림을 가리키는 일반 용어로, 특정 회사가 개발한 애니메이션 기술이 아닙니다.
  • 클레이 — 점토 인형을 프레임 단위로 촬영하는 입체 스톱모션 애니메이션 기법입니다.
  • 애니메이션 — 움직이는 영상 전반을 가리키는 개념으로, 특정 제작 프로그램을 뜻하지 않습니다.
문제 53
웹사이트 내에서 움직이는 배너광고를 제작하고자 할 때 사용할 프로그램으로 가장 거리가 먼 것은?
1Flash
2Image Ready
3Director
4Illustrator
정답 및 해설

Illustrator는 움직이는 배너 제작 프로그램으로는 거리가 멀다.

일러스트레이터는 벡터 드로잉으로 정지 그림을 만드는 데 주로 쓰인다.

  • Flash는 애니메이션을 만드는 대표적인 도구이다.
  • Image Ready는 GIF 애니메이션을 만들 수 있는 도구이다.
  • Director는 멀티미디어·애니메이션 저작 도구이다.
문제 54
플래시(Flash)에서 맨 앞과 맨 끝 키 프레임에만 변화를 주면 중간 과정의 애니메이션을 만들어 주는 것을 무엇이라고 하는가?
1Motion
2Tweening
3Transform
4Guide
정답 및 해설

처음과 끝 키 프레임만 지정하면 그 사이 프레임을 자동으로 만들어 주는 기능은 트위닝(Tweening)이다.

트위닝은 in-between(중간 그림)에서 온 말로, 플래시에서는 위치·크기 변화를 만드는 모션 트윈과 모양 변화를 만드는 셰이프 트윈이 모두 트위닝의 방식이다.

  • Motion은 움직임 자체를 뜻하는 말로, 모션 트윈처럼 트위닝 앞에 붙어 종류를 나타낼 뿐 중간 프레임 자동 생성 기능의 이름이 아니다.
  • Transform은 개체의 크기·회전·기울기를 바꾸는 변형 기능이다.
  • Guide는 개체가 따라 움직일 경로를 그려 두는 가이드 레이어 기능이다.
문제 55
일반적으로 Photoshop 에서 검정색과 흰색의 이미지로 구성되어 선택된 영역이 합성되지 않도록 마스크 역할을 하는 메뉴는?
1조정 레이어(Adjustment Layer)
2알파채널(Alpha Channel)
3Z 버퍼(Z-buffer)
4히스토리(History)
정답 및 해설

검정과 흰색으로 선택 영역을 저장해 마스크로 쓰는 메뉴는 알파채널이다.

알파채널은 흑백(회색조) 정보로 선택 영역을 저장하며, 흰 부분은 선택·적용, 검은 부분은 보호하는 마스크 역할을 한다.

  • 조정 레이어는 아래 레이어에 색조·밝기 보정을 적용하는 레이어이다.
  • Z 버퍼는 3D 그래픽에서 깊이 정보를 이용해 가려지는 면을 처리하는 방식이다.
  • 히스토리는 작업 이력을 기록해 되돌리는 기능이다.
문제 56
대상물의 위치 이동으로 움직임을 표현하는 것으로 종이 등에 특정한 형태를 그리고 잘라낸 후 각각의 종이들을 한 장면씩 움직여 가며 촬영하는 애니메이션 기법은?
1컷 아웃 애니메이션
2셀 애니메니션
3투광 애니메니션
4스톱모션 애니메니션
문제 57
다음 중 웹폰트(MWF)에 대한 설명으로 틀린 것은?
1웹폰트는 작은 사이즈의 글자를 사용 한 경우에도 깨끗하게 보여 가독성이 높다.
2웹폰트를 사용해서 사이트를 만든 경우 해당폰트가 컴퓨터에 설치되어 있지 않으면 굴림체로 대체되어 보인다.
3문법에 맞지 않는 한글이나 한자의 경우에는 표현이 불가능한 경우도 있다.
4방문자의 컴퓨터에 해당 폰트가 설치되어 있지 않아도 작업된 웹폰트를 볼 수 있다.
문제 58
다음 파일 포맷 중 벡터 그래픽 파일 포맷이 아닌 것은?
1EPS
2PCX
3WMF
4AI
정답 및 해설

PCX 는 벡터가 아닌 비트맵(래스터) 이미지 포맷이다.

벡터 포맷은 점·선·곡선을 수학적 좌표와 수식으로 저장해 확대해도 깨지지 않는다.

  • EPS 는 포스트스크립트 기반으로 벡터 도형을 담는 포맷이라 벡터 그래픽으로 분류된다.
  • WMF(윈도우 메타파일)는 도형 그리기 명령을 저장하는 벡터 포맷이다.
  • AI 는 일러스트레이터의 패스 기반 벡터 파일 포맷이다.
문제 59
다음이 설명하고 있는 것은?
1스토리보드(Story Board)
2사이트 맵(Site Map)
3레이아웃(layout)
4내비게이션(Navigation)
정답 및 해설

설명하고 있는 것은 사이트 맵입니다.

그림의 박스는 웹사이트의 정보를 한눈에 찾아보기 위한 시각적 콘텐츠 모형으로, 일반적으로 테이블 형태의 계층형 구조이며 조직표 모형·입체 모형 등이 있다고 설명합니다. 사이트 전체 페이지의 구성과 위계를 보여 주는 사이트 맵의 특징입니다.

  • 스토리보드 — 화면 단위로 구성 요소·내용·동작을 정리한 설계 문서입니다.
  • 레이아웃 — 한 화면 안에서 글·이미지·메뉴 등의 요소를 배치하는 것입니다.
  • 내비게이션 — 페이지 사이를 이동하게 해 주는 메뉴·링크 등의 이동 체계입니다.
문제 60
일반적으로 인쇄를 목적으로 이미지를 만들 경우에 사용되는 색상 모드는?
1CMYK 모드
2HSB 모드
3RGB 모드
4LAB 모드
정답 및 해설

인쇄용 이미지는 CMYK 모드로 만든다.

인쇄는 시안·마젠타·노랑·검정 잉크를 겹쳐 찍는 감산혼합 방식이어서 잉크 4색에 대응하는 모드가 맞다.

  • HSB 모드는 색상·채도·명도로 색을 직관적으로 고르는 모델이며 잉크 4색에 대응하지 않는다.
  • RGB 모드는 빛의 가산혼합을 쓰는 모니터·웹용 모드다.
  • LAB 모드는 장치에 의존하지 않는 색 모델이라 잉크 4색 인쇄용 작업 모드로 쓰지 않는다.
웹디자인개발기능사 필기 기출문제모두CBT · moducbt.com
14년 4회차
총 60문항 · 객관식 · 정답·해설 포함
문제 1
빛의 스펙트럼에서 인간의 눈에 색상 기호로 인지되는 파장의 범위는?
1180nm ~ 780nm
2180nm ~ 1080nm
3380nm ~ 780nm
4380nm ~ 1080nm
정답 및 해설

사람의 눈에 색으로 인지되는 빛의 파장은 380nm ~ 780nm 범위다.

이 범위를 가시광선 영역이라고 한다.

  • 하한이 180nm 인 범위는 가시광선보다 짧은 파장, 즉 자외선 영역을 포함한다.
  • 하한이 180nm 이고 상한이 1080nm 인 범위는 양쪽으로 가시광선 밖의 영역을 포함한다.
  • 상한이 1080nm 인 범위는 가시광선보다 긴 파장, 즉 적외선 영역을 포함한다.
문제 2
기계화와 대량생산에 의한 제품의 품질저하에 반대하며 영국에서 일어난 미술공예운동(Art Crafts Movement)의 창시자는?
1윌리엄 모리스
2헨리 포드
3반 데 벨데
4무테지우스
정답 및 해설

미술공예운동의 창시자는 영국의 윌리엄 모리스다.

모리스는 기계 대량생산으로 떨어진 제품 품질에 반대하며 수공예의 미를 되살리려 했다.

  • 헨리 포드는 자동차 대량생산 방식을 확립한 미국의 기업가다.
  • 반 데 벨데는 벨기에 출신의 아르누보 디자이너·건축가다.
  • 무테지우스는 독일공작연맹을 이끈 독일의 건축가다.
문제 3
회색 바탕 위의 흰색 보다 검정 바탕 위의 흰색이 더 밝게 보이는 대비효과를 무엇이라고 하는가?
1색상대비
2명도대비
3보색대비
4한난대비
정답 및 해설

같은 흰색이 바탕의 밝기 차이로 다르게 보이는 현상은 명도대비다.

어두운 검정 바탕 위의 흰색은 회색 바탕 위보다 명도 차이가 커져 더 밝게 보인다.

  • 색상대비는 색상이 다른 색이 인접할 때 색상 차이가 커 보이는 현상이다.
  • 보색대비는 보색 관계의 색이 인접해 서로 선명해 보이는 현상이다.
  • 한난대비는 차가운 색과 따뜻한 색이 인접해 차고 따뜻한 느낌이 강해지는 현상이다.
문제 4
그레이 스케일(Gray Scale)이란?
1색상환에서 서로 마주보는 색을 혼합하는 것이다.
2흰색, 회색, 검은색을 말한다.
3명도의 기준 척도로 검은색과 흰색 사이의 단계를 나누어 놓은 것이다.
4색의 순환성에 따라 원형으로 배열한 것이다.
정답 및 해설

그레이 스케일은 흑과 백 사이를 단계로 나눈 명도 척도다.

명도의 기준이 되는 무채색 단계표다.

  • 서로 마주 보는 색(보색)을 섞는 것은 보색 혼합이다.
  • 흰색·회색·검은색 세 가지만 가리키는 것이 아니라 그 사이의 여러 단계를 포함한다.
  • 색을 순환성에 따라 원형으로 배열한 것은 색상환이다.
문제 5
색의 활용 효과에 대한 설명으로 틀린 것은?
1밝은 바탕에 어두운 색 글자보다 어두운 바탕에 밝은 색 글자가 더 굵고 커 보인다.
2같은 크기의 노란색 공과 파란색 공을 비교하면 노란색 공이 더 가볍게 느껴진다.
3천장을 좀 더 높게 보이게 하려면 벽면과 동일계열의 고명도 색을 천장에 칠한다.
4상의를 하의보다 더 어두운 색상으로 하면 키가 더 커 보인다.
정답 및 해설

상의를 하의보다 어둡게 하면 키가 커 보인다는 설명이 틀렸다.

어두운 색은 무겁고 수축되어 보이므로 상의가 어두우면 위쪽이 눌려 보이고, 상하의 명도 차로 몸이 가로로 끊겨 세로 흐름이 약해진다.

  • 어두운 바탕의 밝은 글자는 팽창되어 더 굵고 커 보이는 효과가 있다.
  • 흰색은 검정보다 가볍게 느껴진다.
  • 벽면과 같은 계열의 고명도 색을 천장에 칠하면 천장이 가볍게 보여 더 높아 보인다.
문제 6
다음 ( ) 안에 들어갈 알맞은 용어는?
1A : 점, B : 형
2A : 선, B : 형태
3A : 형, B : 면
4A : 형, B : 형태
정답 및 해설

A 는 형, B 는 형태입니다.

그림의 설명에서 A 는 외관으로 나타나는 윤곽, 즉 눈에 비치는 단순한 모양을 뜻하므로 형(shape)입니다. B 는 크기·색채·질감까지 포함해 대상물의 기본 특성을 제시하는 더 넓은 개념이므로 형태(form)입니다.

  • A : 점, B : 형 — 점은 위치만 있고 크기가 없어 외관의 윤곽을 이루지 못합니다.
  • A : 선, B : 형태 — 선은 점이 이동한 자취이며 대상의 외곽 모양 전체를 가리키는 말이 아닙니다.
  • A : 형, B : 면 — 면은 선이 이동해 생긴 2차원 요소로, 형을 포함하는 넓은 개념이 아닙니다.
문제 7
바우하우스의 설립자이며, 근대 건축과 디자인 운동의 대표적인 지도자는?
1모리스(MORRIS, WILLIAM)
2그로피우스(GROPIUS, WALTER)
3로위(ROWEY, RAYMOND)
4팹스너(PEVSNER, NIKOLAUS)
정답 및 해설

바우하우스의 설립자는 그로피우스다.

발터 그로피우스는 독일의 건축가로 바우하우스를 세워 근대 건축·디자인 운동을 이끌었다.

  • 윌리엄 모리스는 영국 미술공예운동을 이끈 인물이다.
  • 레이먼드 로위는 미국의 산업 디자이너다.
  • 니콜라우스 페브스너는 근대 디자인의 역사를 연구한 미술사학자다.
문제 8
저드(D, Judd)의 색채 조화의 원리에 해당하지 않는 것은?
1질서의 원리
2유사의 원리
3친근감의 원리
4연속성의 원리
정답 및 해설

저드의 색채 조화 원리에 연속성의 원리는 포함되지 않는다.

저드는 질서·친근감(친숙성)·유사·명료성의 네 가지 원리를 제시했다.

  • 질서의 원리는 저드가 제시한 원리다.
  • 유사의 원리는 저드가 제시한 원리다.
  • 친근감의 원리는 저드가 제시한 원리다.
문제 9
색의 혼합에서 TV의 컬러 이미지는 어떤 방식으로 표현 되는가?
1회전혼합
2병치가산혼합
3중간혼합
4감산병치혼합
문제 10
율동(rhythm)의 요소로 볼 수 없는 것은?
1점증
2반복
3변칙
4대칭
문제 11
착시현상 중 주위 도형의 조건에 따라 특정한 도형의 크기나 면적이 더욱 커 보이거나 작아 보이는 현상은?
1길이의 착시
2크기의 착시
3방향의 착시
4앙면시의 입체
문제 12
형태의 분류 중 이념적 형태에 대한 설명으로 옳은 것은?
1자연형태, 인위적 형태로 분류할 수 있다.
2눈으로 볼 수 있고 손으로 만질 수 있는 모든 형태를 말한다.
3점, 선, 면의 이동형태에 따라 입체를 형성하기 때문에 추상적 형태라고 한다.
4현실적으로 존재하는 형태를 말한다.
정답 및 해설

이념적 형태는 점·선·면의 이동으로 입체가 만들어지는 추상적 형태를 가리킨다.

이념적(순수) 형태는 눈에 보이는 실물이 아니라 관념 속의 형태로, 점·선·면·입체가 여기에 속한다. 현실적 형태와 대비되는 개념이다.

  • 자연형태·인위적 형태로 나누는 것은 현실적 형태의 분류이다.
  • 눈으로 보고 손으로 만질 수 있는 형태는 실제로 존재하는 현실적 형태의 설명이다.
  • 현실에 존재하는 형태라는 설명 역시 현실적 형태를 가리킨다.
문제 13
먼셀 표색계의 채도에 대한 설명으로 가장 옳은 것은?
1채도는 색의 밝고 어두운 정도를 말하며 검정을 0 으로 하고 흰색을 10 으로 한다.
2여러 유채색을 정원 모양으로 배열하여 표현한 것을 채도라 한다.
3채도는 1 에서 14 단계로 표기하며 채도가 높을수록 선명하다.
45R4/12에서 5는 채도를 의미한다.
정답 및 해설

먼셀 표색계에서 채도는 색의 선명한 정도이며 높을수록 선명하다.

채도는 색의 순수함·탁함을 나타내는 속성으로, 무채색에서 멀어질수록 값이 커진다.

  • 검정을 0, 흰색을 10으로 하는 밝고 어두운 정도는 명도의 설명이다.
  • 유채색을 원형으로 배열한 것은 색상환(색상의 배열)이지 채도가 아니다.
  • 5R4/12 표기에서 앞의 5R은 색상, 4는 명도, 12가 채도이므로 5를 채도로 보는 것은 틀리다.
문제 14
다음이 설명하고 있는 디자인 원리는?
1균형
2리듬
3변화
4조화
정답 및 해설

설명하는 디자인 원리는 조화입니다.

그림의 박스는 부분과 부분, 부분과 전체 사이에 안정된 관련성을 주면서 공감을 일으키는 원리이며, 그 종류로 유사(similarity)와 대비(contrast)를 듭니다. 성질이 비슷한 요소끼리의 유사 조화, 성질이 다른 요소끼리의 대비 조화로 나누는 것은 조화의 분류입니다.

  • 균형 — 대칭·비례·주도와 종속으로 이루는 시각적 안정을 말하며, 유사·대비로 나누지 않습니다.
  • 리듬 — 반복·점이·방사 등으로 생기는 시각적 율동을 말합니다.
  • 변화 — 통일과 짝을 이루어 단조로움을 깨는 원리로, 요소 사이의 관련성으로 공감을 일으키는 원리가 아닙니다.
문제 15
디자인 조건 중 최소의 재료에 의해 최대의 효과를 얻고자 하는 인간의 활동과 가장 밀접한 관계가 있는 것은?
1심미성
2질서성
3경제성
4독창성
정답 및 해설

최소의 재료로 최대의 효과를 얻으려는 디자인 조건은 경제성이다.

경제성은 재료·비용·노력을 효율적으로 써서 가장 큰 효과를 얻는 성질을 말한다.

  • 심미성은 아름답게 느껴지는 성질로, 재료 투입 대비 효과와는 관계가 없다.
  • 질서성은 여러 조건을 하나로 묶어 조화시키는 성질이어서 재료의 절약과는 거리가 있다.
  • 독창성은 새롭고 창조적인 성질로, 효율과는 다른 조건이다.
문제 16
아르누보의 신예술이라는 의미로 전통적 양식에서 탈피하고 새로운 미를 창조하려는 신예술 운동을 주장한 인물은?
1윌리암 모리스(Morris.W)
2앙리 반 데 벨데(Van de velde. Henri)
3헤르만 무테지우스(Muthesius.H)
4구스타프 클림트(Klimt.G)
정답 및 해설

아르누보(Art Nouveau, 신예술)는 19세기 말 유럽에서 전통적 양식을 거부하고 자연 형태와 곡선을 통해 새로운 미를 추구한 운동이다. 앙리 반 데 벨데는 벨기에의 건축가·디자이너로서 아르누보의 핵심 이론가이자 실천가로, 기능주의와 장식의 조화를 강조하며 이 운동을 주도적으로 전개했다.

  • 윌리암 모리스는 선행 세대의 미술공예운동(Arts and Crafts) 주창자이다.
  • 무테지우스는 독일 공작연맹의 이론가이다.
  • 클림트는 비인나 분리주의 화가이다.

이들은 각각 다른 역할과 시기를 가진다.

문제 17
색채 조화를 위한 배색 시 고려해야 할 사항으로 거리가 먼 것은?
1배색할 때 전체 색조를 생각한 후, 색상 수를 될 수 있는 대로 많이 한다.
2색의 전체적인 인상을 통일하기 위해 색상, 명도, 채도 중 한 가지 공통된 부분을 만들어 준다.
3비슷한 색상들로 이루어진 조화는 명도나 채도에 차이를 두어 대비 효과를 구성한다.
4일반적으로 가벼운 색은 위쪽으로 하고, 무거운 색은 아래쪽으로 한다.
정답 및 해설

색채 조화를 위한 배색에서 색상 수를 가능한 한 많이 하라는 것은 고려 사항으로 거리가 멀다.

색을 많이 쓰면 전체 인상이 산만해져 조화와 통일이 깨지기 쉽다. 배색은 색 수를 절제하여 전체 색조를 일관되게 만드는 것이 기본이다.

  • 색상·명도·채도 중 한 가지 공통 요소를 두는 것은 통일된 인상을 만드는 방법이므로 고려할 사항이다.
  • 비슷한 색상끼리 조화시킬 때 명도나 채도에 차이를 주는 것은 단조로움을 피하는 방법이므로 고려할 사항이다.
  • 가벼운 색을 위, 무거운 색을 아래에 두는 것은 안정감을 주는 배색 원칙이므로 고려할 사항이다.
문제 18
그래픽의 표현 요소 중 회화나 사진을 비롯하여 도형, 도표 등 문자 이외의 시각화된 것을 의미하는 것은?
1일러스트레이션
2포스터
3신문광고
4표지
정답 및 해설

회화·사진·도형·도표 등 문자 이외의 시각화된 표현 요소는 일러스트레이션이다.

일러스트레이션은 글의 내용을 이해시키고 시각적으로 전달하기 위해 사용하는 그림·사진·도표 등의 시각 요소를 폭넓게 가리킨다.

  • 포스터는 시각 요소와 문자가 결합된 인쇄 매체의 한 종류이다.
  • 신문광고는 신문 지면에 싣는 광고 매체이다.
  • 표지는 책이나 간행물의 겉면을 가리키는 말로, 시각 요소의 유형이 아니다.
문제 19
제품 디자인(Product Design) 분야로 거리가 먼 것은?
1영상 디자인
2완구 디자인
3가전 디자인
4가구 디자인
정답 및 해설

영상 디자인은 제품 디자인이 아니라 시각 전달 디자인(비주얼 디자인) 분야에 속한다.

제품 디자인은 사용자가 쓰는 입체적인 물건을 대상으로 한다. 영상은 화면을 통해 정보를 전달하는 매체 디자인이다.

  • 완구는 장난감이라는 물건을 만드는 제품 디자인이다.
  • 가전은 가정용 전기·전자 제품을 다루는 제품 디자인이다.
  • 가구는 생활용품을 다루는 제품 디자인이다.
문제 20
다음이 설명하고 있는 현상은?
1부의 잔상
2정의 잔상
3동화 현상
4매스 효과
정답 및 해설

책을 열심히 본 후 시선을 옮기면 원래 검은 글자가 흰색으로 보이는 것은 원자극과 반대되는 밝기·색상으로 나타나는 잔상이므로 부의 잔상(음성 잔상)에 해당한다. 정의 잔상은 원자극과 동일한 색·밝기가 그대로 남아 보이는 현상이고, 동화 현상과 매스 효과는 색채 대비·면적에 관련된 현상으로 이 설명과 무관하다.

문제 21
일반적인 웹 브라우저의 기능으로 틀린 것은?
1웹 페이지의 저장 및 인쇄
2최근 방문한 URL 의 목록제공
3소스 파일 보기
4멀티미디어를 이용한 홈페이지 제작
정답 및 해설

멀티미디어를 이용한 홈페이지 제작은 웹 브라우저가 아니라 웹 에디터·저작 도구의 기능이다.

브라우저는 웹 문서를 읽어 화면에 보여 주는 프로그램이며, 홈페이지를 만드는 제작 기능은 포함하지 않는다.

  • 웹 페이지의 저장과 인쇄는 브라우저의 기본 기능이다.
  • 최근 방문한 URL 목록을 제공하는 것은 브라우저의 방문 기록 기능이다.
  • 소스 파일 보기는 브라우저가 받아온 HTML 문서를 확인하는 기능이다.
문제 22
다음 중 HTML에 대한 설명으로 틀린 것은?
1HTML은 대ㆍ소문자를 구분한다.
2ASCII 무자로 되어 있는 일반 Text 형태이다.
3HTML로 제작된 페이지는 웹브라우저에서 해석되어 실행된다.
4HTML의 문서는 태그(tag)로 구성되어 있다.
정답 및 해설

HTML은 대·소문자를 구분하지 않으므로 구분한다는 설명이 틀렸다.

HTML 태그는 대문자로 쓰든 소문자로 쓰든 브라우저가 같게 해석한다.

  • ASCII 문자로 이루어진 일반 텍스트 형태라는 설명은 맞다.
  • HTML 페이지가 웹 브라우저에서 해석되어 화면에 표시된다는 설명은 맞다.
  • HTML 문서가 태그로 구성된다는 설명은 맞다.
문제 23
지역 간 또는 국가 간과 같이 지리적으로 완전하게 떨어진 곳을 연결하는 통신망은?
1VAN
2WAN
3MAN
4LAN
정답 및 해설

지리적으로 멀리 떨어진 지역·국가를 연결하는 통신망은 WAN(광역 통신망)이다.

WAN은 넓은 범위에 걸쳐 여러 네트워크를 연결한다. 범위가 넓어 전용선·공중망을 이용한다.

  • VAN은 회선을 빌려 부가 가치를 더한 통신 서비스를 제공하는 부가가치통신망이다.
  • MAN은 한 도시 정도 범위를 연결하는 도시권 통신망이다.
  • LAN은 건물·구내처럼 좁은 범위를 연결하는 근거리 통신망이다.
문제 24
OSI 7 계층 중 프로세스 간의 대화 제어 및 동기점을 이용한 효율적인 데이터 복구를 제공하는 계층은?
1세션 계층
2네트워크 계층
3물리 계층
4전송 계층
정답 및 해설

프로세스 간 대화 제어와 동기점을 이용한 데이터 복구는 세션 계층의 기능이다.

세션 계층은 통신하는 응용 프로세스 사이의 연결(세션)을 설정·유지·종료하고, 동기점을 두어 오류가 나면 그 지점부터 다시 전송하게 한다.

  • 네트워크 계층은 경로 설정(라우팅)과 주소 지정을 담당한다.
  • 물리 계층은 비트를 전기 신호로 실제 전송하는 계층이다.
  • 전송 계층은 종단 간 신뢰성 있는 전송, 오류·흐름 제어를 담당한다.
문제 25
다음 기능을 수행하는 것은?
1백신 프로그램
2웹 서버
3프록시 서버
4LAN 프로토콜 분석기
정답 및 해설

설명된 기능을 수행하는 것은 프록시 서버입니다.

그림의 박스는 웹 캐시로 접속 속도를 높이고, 패킷 필터링으로 특정 응용 프로토콜 접속을 막으며, 사설 IP 를 사용해 IP 주소 부족을 일부 해결한다고 설명합니다. 클라이언트와 외부 인터넷 사이에서 요청을 대신 처리하는 프록시 서버의 기능입니다.

  • 백신 프로그램 — 컴퓨터의 악성 코드를 탐지·치료하는 프로그램으로, 웹 캐시나 사설 IP 기능이 없습니다.
  • 웹 서버 — 클라이언트의 요청에 웹 문서를 제공하는 서버로, 다른 서버로 가는 요청을 대신 중계하지 않습니다.
  • LAN 프로토콜 분석기 — 네트워크의 패킷을 수집해 분석하는 도구로, 접속을 빠르게 하거나 차단하는 기능이 아닙니다.
문제 26
다음 중 LAN의 물리적 통신망 구조가 아닌 것은?
1성(star)형
2버스(bus)형
3십자(cross)형
4링(ring)형
정답 및 해설

십자(cross)형은 LAN의 물리적 구조로 쓰이지 않는다.

LAN의 대표적인 물리적 구조(토폴로지)는 성형, 버스형, 링형 등이다.

  • 성형은 중앙 장치에 모든 노드를 연결하는 구조이다.
  • 버스형은 하나의 공통 회선에 노드를 연결하는 구조이다.
  • 링형은 노드를 고리 모양으로 연결하는 구조이다.
문제 27
인터넷의 시초가 된 네트워크로서, 1969년 미 국방성에서 군사목적으로 개발하였던 것은?
1KRNIC
2KREONET
3InterNIC
4ARPANET
정답 및 해설

1969년 미 국방성이 개발해 인터넷의 시초가 된 네트워크는 ARPANET이다.

ARPANET은 군사 목적의 패킷 교환 네트워크로 시작되어 이후 TCP/IP를 채택하며 인터넷으로 발전했다.

  • KRNIC은 국내 인터넷 주소·도메인을 관리하는 기관이다.
  • KREONET은 국내 과학기술 연구 기관을 잇는 연구망이다.
  • InterNIC은 도메인·IP 주소를 등록·관리하는 미국의 기관이다.
문제 28
다음 중 컴퓨터 네트워크의 장점에 대한 설명으로 틀린 것은?
1공유를 통하여 보안성을 높일 수 있다.
2다른 주변장치를 공유할 수 있다.
3공동 작업을 할 수 있다.
4하나의 응용프로그램을 여러 사람이 사용할 수 있다.
정답 및 해설

공유를 통해 보안성을 높일 수 있다는 설명이 틀렸다.

네트워크로 자원을 공유하면 접근 경로가 늘어 보안 위협이 커지므로 별도의 보안 대책이 필요하다. 공유의 이점은 보안이 아니라 효율과 비용 절감이다.

  • 프린터 같은 주변장치를 공유할 수 있다는 것은 장점이다.
  • 여러 사람이 공동 작업을 할 수 있다는 것은 장점이다.
  • 하나의 응용프로그램을 여러 사람이 사용할 수 있다는 것은 장점이다.
문제 29
다음 중 URL 형식에서 :// 앞에 오는 것은?
1프로토콜
2IP 주소
3접속 포트번호
4디렉터리명
정답 및 해설

URL의 기본 구조는 프로토콜://호스트/경로 형태이며, :// 앞에 오는 부분이 바로 프로토콜이다. 예를 들어 http://www.example.com/index.html에서 http가 프로토콜이고, https://192.168.1.1:8080/admin에서 https가 프로토콜이다. IP주소는 ://뒤에 오고, 포트번호는 호스트 뒤 콜론(:) 뒤에, 디렉토리명은 슬래시(/) 뒤에 위치한다.

문제 30
인터넷에서 접속하고자 하는 URL을 정확하게 입력하였지만 "페이지를 표시할수 없다."는 메세지와 함께 접속이 되지 않았다. 그러나 IP 주소를 입력하면 접속이 되는 경우, 클라이언트 측에서 찾을 수 있는 원인으로 가장 적당한 것은?
1IP 주소를 할당받지 못한 경우
2Proxy 서버를 설정하지 않은 경우
3FTP 서버를 설정하지 않은 경우
4DNS 서버를 설정하지 않은 경우
정답 및 해설

URL은 안 되고 IP 주소로는 접속된다면 도메인을 IP로 바꾸는 DNS 서버 설정이 누락된 것이다.

도메인 이름을 IP 주소로 변환해 주는 것이 DNS이다. 변환이 안 되면 이름으로는 접속이 안 되지만 IP를 직접 입력하면 접속된다.

  • IP 주소를 할당받지 못했다면 IP를 직접 입력해도 접속이 안 된다.
  • Proxy 서버 설정은 접속을 중계하는 경로의 문제이며 이름을 IP로 바꾸는 것과는 관련이 없다.
  • FTP 서버는 파일 전송 서비스를 위한 것으로 웹 페이지 접속과는 관계가 없다.
문제 31
자신이 원하는 정보나 특정한 목적을 이루기 위하여 인터넷을 이용하여 정보를 취득하는 일련의 작업을 의미하는 것은?
1검색엔진
2정보검색
3월드 와이드 웹
4위즈윅
정답 및 해설

인터넷으로 원하는 정보를 얻는 일련의 작업은 정보검색이다.

정보검색은 목적에 맞는 정보를 찾아 취득하는 행위 자체를 뜻한다.

  • 검색엔진은 정보검색을 돕는 도구(프로그램·사이트)이지 작업 과정 자체가 아니다.
  • 월드 와이드 웹은 하이퍼텍스트로 정보를 연결한 인터넷 서비스이다.
  • 위즈윅은 화면에서 보이는 대로 결과가 나오는 편집 방식(WYSIWYG)이다.
문제 32
자바 스크립트에 대한 설명으로 틀린 것은?
1HTML 문서 내에 자바 스크립트가 삽입된 형태로 존재한다.
2자바 스크립트 작성 시 변수 타입의 선언 없이 사용가능하다.
3웹 브라우저에 의해 코드 자체가 번역된다.
4절차 지향(Procedure-Oriented) 언어이다.
문제 33
일반적으로 웹서버가 동작하는 과정을 순서대로 옳게 나열한 것은?
1연결설정 → 클라이언트가 정보요청 → 서버의 응답 → 연결 종료
2연결설정 → 서버의 응답 → 클라이언트가 정보요청 → 연결 종료
3클라이언트가 정보요청 → 연결설정 → 서버의 응답 → 연결 종료
4클라이언트가 정보요청 → 서버의 응답 → 연결설정 → 연결 종료
정답 및 해설

웹 서버는 연결 설정 → 정보 요청 → 서버 응답 → 연결 종료 순으로 동작한다.

먼저 클라이언트와 서버 사이에 연결이 설정되어야 요청을 보낼 수 있고, 서버는 그 요청에 응답한 뒤 연결을 끊는다.

  • 응답이 요청보다 앞설 수 없으므로 응답을 요청 앞에 둔 순서는 틀리다.
  • 연결이 설정되기 전에 정보 요청을 먼저 보낼 수 없다.
  • 요청·응답이 끝난 뒤에 연결을 설정하는 순서는 불가능하다.
문제 34
자바스크립트에서 일정한 시간마다 브라우저 상태를 파악하거나 동작을 수행하는데 사용되는 함수는?
1window.setInterval()
2window.setTimer()
3window.timer()
4window.setTime()
정답 및 해설

자바스크립트에서 일정한 시간마다 반복해서 특정 함수나 코드를 실행하는 함수는 window.setInterval()이다. setInterval()은 지정된 밀리초 간격으로 계속 실행되며, 브라우저 상태 모니터링이나 주기적 동작 수행에 사용된다. setTimer(), timer(), setTime()은 자바스크립트 표준 메서드가 아니며, 한 번만 실행하는 setTimeout()과는 구분된다.

문제 35
교육기관을 의미하는 인터넷 도메인으로 틀린 것은?
1hs
2edu
3ac
4or
정답 및 해설

or는 교육기관이 아니라 비영리 단체(organization)를 나타내는 도메인이다.

교육기관은 대학·학교 등을 나타내는 도메인으로 구분한다.

  • hs는 고등학교를 나타낸다.
  • edu는 교육기관을 나타낸다.
  • ac는 대학 등 학술 기관을 나타낸다.
문제 36
웹 검색엔진의 유형에 해당하지 않는 것은?
1웹 인덱스 방식
2파일별 검색 방식
3웹 디렉터리 방식
4통합형 검색 방식
정답 및 해설

파일별 검색 방식은 웹 검색엔진의 유형으로 분류되지 않는다.

웹 검색엔진은 주제 분류를 따라가는 디렉터리 방식, 수집 문서의 색인을 키워드로 찾는 인덱스 방식, 하나의 검색어로 여러 검색 결과를 모아 보여 주는 통합형 방식 등으로 나뉜다.

  • 웹 인덱스 방식은 수집한 문서를 색인해 키워드로 찾는 검색엔진 유형이다.
  • 웹 디렉터리 방식은 주제별 분류 체계를 따라 찾아가는 검색엔진 유형이다.
  • 통합형 검색 방식은 한 번의 검색으로 여러 결과를 함께 보여 주는 검색엔진 유형이다.
문제 37
자원을 해킹(hacking)으로부터 보호하기 위한 방법으로 틀린 것은?
1조직 내부의 네트워크 컴퓨터들은 공용 IP 주소를 사용하고 외부와 연결되는 컴퓨터에만 개인용 IP 주소를 할당한다.
2조직 내부의 네트워크를 보호하기 위해 방화벽을 설치하여 네트워크 보안을 강화한다.
3특정 자원을 사용할 필요가 있는 사용자에게는 필요한 권한만 할당한다.
4보안상의 문제가 알려진 서비스나 운영체제의 경우 제조사에서 제공하는 패치프로그램을 수시로 적용한다.
정답 및 해설

내부 컴퓨터에는 공용 IP, 외부 연결 컴퓨터에만 개인용 IP를 쓴다는 설명은 반대로 되어 있어 틀렸다.

보호를 위해서는 내부 네트워크에 사설(개인용) IP를 사용해 외부에서 직접 접근하지 못하게 하고, 외부와 연결되는 컴퓨터에만 공인 IP를 둔다.

  • 방화벽을 설치해 내부 네트워크를 보호하는 것은 올바른 보안 방법이다.
  • 필요한 사용자에게 필요한 권한만 주는 것은 최소 권한 원칙으로 올바르다.
  • 알려진 보안 문제는 제조사의 패치로 수시로 보완하는 것이 올바르다.
문제 38
다음 중 HTML 태그에 대한 설명으로 틀린 것은?
1<HTML> : 도움말의 시작
2<TITLE> : 문서의 제목 시작
3<BODY> : 문서의 본론 시작
4<HEAD> : 머리말 시작
정답 및 해설

<HTML>은 도움말의 시작이 아니라 HTML 문서의 시작을 알리는 태그이다.

도움말과는 관련이 없고, 문서가 HTML 형식임을 선언하며 전체 내용을 감싼다.

  • <TITLE>은 문서의 제목을 시작하는 태그가 맞다.
  • <BODY>는 브라우저에 표시되는 본문의 시작이 맞다.
  • <HEAD>는 문서의 머리말 부분의 시작이 맞다.
문제 39
웹 브라우저(Web Browser)에 해당하지 않는 것은?
1인터넷 익스플로러(Internet Explorer)
2오페라(Opera)
3텔넷(Telnet)
4모자이크(Mosaic)
정답 및 해설

텔넷(Telnet)은 원격 컴퓨터에 접속하는 프로토콜·프로그램이지 웹 브라우저가 아니다.

웹 브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이다.

  • 인터넷 익스플로러는 웹 브라우저이다.
  • 오페라는 웹 브라우저이다.
  • 모자이크는 초기의 그래픽 웹 브라우저이다.
문제 40
웹페이지 제작 시 사용되는 스타일시트(CSS)에 대한 설명으로 틀린 것은?
1내부 스타일시트 적용 시<HTML>와 </HTML> 내에서 자유롭게 정의할 수 있다.
2Inline CS 와 Internal CS 가 부분적으로 충돌할 경우, 충돌하지 않는 Internal CS 는 그대로 상속 적용한다.
3외부스타일시트의 파일타입(확장자)은 .CSS 이다.
4웹문서 내에 특정 영역에만 영향을 주기 위해 <SPAN>, <DIV> 태그를 사용한다.
정답 및 해설

내부 스타일시트는 <HTML>과 </HTML> 사이 아무 곳에서나 정의하는 것이 아니라 <HEAD> 영역 안의 <STYLE> 태그로 정의하므로 이 설명이 틀렸다.

내부 스타일시트는 문서 머리말에 모아 두고 본문 전체에 적용하며, 같은 요소에 인라인 스타일이 함께 지정되면 겹치는 속성만 인라인이 우선한다.

  • 인라인과 내부 스타일이 일부만 충돌하면 충돌하지 않는 내부 스타일 속성은 그대로 적용된다는 설명은 맞다.
  • 외부 스타일시트 파일의 확장자가 .css라는 설명은 맞다.
  • 문서의 특정 영역에만 스타일을 주기 위해 <SPAN>·<DIV> 태그를 쓴다는 설명은 맞다.
문제 41
저해상도 비트맵 이미지에서 곡선이나 사선드로잉 결과는 계단 모양이나 지그재그 모양으로 나타낸다. 이와 같은 계단현상을 부드럽게 처리하기 위해 사용되는 방식은?
1레이트레이싱(Ray Tracing)
2레일캐스팅(Ray Casting)
3앨리어스(Alias)
4안티앨리어스(Anit-Alias)
정답 및 해설

계단 현상을 부드럽게 처리하는 방식은 안티앨리어스이다.

안티앨리어싱은 경계 부분의 픽셀에 중간 색을 넣어 계단 모양을 완화한다.

  • 레이트레이싱은 광선을 추적해 반사·굴절을 표현하는 렌더링 기법이다.
  • 레이캐스팅은 광선을 투사해 보이는 면을 판별하는 렌더링 기법이다.
  • 앨리어스는 계단 현상 그 자체를 가리키는 말이다.
문제 42
웹 페이지의 레이아웃을 디자인할 때 주의사항으로 적합하지 않은 것은?
1모든 컨텐츠를 메인페이지에 배치하여 최대한 단순하고 간결하게 한다.
2콘텐츠의 연결이 일관성 있고 논리적이어야 한다.
3중요한 콘텐츠부터 배치한 후 세부 콘텐츠를 배치한다.
4텍스트와 그래픽 요소를 적절히 조화시킨다.
정답 및 해설

모든 콘텐츠를 메인페이지에 배치하는 것은 레이아웃 설계에 적합하지 않다.

한 화면에 모두 넣으면 복잡해져 원하는 정보를 찾기 어렵고, 중요도에 따라 단계적으로 배치해야 한다.

  • 콘텐츠 연결이 일관되고 논리적이어야 한다는 것은 적합한 주의사항이다.
  • 중요한 콘텐츠부터 배치한 뒤 세부 콘텐츠를 배치하는 것은 적합하다.
  • 텍스트와 그래픽 요소를 적절히 조화시키는 것은 적합하다.
문제 43
컴퓨터 그래픽스 역사 중 다음 설명에 해당하는 시대는?
11960년대
21970년대
31980년대
41990년대
정답 및 해설

설명된 사건들은 1990년대의 일입니다.

그림의 박스에 나열된 사건은 마이크로소프트 윈도우 3.0 발표(1990년), AutoDesk 의 3D Studio 발표(1990년), 3차원 가상현실 기술 언어 VRML 1.0 발표(1990년대 중반)로, 모두 1990년대에 일어난 일입니다.

  • 1960년대 — 컴퓨터 그래픽스라는 용어가 등장하고 CAD 가 시작된 시기로, 개인용 그래픽 운영체제나 VRML 은 아직 없었습니다.
  • 1970년대 — 셰이딩·텍스처 매핑 같은 렌더링 기법이 연구되던 시기입니다.
  • 1980년대 — 개인용 컴퓨터와 그래픽 프로그램이 보급되던 시기로, 박스의 세 사건은 그 이후에 발표되었습니다.
문제 44
웹 사이트에 등재할 이미지의 크기가 클 경우 크기를 조정하기 위한 가장 올바른 방법은?
1웹에서 소스 수정으로 사이즈를 조정한다.
2드림위버에서 이미지 크기를 줄인다.
3포토샵의 이미지 사이즈에서 픽셀 수를 줄인다.
4나모 웹 에디터에서 웹용으로 저장할 때 Quality를 낮춘다.
문제 45
컴퓨터 그래픽스 시스템의 입력장치로 틀린 것은?
1디지타이저(Digitizer)
2타블렛(Tablet)
3스캐너(Scanner)
4플로터(Plotter)
정답 및 해설

플로터는 입력장치가 아니라 도면·그림을 종이에 그려 내는 출력장치이다.

컴퓨터 그래픽스에서 입력장치는 좌표나 그림 정보를 컴퓨터로 넣는 장치이다.

  • 디지타이저는 좌표를 입력하는 장치이다.
  • 타블렛은 펜으로 그린 좌표를 입력하는 장치이다.
  • 스캐너는 그림·사진을 읽어 들이는 입력장치이다.
문제 46
다음 중 동영상 관련 파일포맷으로 옳지 않은 것은?
1asf
2wmv
3avi
4xml
정답 및 해설

xml은 동영상 포맷이 아니라 데이터를 구조화하는 마크업 언어이다.

동영상 파일 형식은 영상과 소리를 담는 파일 포맷이다.

  • asf는 스트리밍에 쓰이는 동영상 포맷이다.
  • wmv는 윈도우 미디어 동영상 포맷이다.
  • avi는 윈도우의 대표적인 동영상 포맷이다.
문제 47
콘텐츠를 분류, 분석, 그룹핑 하는 등의 작업이 이뤄지는 정보 체계화(Contents Branch) 과정을 단계별로 가장 적절하게 나열한 것은?
1콘텐츠 수집 → 콘텐츠 그룹화 → 콘텐츠 구조화 → 계층구조의 설계 → 콘텐츠 구조설계 테스트
2콘텐츠 수집 → 계층구조의 설계 → 콘텐츠 그룹화 → 콘텐츠 구조화 → 콘텐츠 구조설계 테스트
3콘텐츠 수집 → 콘텐츠 그룹화 → 콘텐츠 구조화 → 콘텐츠 구조설계 테스트 → 계층구조의 설계
4콘텐츠 수집 → 콘텐츠 구조화 → 콘텐츠 구조설계 테스트 → 콘텐츠 그룹화 → 계층구조의 설계
정답 및 해설

정보 체계화는 콘텐츠 수집 → 그룹화 → 구조화 → 계층구조 설계 → 구조설계 테스트 순서로 진행한다.

먼저 모은 콘텐츠를 묶고, 묶은 결과를 구조화한 뒤 계층을 설계하며, 설계가 끝난 다음 테스트로 검증한다.

  • 계층구조 설계를 그룹화·구조화보다 앞에 두면 묶이지 않은 콘텐츠에 계층을 부여하게 되어 틀리다.
  • 구조설계 테스트를 계층구조 설계보다 앞에 두면 설계되지 않은 구조를 시험하게 되어 틀리다.
  • 구조화를 그룹화보다 앞에 두고 테스트를 중간에 두면 묶이지 않은 콘텐츠를 구조화·시험하게 되어 틀리다.
문제 48
다음 설명에 해당하는 3차원 모델링 방법은?
1와이어 프레임 모델(Wire-frame model)
2서페이스 모델(Surface model)
3솔리드 모델(Solid model)
4파라메트릭 모델(Parametric model)
정답 및 해설

설명에 해당하는 모델링 방법은 와이어 프레임 모델입니다.

그림의 박스는 선(line)만으로 입체를 생성하고, 처리 속도는 빠르지만 무게감·부피·실체감을 느낄 수 없다고 설명합니다. 꼭짓점과 모서리의 선만으로 형상을 표현하는 와이어 프레임 모델의 특징입니다.

  • 서페이스 모델 — 선이 아니라 면(surface)으로 물체의 겉면을 표현하는 방식입니다.
  • 솔리드 모델 — 내부까지 채워진 입체로 표현해 부피·질량 등을 다룰 수 있는 방식으로, 처리 속도가 가장 느린 편입니다.
  • 파라메트릭 모델 — 곡선·곡면을 매개변수 함수로 정의하는 방식입니다.
문제 49
웹사이트 분석 요소로 가장 거리가 먼 것은?
1사용자의 지적수준
2메뉴구성
3디자인구성
4사이트 제작 기술수준
문제 50
다음이 설명하고 있는 것은?
1Halfton
2Gradation
3Pixel
4Dithering
문제 51
다음 중 벡터이미지에 대한 설명으로 맞는 것은?
1픽셀을 이용해 전체 이미지를 구성한다.
2주로 로고나 심벌과 같이 정교한 작업에 적합하다.
3확대를 하면 계단 현상이 발생한다.
4벡터이미지 제작의 대표적인 소프트웨어는 포토샵이다.
정답 및 해설

벡터 이미지는 수학적으로 정의되어 있어 로고·심벌처럼 정교한 작업에 적합하다.

벡터는 점·선·면을 수식으로 저장하므로 확대·축소해도 윤곽이 깨끗하게 유지된다.

  • 픽셀로 전체 이미지를 구성하는 것은 비트맵 이미지이다.
  • 확대하면 계단 현상이 생기는 것은 비트맵 이미지이다.
  • 포토샵은 비트맵 편집이 중심이며, 벡터 제작의 대표 프로그램은 일러스트레이터이다.
문제 52
다음이 설명하고 있는 것은?
1이미지
2클레이
3애니메이션
4플래시
정답 및 해설

설명하고 있는 것은 플래시입니다.

그림의 박스는 매크로미디어사의 웹 애니메이션 기술 쇼크웨이브, 스트리밍 방식 지원, 애니메이션 GIF·무비 파일(MOV)·자체 실행 파일(EXE)·연속(sequence) 파일 출력을 설명합니다. 매크로미디어 플래시는 결과물을 쇼크웨이브 플래시(SWF)로 내보내며, 같은 형식들로 출판할 수 있는 웹 애니메이션 저작 도구입니다.

  • 이미지 — 정지된 그림을 가리키는 일반 용어로, 특정 회사가 개발한 애니메이션 기술이 아닙니다.
  • 클레이 — 점토 인형을 프레임 단위로 촬영하는 입체 스톱모션 애니메이션 기법입니다.
  • 애니메이션 — 움직이는 영상 전반을 가리키는 개념으로, 특정 제작 프로그램을 뜻하지 않습니다.
문제 53
웹사이트 내에서 움직이는 배너광고를 제작하고자 할 때 사용할 프로그램으로 가장 거리가 먼 것은?
1Flash
2Image Ready
3Director
4Illustrator
정답 및 해설

Illustrator는 움직이는 배너 제작 프로그램으로는 거리가 멀다.

일러스트레이터는 벡터 드로잉으로 정지 그림을 만드는 데 주로 쓰인다.

  • Flash는 애니메이션을 만드는 대표적인 도구이다.
  • Image Ready는 GIF 애니메이션을 만들 수 있는 도구이다.
  • Director는 멀티미디어·애니메이션 저작 도구이다.
문제 54
플래시(Flash)에서 맨 앞과 맨 끝 키 프레임에만 변화를 주면 중간 과정의 애니메이션을 만들어 주는 것을 무엇이라고 하는가?
1Motion
2Tweening
3Transform
4Guide
정답 및 해설

처음과 끝 키 프레임만 지정하면 그 사이 프레임을 자동으로 만들어 주는 기능은 트위닝(Tweening)이다.

트위닝은 in-between(중간 그림)에서 온 말로, 플래시에서는 위치·크기 변화를 만드는 모션 트윈과 모양 변화를 만드는 셰이프 트윈이 모두 트위닝의 방식이다.

  • Motion은 움직임 자체를 뜻하는 말로, 모션 트윈처럼 트위닝 앞에 붙어 종류를 나타낼 뿐 중간 프레임 자동 생성 기능의 이름이 아니다.
  • Transform은 개체의 크기·회전·기울기를 바꾸는 변형 기능이다.
  • Guide는 개체가 따라 움직일 경로를 그려 두는 가이드 레이어 기능이다.
문제 55
일반적으로 Photoshop 에서 검정색과 흰색의 이미지로 구성되어 선택된 영역이 합성되지 않도록 마스크 역할을 하는 메뉴는?
1조정 레이어(Adjustment Layer)
2알파채널(Alpha Channel)
3Z 버퍼(Z-buffer)
4히스토리(History)
정답 및 해설

검정과 흰색으로 선택 영역을 저장해 마스크로 쓰는 메뉴는 알파채널이다.

알파채널은 흑백(회색조) 정보로 선택 영역을 저장하며, 흰 부분은 선택·적용, 검은 부분은 보호하는 마스크 역할을 한다.

  • 조정 레이어는 아래 레이어에 색조·밝기 보정을 적용하는 레이어이다.
  • Z 버퍼는 3D 그래픽에서 깊이 정보를 이용해 가려지는 면을 처리하는 방식이다.
  • 히스토리는 작업 이력을 기록해 되돌리는 기능이다.
문제 56
대상물의 위치 이동으로 움직임을 표현하는 것으로 종이 등에 특정한 형태를 그리고 잘라낸 후 각각의 종이들을 한 장면씩 움직여 가며 촬영하는 애니메이션 기법은?
1컷 아웃 애니메이션
2셀 애니메니션
3투광 애니메니션
4스톱모션 애니메니션
문제 57
다음 중 웹폰트(MWF)에 대한 설명으로 틀린 것은?
1웹폰트는 작은 사이즈의 글자를 사용 한 경우에도 깨끗하게 보여 가독성이 높다.
2웹폰트를 사용해서 사이트를 만든 경우 해당폰트가 컴퓨터에 설치되어 있지 않으면 굴림체로 대체되어 보인다.
3문법에 맞지 않는 한글이나 한자의 경우에는 표현이 불가능한 경우도 있다.
4방문자의 컴퓨터에 해당 폰트가 설치되어 있지 않아도 작업된 웹폰트를 볼 수 있다.
문제 58
다음 파일 포맷 중 벡터 그래픽 파일 포맷이 아닌 것은?
1EPS
2PCX
3WMF
4AI
정답 및 해설

PCX 는 벡터가 아닌 비트맵(래스터) 이미지 포맷이다.

벡터 포맷은 점·선·곡선을 수학적 좌표와 수식으로 저장해 확대해도 깨지지 않는다.

  • EPS 는 포스트스크립트 기반으로 벡터 도형을 담는 포맷이라 벡터 그래픽으로 분류된다.
  • WMF(윈도우 메타파일)는 도형 그리기 명령을 저장하는 벡터 포맷이다.
  • AI 는 일러스트레이터의 패스 기반 벡터 파일 포맷이다.
문제 59
다음이 설명하고 있는 것은?
1스토리보드(Story Board)
2사이트 맵(Site Map)
3레이아웃(layout)
4내비게이션(Navigation)
정답 및 해설

설명하고 있는 것은 사이트 맵입니다.

그림의 박스는 웹사이트의 정보를 한눈에 찾아보기 위한 시각적 콘텐츠 모형으로, 일반적으로 테이블 형태의 계층형 구조이며 조직표 모형·입체 모형 등이 있다고 설명합니다. 사이트 전체 페이지의 구성과 위계를 보여 주는 사이트 맵의 특징입니다.

  • 스토리보드 — 화면 단위로 구성 요소·내용·동작을 정리한 설계 문서입니다.
  • 레이아웃 — 한 화면 안에서 글·이미지·메뉴 등의 요소를 배치하는 것입니다.
  • 내비게이션 — 페이지 사이를 이동하게 해 주는 메뉴·링크 등의 이동 체계입니다.
문제 60
일반적으로 인쇄를 목적으로 이미지를 만들 경우에 사용되는 색상 모드는?
1CMYK 모드
2HSB 모드
3RGB 모드
4LAB 모드
정답 및 해설

인쇄용 이미지는 CMYK 모드로 만든다.

인쇄는 시안·마젠타·노랑·검정 잉크를 겹쳐 찍는 감산혼합 방식이어서 잉크 4색에 대응하는 모드가 맞다.

  • HSB 모드는 색상·채도·명도로 색을 직관적으로 고르는 모델이며 잉크 4색에 대응하지 않는다.
  • RGB 모드는 빛의 가산혼합을 쓰는 모니터·웹용 모드다.
  • LAB 모드는 장치에 의존하지 않는 색 모델이라 잉크 4색 인쇄용 작업 모드로 쓰지 않는다.