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

제품 디자인 과정에서 최종 결과물을 실물처럼 충실하고 정확하게 표현하는 것은 랜더링(RENDERING)이다.
랜더링은 컴퓨터 그래픽이나 수작업을 통해 제품의 질감, 색상, 빛과 그림자를 사실적으로 표현하여 완성 예상도를 만드는 기법으로, 클라이언트나 의사결정자에게 최종 디자인 결과를 효과적으로 전달하는 데 사용된다.
드로잉: 선과 명암 중심의 기본 표현
스케치: 아이디어 초기 단계의 빠른 표현
목업: 실제 크기나 질감의 시제품
따라서 드로잉·스케치·목업은 '실물처럼 충실하고 정확한 표현'이라는 조건과는 맞지 않는다.

조화를 이루는 디자인 원리와 거리가 먼 것은 색상이다.
색상은 색의 3속성 중 하나로 색채의 속성이지 디자인 원리가 아니다.
균형은 조화를 이루는 디자인 원리이다.
대비는 조화를 이루는 디자인 원리에 속한다.
통일은 조화를 이루는 디자인 원리이다.

배색에서 틀린 방법은 고채도 색을 이용해 효과를 높인다는 것이다.
고채도 색을 많이 쓰면 색들이 서로 부딪쳐 오히려 조화가 깨지고 눈이 피로해진다.
색상 수를 줄이는 것은 통일감을 주어 옳다.
차갑고 따뜻한 느낌을 이용하는 것은 색의 온도감을 활용한 배색이라 옳다.
환경의 밝고 어두움을 고려하는 것은 주변 조건에 맞추는 배색이라 옳다.

조약돌을 자연의 힘이 만든 필연적 형태로 설명한 사람은 모홀리 나기이다.
그는 조약돌처럼 자연 법칙에 따라 만들어진 형태를 예로 들어 자연의 형태가 가진 필연성을 강조했다.
르 코르뷔지에는 모듈러 비례 체계와 "주택은 살기 위한 기계"로 알려진 건축가이다.
파파넥은 복합기능 개념과 『인간을 위한 디자인』으로 알려진 디자이너이다.
아른하임은 『미술과 시지각』에서 게슈탈트 지각 이론을 미술에 적용한 학자이다.

먼셀 색체계에 대해 틀린 설명은 혼합하는 색의 양으로 만들어진다는 내용이다.
먼셀은 색을 혼합량이 아니라 색상·명도·채도의 3속성 기호로 표시하는 체계이며, 흰색·검정·순색의 혼합 비율로 색을 나타내는 것은 오스트발트 표색계이다.
색상 H, 명도 V, 채도 C 로 나타내는 것은 먼셀의 3속성 기호이다.
표기를 HV/C 로 하는 것은 먼셀 표기법이다.
순색의 빨강을 5R4/14 로 적는 것은 먼셀 표기 예이다.

입체 디자인의 구조 요소로 볼 수 없는 것은 공간이다.
입체의 구조 요소는 입체의 뼈대를 이루는 꼭짓점·모서리·면이고, 공간은 위치·방향·중력과 함께 관계 요소로 분류된다.
꼭짓점은 면들이 만나는 점으로 구조 요소이다.
모서리는 두 면이 만나는 선으로 구조 요소이다.
면은 입체의 표면을 이루는 구조 요소이다.

독창성은 모든 요소를 유기적으로 관련시켜 다각적으로 모색하고 창출하는 것이다.
새로움은 기존 요소의 새로운 결합과 해석으로도 얻어진다.
기본 요소를 포함해 제작·배포하는 것은 독창성과 관계가 없는 단순 보급이다.
세상에 없는 물건만 디자인하는 것으로 좁히는 것은 독창성의 범위를 지나치게 제한한다.
남의 것을 모방·도용하는 것은 독창성과 정반대이다.

색광의 3원색에 대해 틀린 설명은 다른 색광을 혼합해 3원색을 만들 수 있다는 것이다.
빨강·초록·파랑은 다른 색광을 섞어서는 만들 수 없는 기본 색광이다.
3원색이 빨강(R), 초록(G), 파랑(B)이라는 것은 옳다.
3원색을 섞어 모든 색광을 만들 수 있다는 것은 옳다.
색광은 섞을수록 밝아져 명도가 높아진다는 가산혼합의 성질은 옳다.

