[웹디자인개발기능사 필기] 11년 4회차 기출문제 정답·해설 페이지

빛의 혼합 결과로 맞는 것은 Red + Green = Yellow이다.
빛의 혼합은 가산혼합이라 섞을수록 밝아지며 빨강과 초록을 섞으면 노랑이 된다.
Green + Cyan 은 둘 다 초록 성분을 지닌 밝은 색이 되고, 가산혼합에서는 검정이 나오지 않는다.
Green + Blue 는 청록(Cyan)이 되며 마젠타가 아니다.
Red + Blue 는 마젠타가 되며 시안이 아니다.

부분과 부분, 또는 부분과 전체 사이의 안정된 관련성을 지니며 서로 함께 속해있는 것처럼 보이게 하는 디자인 원리는 조화다. 조화는 여러 요소들이 통일성 있게 어우러져 시각적 일관성과 안정감을 주는 원칙으로, 색채·형태·질감 등의 요소들이 서로 어울려 하나의 완성된 전체를 이루도록 한다. 비례는 크기 관계, 균형은 시각적 무게 분배, 강조는 주요 부분을 돋보이게 하는 원리로 조화와 구별된다.

색채 설명으로 틀린 것은 색채의 분류가 무채색·유채색·중성색 3가지라는 설명이다.
색채는 채도 유무에 따라 무채색과 유채색으로 나누며, 중성색은 따뜻하지도 차갑지도 않은 색을 뜻하는 온도감 쪽 개념이다.
색채가 물체의 지각을 수반하고 심리적 성질을 갖는다는 설명은 맞다.
발광하지 않고 빛을 받아 반사되는 색(물체색)이라는 설명도 맞다.
일상생활에서 보는 색을 색채라고 한다는 설명도 맞다.

커뮤니케이션 디자인 설명으로 틀린 것은 운동과 시선을 중시하는 디자인이라는 설명이다.
커뮤니케이션은 기호를 매개로 의미를 전달하고 공유하는 과정이며, 운동과 시선이 핵심이 아니다.
라틴어 Communicare 에서 유래했다는 설명은 맞다.
둘 이상의 개체가 기호를 매개로 무언가를 공유한다는 설명은 맞다.
사람과 사람 사이에 기호로 의미를 전달하는 과정이라는 설명은 맞다.

'모든 색상의 채도 위치가 달라 배색 체계를 응용하기 용이하다'는 모든 색상의 채도 위치가 일정하지 않다는 점이 문제다. 먼셀 색입체에서 같은 명도라도 색상에 따라 최대 채도가 달라지므로(예: 빨강은 채도가 높지만 노랑은 더 높고, 파랑은 더 낮음), 배색 체계 응용 시 일관성 있는 규칙 적용이 어렵다.
3속성 좌표: 먼셀 색입체는 수직축이 명도(Value), 수평 반지름이 채도(Chroma), 각도가 색상(Hue)인 입체 좌표계로 구성되어 색 감각을 직관적으로 나타낸다(정확).
CIE 색표와의 연관성: CIE 표준색공간과의 상관관계 연구가 활발히 이루어졌으므로 연관성이 용이하다(정확).
모든 물체색 포함: 실제 사용 가능한 모든 물체색이 이 색입체 범위 내에 포함되도록 설계되었다(정확).

디자인은 그림이나 모형을 바탕으로 이를 전개하기 위한 계획 및 설계이며, 인간의 생활환경을 더 편리하고 아름답게 만드는 조형 행위이다. 또한 프랑스어 데생(dessin)과 같은 어원으로 르네상스 이후 사용되었다. 그러나 디자인이라는 용어는 바우하우스가 처음 만든 것이 아니므로, 바우하우스에서 1940년대에 처음 사용했다는 설명이 틀리다.

바우하우스는 1919년 발터 그로피우스(Walter Gropius)가 독일 바이마르에서 설립한 미술·공예·건축 통합 교육 기관으로, 근대 디자인과 건축 운동의 가장 핵심적 기관이다. 모리스는 19세기 영국 아츠앤크래프츠 운동의 주도자이지만 바우하우스 설립자는 아니며, 로위(로에)는 20세기 미국 산업디자이너, 펍스너는 미술사가로 바우하우스 설립자가 아니다.

시각적으로 안정감을 느끼게 하는 디자인 원리는 균형이다.
균형은 시각적 무게가 고르게 배분된 상태로, 보는 사람에게 안정감을 준다.
불규칙은 질서가 흐트러진 상태라 안정감보다 불안정하고 산만한 느낌을 준다.
변화는 단조로움을 깨뜨려 생동감·자극을 주는 원리이며 안정감을 주는 원리가 아니다.
비대칭은 동적이고 개성적인 느낌을 주는 구성으로, 정적인 안정감을 주는 것은 대칭 쪽이다.

목적에 합당한 수단을 썼는지를 따지는 디자인 조건은 합목적성이다.
합목적성은 디자인이 목적·기능에 맞게 만들어졌는지를 판단하는 조건이다.
독창성은 새롭고 창의적인가를 따지는 조건이다.
심미성은 아름다움을 따지는 조건이다.
경제성은 적은 비용으로 큰 효과를 내는지를 따지는 조건이다.

미술공예운동의 배경은 기계화와 대량생산으로 인한 생활용품의 품질 저하이다.
윌리엄 모리스는 기계 생산품이 조악하다고 비판하며 수공예의 질과 정신을 되살리려 했다.
대량생산은 생산 비용을 낮추므로 가격이 폭등했다는 서술은 사실과 맞지 않는다.
당시 기계 제품은 오히려 조악하고 번잡한 장식이 문제였으므로 장식을 쓸 수 없게 되었다는 서술은 맞지 않는다.
가격 하락은 대량생산의 결과일 뿐 운동이 문제 삼은 배경은 품질 저하였다.

배색 설명으로 틀린 것은 목적에 관계없이 아름다움을 우선한다는 설명이다.
배색은 용도·기능·사용자·환경을 고려해 정해야 하며 목적을 무시한 배색은 바람직하지 않다.
사물의 성능·기능에 부합하는 배색을 한다는 설명은 맞다.
사용자의 성별·연령을 고려해 편안한 느낌을 주어야 한다는 설명은 맞다.
전달하려는 목적이나 기능을 기준으로 배색한다는 설명은 맞다.

문자 이외의 시각화된 것(회화·사진·도형·도표)을 가리키는 그래픽 표현 요소는 일러스트레이션이다.
일러스트레이션은 문자를 제외한 시각 표현물의 총칭이다.
포스터는 문자와 그림을 함께 구성해 전달하는 인쇄 매체의 한 형태이다.
신문광고는 신문 지면에 싣는 광고 매체이며 시각 요소 하나를 가리키는 말이 아니다.
표지는 책의 겉면을 가리키는 말이다.

디자인의 형식적(시각) 요소에 포함되지 않는 것은 용도이다.
형식적 요소는 눈에 보이는 형·크기·색·질감이고 용도는 기능에 관한 내용이다.
형은 시각 요소에 속한다.
색은 시각 요소에 속한다.
질감은 시각 요소에 속한다.

그림은 혼합된 색의 명도가 혼합 이전 평균보다 높아지는 혼합, 즉 플러스(Plus) 혼합을 설명하므로 가산 혼합입니다.
가산 혼합은 빛(RGB)의 혼합으로, 섞을수록 밝아지며 빨강·초록·파랑을 모두 섞으면 흰색이 됩니다.
감산 혼합: 색료(CMY)의 혼합으로, 섞을수록 명도가 낮아지는 마이너스 혼합입니다.
병치 혼합: 작은 색점이 나란히 놓여 눈에서 섞이는 현상으로, 명도가 두 색의 평균에 가깝게 보입니다.
중간 혼합: 병치·회전 혼합처럼 혼합 결과 명도가 원래 색들의 평균 정도가 되는 혼합입니다.

배색 조건 설명으로 틀린 것은 계획자의 개인적 특성에 맞추어 배색한다는 설명이다.
배색은 사용자와 목적을 기준으로 해야 하며 계획자 개인 취향에 맞추는 것은 조건이 아니다.
사물의 용도·기능에 부합하게 배색해야 한다는 설명은 맞다.
색이 주는 심리적 효과를 고려해야 한다는 설명은 맞다.
환경적 요인을 충분히 고려해야 한다는 설명은 맞다.