비례의 종류는 황금비, 정수비(피타고라스 정수비 포함), 등비 수열비로 분류된다. 1번 보기의 '상가 수열비'는 등비 수열비를 의미하는 용어이며, 황금비, 정수비, 등비 수열비가 건축·디자인에서 인정되는 비례 체계다. 2번은 '등가 수열비'와 '등수 수열비'는 표준 분류가 아니고, 3번은 '등차 수열비'가 비례의 종류로 인정되지 않으며, 4번도 마찬가지로 표준 용어가 아니다.

색의 수축·팽창에 가장 큰 영향을 주는 요소는 명도이다.
밝은 색은 팽창해 보이고 어두운 색은 수축해 보인다.
색약은 색을 구별하는 시각 능력의 이상이다.
잔상은 자극이 사라진 뒤에도 남는 시각 상이다.
중량은 색이 주는 무게감이라는 별개의 색 감정이다.

길이와 방향만 나타내는 디자인 요소는 선이다.
선은 점의 이동 자취로 폭이 없고 길이와 방향만 가진다.
점은 위치만 있고 크기가 없다.
면은 선의 이동으로 만들어져 길이와 폭을 가진다.
입체는 면의 이동으로 만들어져 깊이까지 가진다.

1931년 국제조명위원회(CIE)가 발표한 표색계는 CIE 표준 표색계이다.
빛의 3원색 자극값(X·Y·Z)을 바탕으로 색을 수치로 나타내는 국제 표준 체계이다.
한국 전통 표색계와 KS 사용 표색계는 국내 체계로, 국제조명위원회가 발표한 것이 아니다.
오스트발트 표색계는 독일 화학자 오스트발트가 고안한 체계이다.

정반대 색상의 두 색을 놓을 때 채도가 높아 보이는 현상은 보색 대비이다.
보색끼리 나란히 놓으면 서로를 더 선명하게 만든다.
명도 대비는 밝기 차이에서 생기는 대비이다.
한난 대비는 차갑고 따뜻한 온도감의 차이에서 생기는 대비이다.
계시 대비는 시간 간격을 두고 보는 색들 사이의 대비이다.

디자인의 형식적 요소에 포함되지 않는 것은 용도이다.
용도는 쓰임새라는 내용·기능의 문제로 눈에 보이는 조형 요소가 아니다.
형은 형식적 요소이다.
색은 형식적 요소이다.
질감은 형식적 요소이다.

1907년 무테지우스를 중심으로 뮌헨에서 결성된 단체는 독일공작연맹(DWB)이다.
예술과 산업의 결합을 목표로 한 디자인 진흥 단체이다.
드 스틸은 1917년 네덜란드에서 결성되어 시기와 나라가 다르다.
바우하우스는 독일공작연맹 이후에 설립된 조형 학교이다.
엠피스는 훨씬 뒤인 이탈리아의 디자인 그룹이다.

색의 3속성을 3차원 공간에 계통적으로 배열한 것은 색입체이다.
색상·명도·채도를 각각 축(원주·세로·반지름 방향)으로 삼아 모든 색을 한 입체 안에 배열한다.
현색계는 색표 등 실제 물체색을 기준으로 색을 표시하는 방식이다.
표색계는 색을 기호·번호 등으로 체계화해 표시하는 방법 전반을 뜻하며, 입체 배열 자체를 가리키지 않는다.
색상환은 색상만을 원형으로 배열한 평면 도표이다.

최소의 자재와 노력으로 최대의 효과를 얻는다는 의미는 경제성이다.
디자인 조건 중 경제성은 비용·재료·노력 대비 효과의 효율을 말한다.
합목적성은 사용 목적에 알맞게 만들어졌는가를 따지는 조건이다.
창의성은 새롭고 독창적인 발상을 따지는 조건이다.
심미성은 아름다움과 감각적 만족을 따지는 조건이다.

마우스로 구동되는 그래픽 인터페이스를 처음 제공해 웹 확산에 기여한 브라우저는 Mosaic이다.
Mosaic은 연구 기관에서 개발되어 널리 보급된 초기 그래픽 웹 브라우저로, 문자 위주이던 웹을 그림과 링크 클릭 방식으로 바꿨다.
Lynx는 문자 기반 브라우저로 그래픽 인터페이스를 제공하지 않는다.
Opera는 Mosaic 이후에 등장한 상용 브라우저이다.
Chrome은 훨씬 나중에 등장한 브라우저이다.

변수 이름으로 사용할 수 없는 것은 예약어인 return이다.
자바스크립트의 예약어는 변수명·함수명으로 쓸 수 없다.
밑줄로 시작하는 이름은 식별자로 허용된다.
영문자로 시작하고 뒤에 숫자가 붙은 이름은 허용된다.
대소문자가 섞인 이름도 구분되어 쓰일 뿐 사용할 수 있다.

자주 방문하는 사이트의 URL을 등록하는 기능은 즐겨찾기이다.
등록해 두면 주소를 다시 입력하지 않고 목록에서 선택해 바로 이동할 수 있다.
검색은 검색 창에서 정보를 찾는 기능이다.
기록은 이미 방문한 사이트가 자동으로 남는 목록으로, 사용자가 URL을 직접 등록하는 것이 아니다.
새로 고침은 현재 페이지를 다시 읽어 오는 기능이다.

국내에서 개발한 검색엔진은 심마니이다.
심마니는 한국에서 만든 검색 서비스이다.
라이코스는 미국에서 개발된 검색엔진이다.
야후는 미국에서 개발된 검색엔진이다.
아타비스타(알타비스타)는 미국에서 개발된 검색엔진이다.

전자우편을 보낼 때 사용하는 표준 통신 규약은 SMTP이다.
SMTP는 메일을 발송·전달하는 프로토콜이며, 받는 쪽에서는 POP3·IMAP를 쓴다.
TELNET은 원격 컴퓨터에 접속하는 프로토콜이다.
PING은 상대 호스트와의 연결 여부를 확인하는 명령이다.
TRACERT는 목적지까지의 경로를 추적하는 명령이다.

설명하는 것은 웹 브라우저(Web Browser)이다.
웹 서버의 하이퍼텍스트 문서를 보여 주는 클라이언트 프로그램이라는 정의와 즐겨찾기 관리, 페이지 저장·인쇄 기능이 모두 브라우저의 역할이다.
웹 캐시: 한 번 받은 웹 자료를 임시 저장해 다시 열 때 빠르게 불러오는 저장 공간이다.
FTP: 컴퓨터 사이에 파일을 주고받기 위한 프로토콜이다.
플러그인: 브라우저에 덧붙여 특정 형식의 멀티미디어 등을 처리하게 하는 보조 프로그램으로, 단독으로 문서를 열람하는 클라이언트가 아니다.

DHTML 설명으로 틀린 것은 이벤트가 발생했을 때만 서버에서 페이지를 다시 로드한다는 설명이다.
DHTML은 한 번 받은 페이지를 클라이언트 쪽에서 이벤트에 따라 바로 바꾸므로, 이벤트마다 서버에서 페이지를 다시 가져오지 않는다.
문서 안 객체의 내용을 자유롭게 변경할 수 있다는 설명은 DHTML의 특징으로 옳다.
CGI로 처리하던 작업을 클라이언트에서 처리해 서버 부하를 줄인다는 설명은 옳다.
서버와 오가지 않고 클라이언트 쪽에서 반응하는 상호작용 페이지라는 설명은 DHTML의 취지에 맞다.

load 이벤트는 웹 페이지를 처음 읽었을 때 발생하므로 옳은 설명이다.
이벤트 이름과 발생 시점이 일치하는 보기를 찾으면 된다.
blur는 폼 요소에서 포커스를 잃었을 때 발생하며, 입력을 선택했을 때는 focus이다.
submit은 폼을 전송할 때 발생하며, 페이지를 벗어날 때는 unload이다.
select는 입력란의 텍스트를 선택했을 때 발생하며, Tab 이동과는 무관하다.

파일 송수신에 사용하는 프로토콜은 FTP이다.
FTP는 서버와 클라이언트 사이에서 파일을 올리고 내려받는 규약이다.
Telnet은 원격 접속용이다.
IRC는 실시간 채팅용이다.
Archie는 FTP 서버에 있는 파일을 찾아 주는 검색 서비스이다.

인터넷의 정보를 주제별·종류별로 구분하여 체계적으로 구조화하고 메뉴형태로 정리한 서비스는 Gopher이다. Gopher는 1990년대 초 개발된 인터넷 정보 검색 서비스로, 계층적 메뉴 구조를 통해 사용자가 쉽게 정보에 접근할 수 있도록 설계되었다. FTP는 파일 전송 프로토콜, Telnet은 원격 접속 프로토콜, Whois는 도메인 정보 조회 서비스로 모두 메뉴형 정보 구조화 서비스가 아니다.

오페라, 네스케이프 네비게이터, 인터넷 익스플로러는 웹 페이지를 열람하는 웹브라우저이다. 아파치는 웹 서버 프로그램으로, 웹브라우저의 요청을 받아 웹 문서와 자료를 제공하므로 웹브라우저가 아니다.