Location 객체는 Document 객체의 하위 객체가 아니므로 정답이다.
자바스크립트 객체 계층에서 location 은 document·history 와 나란히 window 바로 아래에 놓이는 객체다.
Anchor 객체는 문서 안의 앵커(링크 대상)를 나타내는 document 하위 객체다.
Area 객체는 이미지맵의 영역을 나타내며 document 하위 객체로 분류된다.
Link 객체는 문서 안의 하이퍼링크를 나타내는 document 하위 객체다.

HTML 태그 이름은 대소문자를 구분하지 않는다. 따라서 b 와 B 는 같은 태그로 처리된다.
HTML 은 태그 표기 규칙이 느슨한 마크업 언어이므로 대소문자 구별이 없다.
시작 태그만 필요하다는 설명은 틀리다. 굵게 지정이나 표처럼 시작 태그와 끝 태그를 짝으로 쓰는 태그가 많다.
중첩 사용 불가라는 설명은 틀리다. 굵은 글씨 안에 기울임을 넣는 식으로 중첩해 쓴다.
공백이 각기 달리 인식된다는 설명은 틀리다. 연속된 공백은 브라우저가 하나로 합쳐 표시한다.

웹 브라우저는 문서를 보는 프로그램이므로 인터넷 응용프로그램을 제작하는 기능은 브라우저의 기능이 아니다.
응용프로그램 제작은 별도의 편집기·개발 도구가 맡는 영역이다.
웹페이지 저장·인쇄는 브라우저의 파일 메뉴로 제공되는 기본 기능이다.
전자우편·뉴스그룹 이용은 브라우저가 다른 인터넷 서비스에도 접근하게 해 주는 기능에 해당한다.
텍스트·이미지·멀티미디어 지원은 웹 문서를 화면에 표시하는 브라우저 본래의 기능이다.

국제기구를 나타내는 최상위 도메인은 int 이다.
최상위 도메인은 조직의 성격이나 국가를 구분하는 접미어다.
mil 은 군사기관을 나타낸다.
org 는 비영리 기구·단체를 나타낸다.
net 은 네트워크 관련 기관·서비스를 나타낸다.

십자(cross)형은 LAN 의 물리적 통신망 구조에 속하지 않는다.
LAN 의 대표 토폴로지는 성형·버스형·링형·트리형 등이다.
성(star)형은 중앙 장치에 각 노드를 연결하는 구조다.
버스(bus)형은 하나의 공통 회선에 노드들을 연결하는 구조다.
링(ring)형은 노드들을 원형으로 연결해 신호를 재생하며 넘기는 구조다.

전자우편 헤더에서 숨은 참조자를 나타내는 것은 Bcc(Blind Carbon Copy)이다. Bcc 수신자는 다른 수신자에게 공개되지 않으며, Cc는 참조 수신자를 공개하는 헤더이다.

IP 주소를 문자로 쉽게 기억하도록 만든 것이 도메인 이름이다.
DNS 가 문자로 된 도메인 이름을 숫자 IP 주소로 바꿔 준다.
파일 이름은 저장된 파일을 구별하는 이름일 뿐 호스트 주소를 대신하지 않는다.
주소 클래스는 IP 주소를 네트워크 규모에 따라 나눈 구분이며 여전히 숫자다.
패킷은 네트워크로 전송되는 데이터 조각 단위다.

Archie는 Anonymous FTP 서버를 검색하여 원하는 파일이 저장된 위치와 해당 서버 정보를 알려 주는 인터넷 서비스이다. Whois는 도메인·사용자 등의 등록 정보를, Finger는 사용자 접속 정보를 조회하며, Veronica는 Gopher 메뉴를 검색하는 서비스이다.

일정 지역 안의 컴퓨터를 고속 선로로 연결한 망은 LAN 이다.
LAN 은 건물이나 구내 같은 좁은 범위를 대상으로 하는 근거리 통신망이다.
MAN 은 도시 규모의 중간 범위 통신망이다.
WAN 은 국가나 대륙을 잇는 광역 통신망이다.
VAN 은 통신 회선을 빌려 부가 서비스를 제공하는 부가가치 통신망이다.

서로 상이한 정보에 동일한 색상을 쓰는 것은 부적절하다.
색상은 정보 성격에 따라 구분해 써야 체계적인 색채 계획이 된다.
대비되는 색채로 강조하는 것은 특정 정보를 눈에 띄게 하는 일반적 방법이다.
명도·채도를 맞춰 조화를 이루는 것은 다른 색상이어도 통일감을 주는 방법이다.
색채의 상징성(빨강 = 위험·정지 등)을 활용하면 정보 전달력을 높일 수 있다는 설명은 웹 색채 계획의 일반 원칙에 맞다.

미리 수집·저장한 정보를 찾게 해 주는 데이터베이스 관리 시스템은 검색엔진이다.
검색엔진은 웹상의 정보를 수집해 색인을 만들어 두고 검색어로 찾게 한다.
웹브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이다.
메일링리스트는 이메일로 같은 내용을 여러 사람에게 보내는 서비스다.
무료계정은 무료로 제공되는 호스팅·메일 등의 이용 권한이다.

웹 콘텐츠를 작성하는 언어는 HTML 이다.
HTML 은 태그로 문서의 구조와 표현을 기술하는 마크업 언어다.
IP 는 인터넷에서 호스트를 식별하는 주소 체계다.
HTTP 는 웹 문서를 주고받는 전송 프로토콜이다.
URL 은 인터넷 자원의 위치를 나타내는 표기다.

자바스크립트는 데이터 형을 구분해 선언하지 않는 언어이므로 해당 설명이 틀렸다.
변수는 var 로 선언하고 값에 따라 형이 정해지는 느슨한 형(loosely typed) 체계다.
첫 문자를 영문자 또는 밑줄로 시작한다는 설명은 변수명 규칙에 맞다.
대소문자 구분은 자바스크립트의 규칙이므로 옳다.
예약어 사용 불가는 문법상 예약어가 변수명이 될 수 없으므로 옳다.

IE 6.0의 "내용 관리자" 기능에서 인증서는 웹사이트의 신원 확인과 보안을 위한 디지털 인증서를 관리하는 항목이며, 범주별 등급 조정이나 등급에 따른 홈페이지 접근 제어 기능을 제공하지 않는다. 따라서 인증서에 대한 설명이 내용 관리자 기능에 대한 정확한 설명이 아니다.
승인된 사이트는 특정 사이트를 허용 또는 차단 목록에 추가하여 등급과 무관하게 항상 접근 가능하거나 불가능하게 설정할 수 있다.
일반은 감독자 암호와 콘텐츠 필터링 옵션을 관리하는 부분이다.
고급은 PICS(Platform for Internet Content Selection) 등 다른 등급 시스템을 추가로 적용할 때 사용된다.

<MID> 태그는 HTML 표준에 존재하지 않는 태그이므로 옳지 않다. 문단을 가운데로 정렬할 때는 <CENTER> 태그(HTML 4.01 이하에서 사용, 현재는 deprecated)나 CSS의 text-align 속성을 사용해야 한다. 보기 1번의 <BR>은 줄 바꿈, 2번의 <P>는 문단 구분, 4번의 <DIV>는 문서 영역 분할과 정렬에 사용하는 것이 모두 올바르다.

자바스크립트 응용이 브라우저의 기능 한계를 벗어난다는 말은 장점이 아니다.
자바스크립트는 브라우저가 해석·실행하므로 브라우저가 허용하는 범위 안에서만 동작한다.
컴파일 불필요는 인터프리터 방식이라 곧바로 실행해 볼 수 있어 신속한 개발에 유리하다.
인터랙티브한 웹페이지 제작은 자바스크립트의 대표적 용도다.
높은 이식성은 브라우저만 있으면 운영체제와 무관하게 실행되는 장점이다.