검색 연산자 AND에 대한 설명이 옳지 않다.
AND는 입력한 단어를 모두 포함한 정보를 찾을 때 쓰며, 하나라도 포함된 정보를 찾는 것은 OR이다.
검색 엔진이 필요한 정보를 찾도록 돕는 서비스라는 설명은 옳다.
검색어 기반, 주제(디렉터리)별, 메타형 등으로 나뉜다는 설명은 옳다.
네이버가 검색엔진의 일종이라는 설명은 옳다.

종료 태그가 있으나 생략할 수 있는 것은 <DD>이다.
DD는 DT·LI·P 등과 같이 종료 태그가 있지만 다음 태그가 나오면 끝나는 것으로 보아 생략할 수 있다.
<BR>은 종료 태그 자체가 없는 빈 태그이다.
<HR>도 종료 태그가 없는 빈 태그이다.
<IMG>도 종료 태그가 없는 빈 태그이다.

OSI 7계층의 최상위는 응용 계층이다.
7계층은 아래부터 물리·데이터 링크·네트워크·전송·세션·표현·응용 순이다.
세션 계층은 위에서 세 번째 단계이다.
네트워크 계층은 하위 쪽 계층이다.
전송 계층은 네트워크 계층 바로 위의 중간 계층이다.

방화벽·대리 수신·캐시 역할을 하는 서버는 Proxy Server이다.
프록시 서버는 내부망과 외부망 사이에서 요청을 대신 전달·수신하고 자주 쓰는 데이터를 저장해 둔다.
News Server는 뉴스그룹 글을 제공한다.
Web Server는 웹 문서를 클라이언트에 제공한다.
Gopher Server는 메뉴 방식의 정보 검색 서비스를 제공한다.

원격 컴퓨터를 내 컴퓨터처럼 사용하게 하는 서비스는 TELNET이다.
TELNET으로 원격 호스트에 로그인해 명령을 실행한다.
FTP는 파일 전송 서비스이다.
E-MAIL은 편지 형태의 메시지 전달 서비스이다.
WWW는 하이퍼텍스트 문서를 열람하는 서비스이다.

줄 바꿈 태그는 <BR>이다.
BR은 그 자리에서 줄을 바꾼다.
<PRE>는 입력한 서식 그대로 보여 주는 태그이다.
<LI>는 목록의 항목을 나타낸다.
<HR>은 가로줄을 긋는 태그이다.

다른 페이지로 이동하는 링크 태그는 <A href>이다.
A 태그의 href 속성에 이동할 주소를 지정한다.
<IMG>는 이미지를 삽입한다.
<FRAME>은 창을 분할한다.
<TABLE>은 표를 만든다.

입력장치가 아닌 것은 플로터이다.
플로터는 도면 등을 종이에 그려 내보내는 출력장치이다.
디지타이저는 좌표를 입력하는 장치이다.
스캐너는 이미지를 읽어 들이는 입력장치이다.
마우스는 위치와 선택을 입력하는 장치이다.

벡터 방식 설명으로 틀린 것은 깨끗한 이미지를 얻으려면 많은 용량이 필요하다는 것이다.
벡터는 좌표와 수식으로 저장하므로 해상도에 영향을 받지 않고 용량이 비교적 작다. 해상도에 따라 용량이 커지는 것은 비트맵이다.
좌표값으로 표현한다는 설명은 옳다.
캐릭터·로고 작업에 적합하다는 설명은 옳다.
확대·축소해도 손상이 없다는 설명은 옳다.

웹디자인 프로세스는 프로젝트 기획 → 웹 사이트 기획 → 웹사이트 구축 → 유지 및 관리 순이다.
전체 프로젝트를 먼저 정하고, 사이트를 기획한 뒤, 구축하고, 운영하며 관리한다.
구축을 기획보다 앞에 두면 계획 없이 만드는 순서가 되어 맞지 않다.
유지 및 관리 뒤에 프로젝트 기획이 오면 시작과 끝이 뒤바뀐다.
구축 이후에 사이트 기획을 두는 순서도 기획이 구축보다 앞서야 하는 흐름에 어긋난다.

중요한 장면의 프레임으로 트위닝을 넣을 수 있는 것은 키 프레임이다.
키 프레임은 동작의 주요 시점을 지정하고, 키 프레임 사이를 트위닝으로 자동 생성한다.
플립북은 그림을 넘겨 움직임을 보는 책 형태의 애니메이션이다.
레이어는 그림을 겹쳐 올리는 층이다.
셀은 투명 필름에 그린 한 장의 그림이다.

EPS(Encapsulated PostScript)는 전문 그래픽 출력장치를 위해 최적화된 포맷으로, 1200dpi 이상의 고해상도 출력과 CMYK 4도 분판에 필수적으로 사용되며 대부분의 전문 그래픽 편집 프로그램에서 지원한다. PDF는 문서 교환용, DRW는 CAD/드로잉 전용, XLS는 스프레드시트 포맷으로 고해상도 인쇄 분판용 표준 포맷과는 무관하다.

디더링은 제한된 색으로 높은 비트 색의 효과를 최대한 내는 처리 기법이다.
몇 개 색의 점을 섞어 배치해 눈이 중간색으로 인식하게 한다.
모든 색의 종류를 바꾸는 팔레트 교체 설명은 색을 근사하는 디더링과 다르다.
두 영상이나 3D 모델 사이를 자연스럽게 잇는 기법은 모핑이다.
기존 영상 위에 그림을 그리는 기법은 로토스코핑이다.

스토리보드 작성의 토대가 되는 줄거리는 시나리오이다.
시나리오는 사건의 개략적인 줄거리이며, 이를 화면 단위로 구체화한 것이 스토리보드이다.
플로우차트는 처리·이동의 흐름을 도식화한 것이다.
가상현실은 컴퓨터로 만든 체험 환경이다.
레이아웃 설정은 화면 요소의 배치를 정하는 일이다.

HTML의 제약을 보완하기 위해 스타일과 레이아웃을 동적으로 제어하는 기술이 필요했고, 이를 위해 만들어진 것이 CSS다. CGI는 서버 측 프로그래밍, JAVA는 프로그래밍 언어, DHTML은 HTML+JavaScript의 조합으로 동적 효과를 주지만, CSS는 HTML 문서의 스타일과 레이아웃 변경을 간단하고 효율적으로 관리하도록 설계되어 HTML의 구조적 제약을 직접적으로 보완하는 목적으로 개발되었다.

파일 포맷 설명으로 맞는 것은 JPEG가 GIF보다 다양한 색상을 표현한다는 것이다.
GIF는 최대 256색이지만 JPEG는 천만 단위의 풍부한 색을 표현한다.
GIF와 JPEG의 장점을 이용한 웹용 포맷은 EPS가 아니라 PNG이다.
TIFF는 인쇄·편집용으로 널리 쓰이는 포맷이며 매킨토시 전용 표준이 아니다.
PNG는 웹용 무손실 포맷이며 인쇄 전용이 아니다.

비트맵 확대 시 생기는 계단 모양 경계를 부드럽게 만드는 처리는 안티-앨리어싱(Anti-Aliasing)이다.
그림 속 설명은 픽셀이 정사각형이라 경계가 계단처럼 보이는 문제를 짚고, 경계 픽셀에 중간색을 섞어 매끄럽게 보이게 하는 처리를 가리킨다.
앨리어싱(Aliasing): 경계가 계단처럼 들쭉날쭉해지는 현상 자체를 말하며, 이를 없애는 처리가 아니다.
패터(Feather): 포토샵에서 선택 영역의 가장자리를 지정한 폭만큼 점점 흐리게 번지게 하는 선택 영역 옵션으로, 픽셀 계단 현상 보정 기법을 가리키는 말이 아니다.
스타일(Style): 그림자·테두리·엠보싱 같은 효과를 레이어에 입히는 기능이다.

컴퓨터그래픽스 설명으로 가장 거리가 먼 것은 애니메이션을 제외한다는 설명이다.
컴퓨터그래픽스는 2D·3D 그래픽과 애니메이션까지 포괄하는 분야이다.
컴퓨터로 도형·화상을 작성하는 기술이라는 설명은 맞다.
활용 범위가 넓은 첨단 분야라는 설명은 맞다.
상상력을 구현하는 방법의 하나라는 설명은 맞다.

애니메이션을 지원하는 그래픽 파일 형식은 GIF이다.
GIF는 여러 장의 이미지를 한 파일에 담아 순서대로 보여 줄 수 있다.
EPS는 인쇄용 포스트스크립트 형식이다.
PSD는 포토샵의 레이어 저장 형식이다.
PNG는 무손실 압축 정지 이미지 형식이다.

내비게이션 요소 설명 중 틀린 것은 이미지맵에 대한 설명이다.
웹사이트 전체 구조를 트리 형태로 보여 주는 지도 역할은 사이트맵이며, 이미지맵은 한 이미지 안에 여러 링크 영역을 지정한 것이다.
사이트 메뉴바를 좌우에 메뉴와 링크를 모아 둔 것이라는 설명은 옳다.
디렉터리를 카테고리별 계층 구조로 표현한 것이라는 설명은 옳다.
내비게이션 바를 메뉴를 한곳에 모은 그래픽·문자열 모음이라는 설명은 옳다.