스타일시트가 브라우저·플랫폼에 많은 제한을 준다는 설명은 적합하지 않다.
스타일시트는 외형을 문서와 분리해 관리하는 표준 방식이다.
한 문서 수정으로 여러 페이지 변경이 가능한 것은 외부 스타일시트의 장점이다.
글꼴·색상·크기·정렬 사전 지정은 스타일시트의 기본 기능이다.
문서 일관성 유지는 같은 스타일시트를 공유하면 쉬워진다.

애니메이션의 정지화면 한 장 한 장은 Frame 이다.
프레임을 연속으로 재생하면 움직임으로 보인다.
Key Frame 은 움직임에서 변화가 생기는 핵심 프레임이다.
Tweening 은 시작·끝 키 프레임 사이 중간 프레임을 자동 생성하는 기법이다.
Onion Skin 은 앞뒤 프레임을 반투명하게 겹쳐 보여 주는 편집 보조 기능이다.

데이터 스트리밍은 애니메이션 사용을 저해하는 요소가 아니다.
스트리밍은 전체 내려받기를 마치기 전에 재생을 시작하게 해 주는 기술이다.
대역폭의 한계는 용량이 큰 애니메이션 전송을 느리게 만드는 저해 요소다.
저사양 컴퓨터는 브라우저가 애니메이션을 지원하지 못해 저해 요소가 된다.
인터넷의 비동기성은 패킷 도착 시점이 일정하지 않아 연속 재생이 끊길 수 있게 만드는 저해 요소다.

픽셀 하나가 고정된 크기를 갖는다는 설명은 옳지 않다.
픽셀은 화소 단위일 뿐이며 실제 길이는 해상도와 장치에 따라 달라진다.
디지털 이미지의 기본단위라는 설명은 맞다.
여러 픽셀로 이미지 구성은 비트맵 이미지의 정의에 해당한다.
프레임버퍼 저장은 화면에 표시할 픽셀 값을 보관하는 방식으로 옳다.

웹 디자인에서 Text 중심 디자인이 시각적 효과를 높인다는 설명은 옳지 않다.
웹은 이미지·색상·멀티미디어를 함께 활용해 시각 효과를 얻는다.
레이아웃 설계는 화면 구성의 기초이므로 중요하다는 설명은 옳다.
사용자 인터페이스는 이용 편의를 위해 고려해야 한다.
멀티미디어 요소는 정보 전달 효과를 높일 수 있다.

HTML 은 HyperText Markup Language 의 약자이므로 Marking 이라 쓴 설명이 옳지 않다.
HTML 은 태그로 문서를 표시(Markup)하는 언어다.
W3C 기반이라는 설명은 W3C 가 표준을 제정한다는 점에서 맞다.
확장자 html 또는 htm 은 HTML 문서의 파일 확장자로 맞다.
태그로 구성된다는 설명은 HTML 의 기본 구조로 맞다.

전통 회화 방식을 응용해 디지털화한 결과물도 컴퓨터 그래픽스에 포함되므로 제외한다는 설명이 틀렸다.
컴퓨터 그래픽스는 컴퓨터로 시각적 이미지를 만들고 디지털화하는 모든 분야를 가리킨다.
시각적 이미지 제작·디지털화 정의는 컴퓨터 그래픽스의 개념에 맞다.
2D·3D 구분은 컴퓨터 그래픽스의 일반적 분류다.
영화·영상물 활용은 컴퓨터 그래픽스의 대표적 활용 분야를 든 설명으로, 정의 자체에 어긋나는 내용이 아니다.

Media Player 는 동영상을 재생하는 프로그램이므로 편집용 소프트웨어가 아니다.
캠코더 클립을 편집하려면 컷 편집·효과 기능을 갖춘 영상 편집 소프트웨어가 필요하다.
Premiere 는 대표적 영상 편집 소프트웨어다.
Movie Maker 는 영상 클립을 잘라 붙여 편집하는 소프트웨어다.
Vegas 는 영상·음향 편집 소프트웨어다.

Index Color는 제한된 색상표(팔레트)의 인덱스값으로 색을 표현하는 방식이므로, 색의 3속성인 색상·채도·명도를 바탕으로 표현하는 방식이라는 설명은 잘못되었다. RGB Color는 화면용 이미지에, CMYK Color는 인쇄물에, Gray scale은 흑백 이미지나 원고에 사용한다.

그림은 검은 종이나 두꺼운 종이를 오려 캐릭터와 배경을 만들고, 뒤에서 조명을 비춰 생긴 그림자를 흑백의 강한 대비로 촬영한다고 설명하므로 실루엣 애니메이션입니다.
나머지 기법은 그림자 대신 입체물이나 실사 필름을 직접 다룹니다.
퍼펫 애니메이션: 관절이 있는 입체 인형을 조금씩 움직이며 촬영하는 기법입니다.
클레이메이션: 점토로 만든 입체 캐릭터를 프레임 단위로 움직여 찍는 기법입니다.
로토스코핑 애니메이션: 실사 촬영 필름 위에 그대로 따라 그려 동작을 만드는 기법입니다.

웹에서 서체 사용에 제한이 없다는 설명은 옳지 않다.
웹 문서의 글꼴은 보는 사람의 컴퓨터에 설치된 글꼴에 영향을 받는다.
문자의 모양과 배열이라는 타이포그래피 정의는 맞다.
인터랙티브한 구성은 웹과 결합해 가능해지는 특징이다.
동적인 타이포는 움직임 효과를 줄 수 있는 웹의 특징이다.

PDF 는 문서 파일 형식이므로 WYSIWYG 웹페이지 제작 프로그램이 아니다.
WYSIWYG 프로그램은 화면에서 결과를 보며 웹페이지를 편집하는 도구다.
FrontPage 는 WYSIWYG 방식의 웹페이지 편집기다.
Dreamweaver 는 WYSIWYG 방식의 웹 저작 도구다.
Namo Web Editor 는 WYSIWYG 방식의 웹 편집기다.

'이미지 제작'은 실제 그래픽 자산을 만드는 행위로, Production(실제 제작) 또는 그 이후 단계에 해당되므로 Pre-Production 범위를 벗어난다.
웹디자인의 Pre-Production 단계는 실제 제작 전 계획 및 설계 단계로, 디자인 방향과 전략을 수립하는 과정이며, 다음은 모두 Pre-Production에 포함된다.
'디자인 계획 수립': 프로젝트 목표·타겟·일정을 정하는 초기 기획 활동
'콘셉트 구상': 전체 디자인의 기본 개념을 구상하는 단계
'디자인 구체화': 와이어프레임이나 목업으로 레이아웃을 정의하는 설계 활동

타 사이트의 이미지를 복사해 쓰는 것은 저작권 문제가 있어 적절하지 않다.
이미지 소스는 직접 확보하거나 사용 권한을 갖춘 것을 써야 한다.
디지털 카메라 촬영은 직접 확보하는 정당한 방법이다.
이미지 판매 사이트 구입은 사용 권한을 갖춘 정당한 방법이다.
편집 프로그램으로 직접 제작은 콘셉트에 맞춰 만드는 정당한 방법이다.

빔 프로젝터는 화면을 투사하는 출력장치이므로 입력장치가 아니다.
입력장치는 사용자의 위치·동작·데이터를 컴퓨터에 전달하는 장치다.
트랙볼은 공을 굴려 커서를 움직이는 입력장치다.
터치스크린은 화면 접촉으로 위치를 입력받는 입력장치다.
라이트펜은 화면을 가리켜 위치를 입력하는 입력장치다.

로고 제작에는 벡터 그래픽 프로그램인 Illustrator 가 적합하다.
로고는 크기를 바꿔도 깨지지 않는 벡터 방식이 유리하다.
Flash 는 웹 애니메이션·인터랙티브 콘텐츠 제작이 주된 용도다.
3D MAX 는 3차원 모델링·렌더링 프로그램이다.
DreamWeaver 는 웹페이지 편집 프로그램이다.

파일 용량을 최대한 크게 하는 것은 배너 제작 시 고려할 사항이 아니다.
용량이 크면 로딩이 느려져 오히려 효과가 떨어진다.
상단 배치가 광고 효과가 크다는 점은 배너 제작 시 고려 사항이다.
밝고 선명한 색의 일관된 활용은 시선을 끄는 방법이다.
움직임이 있는 배너가 고정형보다 클릭률이 높다는 점도 고려 사항이다.