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

12년 1회차

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

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

12년 1회차

총 60문항 · 객관식 · 정답·해설 포함
문제 1
“Redesign”에 대한 설명으로 옳은 것은?
1제품의 원상태를 재생하는 작업이다.
2기존상품의 개선안을 찾아서 새로운 디자인을 개발하는 작업이다.
3새로운 제품을 위한 신제품을 개발하는 작업이다.
4실제 제품생산에 들어가기 전에 샘플을 디자인하는 작업이다.
정답 및 해설

Redesign은 기존 상품의 개선안을 찾아 새로운 디자인을 개발하는 작업이다.

접두어 re-는 다시를 뜻하므로 이미 있는 제품의 문제점을 고쳐 새롭게 디자인하는 것을 가리킨다.

  • 제품의 원상태를 재생하는 것은 복원에 해당하며 새 디자인을 개발하는 것이 아니다.
  • 새로운 제품을 위한 신제품 개발은 기존 제품이 없는 신규 디자인이다.
  • 생산 전 샘플을 디자인하는 것은 시제품(프로토타입) 제작이다.
문제 2
착시에 대한 설명으로 옳은 것은?
1눈에 의한 생리적 작용에 따라 형태나 색채 등이 실제와 다르게 지각되는 것을 말한다.
2각 부분 사이에 강한 힘과 약한 힘이 규칙적으로 연속될 때 생기는 것을 말한다.
3시각상 힘의 안정을 주면 보는 사람에게 안정감을 주고 명쾌한 감정을 느끼게 하는 것을 말한다.
4부분과 전체 사이에 디자인 요소들이 잘 어울려서 균형을 유지하는 상태를 느끼게 하는 것을 말한다.
정답 및 해설

착시는 눈의 생리적 작용으로 형태나 색채가 실제와 다르게 지각되는 현상이다.

같은 크기나 길이가 주변 조건에 따라 다르게 보이는 것처럼 지각의 오차가 핵심이다.

  • 강한 힘과 약한 힘이 규칙적으로 연속되는 것은 리듬(율동)의 설명이다.
  • 시각상 힘의 안정으로 안정감을 주는 것은 균형의 설명이다.
  • 부분과 전체의 디자인 요소가 어울려 균형을 이루는 상태는 요소 간의 관계를 다루는 조형 원리의 설명이며, 실제와 다르게 지각되는 현상이 아니다.
문제 3
다음 그림에 대한 설명으로 옳은 것은?
1반사운용
2회전 운용
3팽창이동 패턴
4조화 패턴
문제 4
제과점 홈페이지를 제작할 때 식욕을 돋우는 색채 계획과 가장 거리가 먼 것은?
1녹색
2주황
3노랑
4빨강
정답 및 해설

식욕을 돋우는 색채 계획과 가장 거리가 먼 색은 녹색이다.

식욕을 자극하는 색은 주로 난색 계열이며 녹색은 건강·안전, 신선함을 연상시킨다.

  • 주황은 따뜻하고 맛있어 보이는 난색으로 식욕을 돋운다.
  • 노랑은 명랑하고 밝은 난색으로 식욕을 돋우는 데 쓰인다.
  • 빨강은 강한 난색으로 식욕과 활력을 자극한다.
문제 5
주전자, 냉장고, 자동차를 디자인하는 디자인 영역은?
1패션디자인
2시각디자인
3환경디자인
4제품디자인
정답 및 해설

주전자, 냉장고, 자동차를 디자인하는 영역은 제품디자인이다.

사용자가 쓰는 생활용품·기계·운송 기기 등 입체적 물건을 설계하는 분야이다.

  • 패션디자인은 의복과 장신구를 다룬다.
  • 시각디자인은 포스터, 편집, 심볼 등 시각 전달을 다룬다.
  • 환경디자인은 건축, 실내, 도시 등 공간을 다룬다.
문제 6
레터링(Lettering)에 대한 설명으로 틀린 것은?
1글자체, 글자 크기, 글자 사이, 여백 등을 조절하여 읽기에 편하도록 구성하는 표현기술이다.
2넓은 뜻으로 글자 디자인, 글자 표현 등의 글자 자체를 의미한다.
3어떤 디자인을 위한 특정한 목적을 가지는 글자를 묘사하는 것을 말한다.
4글자라는 소재를 사용하여 어떤 의도를 표현하고 전달하려는 것이다.
정답 및 해설

레터링 설명으로 틀린 것은 글자체, 크기, 글자 사이, 여백을 조절해 읽기 편하게 구성하는 표현기술이라는 설명이다.

그 설명은 활자를 배열하는 타이포그래피에 해당하며, 레터링은 특정 목적에 맞게 글자를 직접 그려 디자인하는 것이다.

  • 넓은 뜻으로 글자 디자인과 글자 표현 자체를 가리킨다는 설명은 옳다.
  • 특정 디자인 목적을 위한 글자를 묘사하는 것이라는 설명은 옳다.
  • 글자를 소재로 의도를 표현하고 전달한다는 설명은 옳다.
문제 7
선(Line)에 대한 설명으로 잘못된 것은?
1유기적인 선은 정확하고 긴장되며 기계적인 느낌을 준다.
2수직선은 세로로 된 선으로 숭고한 느낌을 준다.
3수평선은 가로로 된 선으로 편안한 느낌을 준다.
4사선은 비스듬한 선으로 동적인 움직임과 불안한 느낌을 준다.
정답 및 해설

선에 대한 설명으로 잘못된 것은 유기적인 선이 정확하고 기계적인 느낌을 준다는 것이다.

정확하고 긴장되며 기계적인 느낌은 기하학적인 선의 특징이고, 유기적인 선은 자연스럽고 부드러운 느낌을 준다.

  • 수직선은 세로선으로 숭고하고 엄숙한 느낌을 준다는 설명은 옳다.
  • 수평선은 가로선으로 편안하고 안정된 느낌을 준다는 설명은 옳다.
  • 사선은 비스듬해 동적이고 불안한 느낌을 준다는 설명은 옳다.
문제 8
디자인의 조건 중 합목적성에 해당하는 것은?
1아름다운 미적인 요소를 추구하는 요소
2사물이 일정한 목적에 적합한 방식으로 존재하는 성질
3최소의 경비로 최대의 효과를 얻는 원칙
4독특한 것을 처음으로 고안해 내려는 성향
정답 및 해설

합목적성은 사물이 일정한 목적에 적합한 방식으로 존재하는 성질이다.

디자인의 조건 중 합목적성은 기능과 목적에 맞는가를 따진다.

  • 아름다운 미적 요소를 추구하는 것은 심미성이다.
  • 최소 경비로 최대 효과를 얻는 원칙은 경제성이다.
  • 독특한 것을 처음 고안하려는 성향은 독창성이다.
문제 9
2차원적 프로덕트 디자인에 속하지 않는 것은?
1텍스타일디자인
2편집디자인
3벽지디자인
4인테리어 직물디자인
정답 및 해설

2차원적 프로덕트 디자인에 속하지 않는 것은 편집디자인이다.

편집디자인은 출판물 등을 다루는 시각디자인 분야로 프로덕트 디자인이 아니다.

  • 텍스타일디자인은 직물의 평면 무늬를 만드는 2차원 프로덕트 디자인이다.
  • 벽지디자인은 벽면에 쓰일 평면 무늬를 만드는 2차원 프로덕트 디자인이다.
  • 인테리어 직물디자인도 직물의 평면 무늬를 다루는 2차원 프로덕트 디자인이다.
문제 10
무채색에 대한 설명으로 틀린 것은?
1밝고 어두운 정도의 차이로 구별된다.
2색상이 존재하지 않는다.
3빨강은 무채색이다.
4채도가 존재하지 않는다.
정답 및 해설

무채색에 대한 설명으로 틀린 것은 빨강이 무채색이라는 것이다.

빨강은 색상과 채도가 있는 유채색이며, 무채색은 흰색·회색·검정처럼 명도만 있는 색이다.

  • 무채색은 밝고 어두운 정도(명도)의 차이로만 구별된다.
  • 무채색에는 색상이 존재하지 않는다.
  • 무채색에는 채도가 존재하지 않는다.
문제 11
다음이 설명하고 있는 디자인 원리는?
1반복
2균형
3조화
4대비
정답 및 해설

제시된 내용은 요소들 사이의 평형 상태를 의미하며, 디자인 공간 속에서 각 요소가 통일감과 안정감을 갖도록 하는 원리이다. 이는 대칭·비대칭·방사대칭으로 구분되는 균형(Balance)의 정의에 해당한다.

문제 12
입체디자인의 상관 요소에 해당하지 않는 것은?
1위치(position)
2형태(shape)
3방향(direction)
4공간(space)
정답 및 해설

입체디자인의 상관(관계) 요소에 해당하지 않는 것은 형태이다.

입체디자인의 관계 요소는 위치·방향·공간·중력이며, 형태는 구성 대상 자체를 이루는 요소이다.

  • 위치는 기준에 대한 놓인 자리를 뜻하는 관계 요소이다.
  • 방향은 기준에 대한 향함을 뜻하는 관계 요소이다.
  • 공간은 입체가 차지하고 둘러싸는 영역을 뜻하는 관계 요소이다.
문제 13
다음이 설명하고 있는 색의 대비로 옳은 것은?
1채도대비
2명도대비
3연변대비
4반복대비
문제 14
색 자각의 3요소로 옳게 구성된 것은?
1광원, 물체, 시각
2광원, 색채, 시각
3광원, 색감, 시각
4광원, 촉각, 시각
정답 및 해설

색을 지각하는 3요소는 광원, 물체, 시각이다.

색은 광원의 빛이 물체에 반사·투과되어 눈(시각)에 들어와 느껴진다.

  • 색채나 색감은 지각의 결과물이지 지각을 이루는 조건이 아니다.
  • 촉각은 피부로 느끼는 감각이므로 색 지각과 관계가 없다.
문제 15
사인(Sign)이나 심볼 마크(Symbol mark)가 속한 디자인 영역을 인간과 인간 사이를 연결해 주는 하나의 매개체가 되는 디자인 분야는?
1시각 디자인
2제품 디자인
3환경 디자인
4영상 디자인
정답 및 해설

사인이나 심볼 마크가 속하며 인간과 인간 사이의 매개가 되는 분야는 시각디자인이다.

시각디자인은 시각 매체로 정보를 전달하는 분야로 사인, 심볼 마크, 포스터 등을 다룬다.

  • 제품디자인은 생활용품 같은 입체적 물건을 다룬다.
  • 환경디자인은 건축, 실내, 도시 같은 공간을 다룬다.
  • 영상디자인은 영화, 방송, 애니메이션 같은 움직이는 영상 매체를 다룬다.
문제 16
하나의 색상에 각기 다른 여러 명도의 조화를 단계적으로 동시에 배색하여 얻어지는 조화는?
1색상 대비에 따른 조화
2보색 대비에 따른 조화
3명도에 따른 조화
4주조색에 따른 조화
정답 및 해설

하나의 색상에 여러 명도를 단계적으로 배색한 조화는 명도에 따른 조화이다.

색상은 하나로 고정하고 명도 단계만 달리해 배색하므로 명도 차이가 조화를 만든다.

  • 색상 대비에 따른 조화는 서로 다른 색상을 함께 써야 성립하므로 하나의 색상만 쓰는 배색과 맞지 않는다.
  • 보색 대비에 따른 조화는 색상환에서 반대편에 놓인 두 색상을 짝짓는 것이라 하나의 색상만 쓰는 배색과 맞지 않는다.
  • 주조색에 따른 조화는 전체 배색을 지배하는 색을 정해 통일감을 주는 방식으로, 발문의 핵심인 명도의 단계적 변화를 기준으로 삼지 않는다.
문제 17
디자인 원리 중 유사, 대비, 균일, 강약 등이 포함되어 나타내는 디자인 원리는?
1균형
2리듬
3조화
4통일
문제 18
촉각적 질감에 대한 설명으로 틀린 것은?
1촉각적 질감에는 장식적 질감, 자연적 질감, 기계적 질감이 있다.
2촉각적 질감은 눈으로 볼 수 있을 뿐 아니라 손으로 만져서 느낄 수 있는 질감이다.
3촉각적 질감은 2차원 디자인의 표면과 함께 3차원의 양각(relief)으로 확대하는 것이다.
4촉각적 질감의 연출 방법에는 자연재료사용, 재료변형, 재료복합 등이 있다.
정답 및 해설

촉각적 질감의 분류에서 장식적 질감, 자연적 질감, 기계적 질감이라는 구분은 존재하지 않는다. 촉각적 질감의 일반적 분류는 자연적 질감(천연재료의 본래 표면)과 인공적 질감(가공·처리된 표면)으로 구분되거나, 실질감(실제로 만져지는 표감)과 시각적 질감(시각으로만 인식되는 질감)으로 구분된다. 반면 2번은 촉각적 질감의 핵심 정의, 3번은 2·3차원 확대 표현, 4번은 실제 연출방법으로 모두 정확한 설명이다.

문제 19
먼셀 표색계에 관한 설명과 거리가 먼 것은?
1색은 색상, 명도, 채도의 3속성으로 구분한다.
2색의 3속성을 공간에 배열한 것을 색입체라고 한다.
3색상의 최초 기준색은 빨강(R)이다.
4무채색 축 안쪽으로 채도가 높은 색을 배열한다.
정답 및 해설

먼셀 표색계 설명과 거리가 먼 것은 무채색 축 안쪽으로 채도가 높은 색을 배열한다는 것이다.

먼셀 색입체에서 채도는 무채색 축에서 멀어질수록(바깥쪽으로) 높아진다.

  • 색을 색상·명도·채도의 3속성으로 구분하는 것은 먼셀 표색계의 기본이다.
  • 색의 3속성을 공간에 배열한 것을 색입체라 한다는 설명은 옳다.
  • 색상환의 기준이 되는 첫 색은 빨강(R)이라는 설명은 옳다.
문제 20
자연에서 찾아 볼 수 있는 디자인의 원리에 대한 사례로 옳지 않은 것은?
1고대 그리스 밀로의 비너스, 파르테논 신전 등은 비례의 좋은 예이다.
2나뭇잎, 숲속의 나무, 해변의 모래알, 바다의 파도 등은 대칭의 좋은 예이다.
3잔잔한 수면 위에 돌을 떨어뜨려 생기는 동심원은 방사구성의 좋은 예이다.
4무성한 나뭇잎들 사이에서 핀 꽃, 밤하늘에 뜬 달 등은 강조의 좋은 예이다.
정답 및 해설

자연 현상과 사물에서 나타나는 대칭의 개념을 정확히 이해해야 한다. 나뭇잎, 숲속의 나무, 해변의 모래알, 바다의 파도를 모두 대칭의 예로 제시한 보기에서, 이 중 숲속의 나무, 모래알, 파도는 일정한 대칭성을 갖지 않는다.

나뭇잎은 중앙의 잎맥을 중심으로 좌우대칭을 보이지만, 숲의 나무들이나 해변 모래알의 형태, 파도의 모양은 불규칙하고 무질서하므로 대칭의 예가 될 수 없다.

  • 고대 그리스 조각상과 신전: 비례와 균형의 예로 타당하다.
  • 물에 떨어진 돌로 인한 동심원: 방사구성의 예로 타당하다.
  • 나뭇잎 속 꽃과 밤하늘의 달: 주변과의 대비로 강조되는 예로 타당하다.
문제 21
인터넷상의 보안 문제로부터 특정 네트워크를 격리시키는데 사용되는 시스템으로서, 네트워크의 출입 경로를 단절시켜 보안 관리 범위를 좁히고 제어를 효과적으로 할 수 있는 시스템은?
1Firewall
2SNMP
3POP Server
4SMTP
정답 및 해설

외부 위협으로부터 네트워크를 격리하고 출입 경로를 통제하는 시스템은 Firewall이다.

방화벽은 내부망과 외부망 사이에서 접근을 허용·차단해 보안 관리 범위를 좁힌다.

  • SNMP는 네트워크 장비를 관리·감시하는 프로토콜이다.
  • POP 서버는 메일을 수신하는 서버이다.
  • SMTP는 메일을 송신하는 프로토콜이다.
문제 22
VRML(Virtual Reality Modeling Language)에 관한 특징으로 틀린 것은?
1웹에서 사용되는 언어이므로 플랫폼에 독립적이다.
23차원 공간을 표현하는 텍스트 파일로 데이터 전송 시간이 길다.
3웹 관련 표준 언어를 수용할 수 있어 HTML 문서와 연계해서 사용할 수 있다.
4사이버 쇼핑몰을 만들거나 3차원 채팅 사이트, 가상 학교 등의 제작이 가능하다.
정답 및 해설

VRML은 3차원 공간을 기술하는 텍스트 파일이므로 용량이 작아 데이터 전송시간이 짧다. 따라서 전송시간이 길다는 설명은 틀리다. 웹 기반이어서 플랫폼에 독립적이고, HTML 문서와 연계할 수 있으며, 가상 쇼핑몰·3차원 채팅·가상학교 등을 만들 수 있다.

문제 23
웹브라우저의 기능으로 옳지 않은 것은?
1웹사이트 접속
2정보 검색
3그림 편집
4인터넷 서비스 제공
정답 및 해설

웹브라우저의 기능으로 옳지 않은 것은 그림 편집이다.

웹브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이며 이미지를 편집하는 도구가 아니다.

  • 웹사이트 접속은 브라우저의 기본 기능이다.
  • 정보 검색은 브라우저로 검색 사이트에 접속해 수행하는 기능이다.
  • FTP 등 다른 인터넷 서비스에 접근하게 해 주는 것도 브라우저의 기능이다.
문제 24
네트워크 위상 중 링형에 대한 특징으로 옳은 것은?
1일부 노드의 전송지연이 전체 네트워크에 영향을 주지 않는다.
2원거리 노드로의 데이터 전송은 인접 노드가 중계하여 데이터를 전달한다.
3데이터 또는 메시지는 지정한 노드에게만 전달한다.
4새로운 노드의 삽입이 용이하다.
정답 및 해설

링형 네트워크에서는 원거리 노드로 보낼 때 인접 노드가 중계해 전달한다.

링형은 노드가 고리 모양으로 연결되어 각 노드가 신호를 재생해 다음 노드로 넘긴다.

  • 일부 노드의 지연이나 장애가 전체에 영향을 주지 않는다는 설명은 틀리며 고리 구조상 전체에 영향을 준다.
  • 지정한 노드에게만 전달한다는 설명은 틀리며 데이터가 중간 노드를 거쳐 순환한다.
  • 새 노드를 삽입하기 쉽다는 설명은 틀리며 고리를 끊고 연결해야 해 번거롭다.
문제 25
다음 중 프로그램의 성격이 다른 하나는?
1인터넷 익스플로러
2모질라
3아파치
4넷스케이프 네비게이터
정답 및 해설

성격이 다른 하나는 아파치이다.

아파치는 웹 서버 프로그램이고 나머지는 웹 문서를 보는 웹 브라우저이다.

  • 인터넷 익스플로러는 웹 브라우저이다.
  • 모질라는 웹 브라우저이다.
  • 넷스케이프 네비게이터는 웹 브라우저이다.
문제 26
다음 설명에 해당하는 서버로 옳은 것은?
1HTTP 서버
2Proxy 서버
3DNS 서버
4Gateway 서버
정답 및 해설

그림은 주고받은 내용을 캐시에 저장해 두었다가 같은 자료를 다시 요청하면 재전송 없이 응답해 속도를 높인다는 설명이므로 Proxy 서버입니다.

프록시 서버는 클라이언트와 웹 서버 사이에서 요청을 대신 처리하며, 캐시 재사용과 접근 제어를 맡습니다.

  • HTTP 서버: 클라이언트의 요청을 받아 웹 문서를 보내 주는 서버로, 중간에서 캐시를 두는 역할이 아닙니다.
  • DNS 서버: 도메인 이름을 IP 주소로 바꿔 주는 서버입니다.
  • Gateway 서버: 서로 다른 프로토콜을 쓰는 네트워크 사이에서 상위 계층 프로토콜을 변환해 연결합니다.
문제 27
E-Mail 송신 시에 사용되는 프로토콜은?
1SMTP
2SNMP
3UDP
4MIME
정답 및 해설

E-Mail 송신 시 사용하는 프로토콜은 SMTP이다.

SMTP는 메일 서버로 메일을 보내는 표준 프로토콜이다.

  • SNMP는 네트워크 장비 관리 프로토콜이다.
  • UDP는 비연결형 전송 계층 프로토콜로 메일 송신 전용이 아니다.
  • MIME은 첨부 파일 등 메일 내용의 형식을 확장하는 규격이며 송신 프로토콜이 아니다.
문제 28
자바 스크립트에 관한 설명으로 틀린 것은?
1웹서버에 주는 부담이 적다.
2소스코드를 감출 수 없다.
3컴파일 방식의 언어이다.
4운영체제의 제약을 받지 않는다.
정답 및 해설

자바스크립트 설명으로 틀린 것은 컴파일 방식의 언어라는 것이다.

자바스크립트는 브라우저가 소스를 한 줄씩 해석해 실행하는 인터프리터 방식이다.

  • 클라이언트에서 실행되므로 웹서버의 부담이 적다.
  • 소스가 브라우저로 그대로 전달되므로 소스코드를 감출 수 없다.
  • 브라우저 위에서 실행되므로 운영체제의 제약을 받지 않는다.
문제 29
TCP/IP 프로토콜의 4계층에 해당하지 않는 것은?
1응용계층
2전송계층
3네트워크계층
4물리계층
정답 및 해설

TCP/IP 4계층에 해당하지 않는 것은 물리계층이다.

TCP/IP는 응용, 전송, 인터넷(네트워크), 네트워크 접속의 4계층이며 물리계층은 OSI 7계층 모델의 계층이다.

  • 응용계층은 TCP/IP 4계층에 속한다.
  • 전송계층은 TCP/IP 4계층에 속한다.
  • 네트워크계층은 TCP/IP의 인터넷 계층으로 4계층에 속한다.
문제 30
검색 사이트 중 기존의 메타 태그에만 의존하지 않고 페이지 랭크 기법을 이용하여 웹페이지의 순위를 정하는 검색사이트는?
1구글
2야후
3알타비스타
4라이코스
정답 및 해설

페이지 랭크 기법으로 웹페이지 순위를 정하는 검색 사이트는 구글이다.

구글은 다른 페이지에서 링크를 많이 받는 정도로 중요도를 평가해 메타 태그에만 의존하지 않는다.

  • 야후는 초기에 사람이 분류한 디렉터리 방식으로 알려졌다.
  • 알타비스타는 로봇이 수집한 문서를 키워드로 찾는 방식으로 알려졌다.
  • 라이코스는 로봇 수집 기반의 키워드 검색 방식으로 알려졌다.
문제 31
웹 인덱스 검색 방식(키워드 검색 방식)에 대한 설명으로 옳은 것은?
1사람이 직접 문서를 수집하고 관리한다.
2검색 결과로 얻는 웹 문서의 수가 비교적 적다.
3나열된 분류 항목 중 하나의 항목을 선택하여 검색하는 방법이다.
4로봇(robot) 프로그램이 주기적으로 인터넷상의 정보를 검색한다.
정답 및 해설

웹 인덱스(키워드) 검색 방식은 로봇 프로그램이 주기적으로 인터넷 정보를 검색한다.

로봇이 웹 문서를 자동 수집·색인하고 사용자는 키워드를 입력해 찾는다.

  • 사람이 직접 문서를 수집·관리하는 것은 디렉터리 방식이다.
  • 검색 결과가 적은 것은 디렉터리 방식의 특징이며 인덱스 방식은 결과가 많다.
  • 분류 항목을 선택해 검색하는 것은 디렉터리 방식이다.
문제 32
HTML의 <table> 태그 중 테이블의 테두리 두께를 지정하는 속성은?
1border
2celpadding
3width
4spacing
문제 33
인터넷에서 음성 및 동영상, 애니메이션 등의 콘텐츠를 실시간으로 다운로드하여 실행 가능하도록 하는 기술은?
1Streaming 기술
2Water Mark 기술
3DRM 기술
4Compression 기술
정답 및 해설

실시간으로 내려받으며 재생하게 하는 기술은 Streaming이다.

스트리밍은 전체를 받기 전에 받는 대로 재생해 음성·동영상 서비스에 쓰인다.

  • Water Mark는 저작권 표시를 삽입하는 기술이다.
  • DRM은 디지털 콘텐츠의 저작권을 관리하는 기술이다.
  • Compression은 데이터 용량을 줄이는 압축 기술이다.
문제 34
다음이 설명하고 있는 프로그램 언어는?
1HTML
2C언어
3Pacal
4FORTRAN
정답 및 해설

그림은 웹의 하이퍼미디어 문서를 작성·표현하는 표준 언어로, 문서(Document)와 태그(Tag)로 구성된다고 설명하므로 HTML입니다.

HTML 은 <body>, <a> 같은 태그로 문서 구조와 링크를 표시하는 마크업 언어입니다.

  • C언어: 운영체제·응용 프로그램 개발에 쓰는 범용 프로그래밍 언어로, 태그로 웹 문서를 구성하지 않습니다.
  • Pascal(보기 표기 'Pacal'): 니클라우스 비르트가 만든 교육용 절차형 프로그래밍 언어입니다.
  • FORTRAN: 과학·공학 수치 계산용으로 개발된 프로그래밍 언어입니다.
문제 35
웹 페이지에서의 저작에 대한 설명으로 가장 옳은 것은?
1각각의 모노미디어를 통합하는 과정이다.
2그래픽 이미지에 필터 효과를 주는 과정이다.
3사운드를 편집하는 과정이다.
4영상 자료에 다양한 효과를 주는 과정이다.
정답 및 해설

웹 페이지에서의 저작(authoring)은 문자·이미지·소리·영상 같은 각각의 모노미디어를 하나로 통합하는 과정이다.

저작 도구는 따로 만든 미디어 요소를 한 페이지 안에 배치하고 연결해 멀티미디어 결과물로 엮는다.

  • 그래픽 이미지에 필터 효과를 주는 일은 이미지 한 종류만 다루는 편집 작업이며 통합 과정이 아니다.
  • 사운드를 편집하는 일은 오디오 한 종류만 다루는 편집 작업이다.
  • 영상 자료에 효과를 주는 일은 동영상 한 종류만 다루는 편집 작업이다.
문제 36
자바 스크립트 내에서 사용되는 String 객체에 대한 설명으로 틀린 것은?
1replace() - 임의의 문자열에서 지정한 문자를 다른 문자로 변경한다.
2match() - 임의의 문자열에서 지정한 문자가 나타나는 첫 번째 위치 값을 반환한다.
3split() - 임의의 문자열을 지정한 문자열이 나타나는 위치들을 나누어 두 개 이상의 문자열 배열로 만들어 반환한다.
4toUpperCase() - 문자열에 존재하는 대문자를 모두 소문자로 변환하여 반환한다.
문제 37
HTML 4.0 이전의 웹 표준 언어에서는 제공하지 못하였지만 HTML 4.0부터 새롭게 제공하는 기능은?
1이미지 삽입 지원
2CSS를 이용한 레이아웃 조절
3애플릿 사용 지원
4첨자 표현 지원
정답 및 해설

HTML 4.0에서 새로 제공된 기능은 CSS를 이용한 레이아웃 조절이다.

HTML 4.0 은 스타일시트(CSS)를 도입해 문서의 구조와 표현을 분리했고, 이로써 글꼴·여백·배치를 스타일로 제어하게 되었다.

  • 이미지 삽입은 이미 이전 HTML 버전부터 img 태그로 지원되던 기능이다.
  • 애플릿 사용 지원은 HTML 4.0 이전의 3.2 버전에서 이미 제공되었다.
  • 첨자 표현(위첨자·아래첨자)도 HTML 4.0 이전 버전에서 이미 제공되었다.
문제 38
HTML을 자동으로 생성해 주는 웹에디터 프로그램으로 거리가 먼 것은?
1나모(Namo)
2드림위버(DreamWeaver)
3프리미어(Premiere)
4프론트페이지(FrontPage)
정답 및 해설

HTML을 자동으로 생성해 주는 웹에디터와 거리가 먼 것은 프리미어(Premiere)이다.

프리미어는 웹 문서가 아니라 동영상을 편집하는 프로그램이다.

  • 나모(Namo)는 화면에서 편집하면 HTML 코드를 만들어 주는 웹에디터이다.
  • 드림위버(DreamWeaver)는 HTML 코드를 자동 생성하는 대표적인 웹에디터이다.
  • 프론트페이지(FrontPage)는 HTML 문서를 시각적으로 편집하는 웹에디터이다.
문제 39
네트워크 구성요소 중 시스템을 네트워크에 물리적으로 연결하는 확장카드나 기타 장치는?
1클라이언트 S/W
2네트워크어댑터
3프로토콜
4서비스 S./W
정답 및 해설

시스템을 네트워크에 물리적으로 연결하는 확장카드나 장치는 네트워크 어댑터(랜카드)이다.

네트워크 어댑터는 컴퓨터를 전송 매체에 물리적으로 접속시키는 하드웨어이다.

  • 클라이언트 소프트웨어는 서비스를 요청하는 프로그램이며 물리적 장치가 아니다.
  • 프로토콜은 통신을 위한 규약(약속)이지 장치가 아니다.
  • 서비스 소프트웨어는 서비스를 제공하는 프로그램이며 물리적 장치가 아니다.
문제 40
"Mosaic"이 등장한 이후의 인터넷 서비스의 변화에 해당하는 것은?
1ARPANet 시작
2Archie 시작
3전자상거래 시작
4Gopher
정답 및 해설

Mosaic 등장 이후의 변화에 해당하는 것은 전자상거래 시작이다.

Mosaic 은 그래픽 인터페이스를 갖춘 웹 브라우저로, 웹이 대중화되면서 상업적 이용이 본격화되었다.

  • ARPANet 은 인터넷의 모체로 Mosaic 보다 훨씬 이전에 시작되었다.
  • Archie 는 FTP 파일 검색 서비스로 웹 등장 이전의 서비스이다.
  • Gopher 는 웹이 퍼지기 전에 쓰이던 메뉴 기반 정보 검색 서비스이다.
문제 41
웹용으로 이미지를 디자인할 때 고려해야 할 사항으로 거리가 먼 것은?
1파일 크기
2이미지의 색상
3파일 포맷 형식
4인쇄 설정
정답 및 해설

웹용 이미지 디자인에서 고려할 사항과 거리가 먼 것은 인쇄 설정이다.

웹 이미지는 화면으로 전송·표시되므로 용량·색상·포맷이 중요하고 인쇄용 설정은 목적에 맞지 않는다.

  • 파일 크기는 다운로드 속도에 직접 영향을 주므로 반드시 고려해야 한다.
  • 이미지의 색상은 모니터 표시와 웹 안전색 등을 고려해야 하는 사항이다.
  • 파일 포맷 형식은 GIF·JPEG·PNG 처럼 용도에 맞게 선택해야 하는 사항이다.
문제 42
다음이 설명하고 있는 것은?
1셀 애니메이션
2클래이 애니메이션
3컷 아웃 애니메이션
4스크래치 애니메이션
정답 및 해설

그림은 페이퍼 애니메이션이 배경 이미지를 활용하지 못하는 단점을 보완하려고 1914년 얼 허드가 고안한 기법이라 하므로 셀 애니메이션입니다.

셀 애니메이션은 배경과 움직이는 그림(동화)을 분리해, 투명한 셀에 동화만 그려 고정된 배경 위에 겹쳐 촬영합니다.

  • 클래이 애니메이션: 점토 인형을 조금씩 움직이며 프레임 단위로 찍는 입체 스톱모션입니다.
  • 컷 아웃 애니메이션: 오린 종이 조각을 평면 위에서 움직이며 촬영하는 기법입니다.
  • 스크래치 애니메이션: 필름 표면을 직접 긁어 이미지를 만드는 기법입니다.
문제 43
웹 사용성(Web Usability에 대한 원칙으로 부적절한 것은?
1내용과 기능을 단순화
2일관성 있는 디자인 유지
3개발자 편의를 위한 사이트 구성
4정보의 우선순위 고려
정답 및 해설

웹 사용성 원칙으로 부적절한 것은 개발자 편의를 위한 사이트 구성이다.

사용성은 사용자 중심으로 쉽고 효율적으로 이용하게 하는 것이므로 개발자 편의를 기준으로 삼으면 안 된다.

  • 내용과 기능을 단순화하는 것은 사용자가 쉽게 이용하게 하는 원칙이다.
  • 일관성 있는 디자인 유지는 학습 부담을 줄이는 원칙이다.
  • 정보의 우선순위 고려는 중요한 정보를 먼저 찾게 하는 원칙이다.
문제 44
해상도에 대한 설명으로 잘못된 것은?
1그래픽 작업은 반드시 목적에 맞는 해상도로 작업해야 한다.
2출력용으로 제작할 때는 최소 200dpi 이상의 해상도로 작업하는 것을 권장한다.
3화면의 해상도는 72dpi 이상이면 확대되어 보이고, 이하면 축소되어 보인다.
4웹용 이미지를 사용하려면 해상도를 72dpi 보다 크게 설정하는 것이 좋다.
문제 45
컴퓨터 그래픽스 시스템의 입력장치로 옳지 않은 것은?
1디지타이저(Digitizer)
2조이스틱(Joy Stick)
3스캐너(Scanner)
4프린터(Printer)
정답 및 해설

컴퓨터 그래픽스 시스템의 입력장치가 아닌 것은 프린터이다.

프린터는 처리 결과를 종이로 내보내는 출력장치이다.

  • 디지타이저는 좌표를 읽어 입력하는 입력장치이다.
  • 조이스틱은 방향 조작을 입력하는 입력장치이다.
  • 스캐너는 이미지를 읽어 들여 디지털 데이터로 입력하는 입력장치이다.
문제 46
다음 웹 디자인 과정을 올바르게 나열한 것은?
1ⓑ-ⓐ-ⓓ-ⓔ-ⓒ
2ⓑ-ⓓ-ⓐ-ⓔ-ⓒ
3ⓑ-ⓔ-ⓐ-ⓓ-ⓒ
4ⓑ-ⓐ-ⓓ-ⓒ-ⓔ
정답 및 해설

웹 디자인은 주제 결정(ⓑ) → 스토리보드 제작(ⓔ) → 그림·동영상·소리파일 제작(ⓐ) → 웹에디터로 작성(ⓓ) → 웹사이트에 업로드(ⓒ) 순서이므로 ⓑ-ⓔ-ⓐ-ⓓ-ⓒ 입니다.

스토리보드는 화면 단위로 구성 요소와 내용을 정리한 설계 문서라서, 소재 제작과 페이지 작성보다 먼저 만들어야 그 설계에 맞춰 제작할 수 있습니다.

  • ⓑ-ⓐ-ⓓ-ⓔ-ⓒ: 소재 제작과 페이지 작성을 마친 뒤에 스토리보드를 만들어 설계와 제작 순서가 뒤바뀌었습니다.
  • ⓑ-ⓓ-ⓐ-ⓔ-ⓒ: 역시 스토리보드가 웹에디터 작성과 소재 제작 뒤에 놓였습니다.
  • ⓑ-ⓐ-ⓓ-ⓒ-ⓔ: 업로드까지 끝낸 뒤 스토리보드를 만드는 순서라 설계 단계가 맨 끝에 왔습니다.
문제 47
웹페이지 요소에 대한 설명으로 옳지 않은 것은?
1내비게이션 : 페이지를 연계하여 이동하고 연결하는 하이퍼미디어 시스템의 링크구조
2로고 : 사용성 측면에서 내비게이션과 사용자 구조에 대한 이해를 돕기 위해 사용하는 이미지
3배너 : 텍스트, 이미지, 동영상 등의 조합으로 광고나 홍보용으로 사용
4컬러 : 웹사이트의 성격, 주 타켓층, 표현하고자 하는 콘텐츠에 따라 달라진다.
정답 및 해설

웹페이지 요소 설명 중 옳지 않은 것은 로고에 대한 설명이다.

로고는 사이트나 기업의 정체성을 나타내는 상징이며, 내비게이션과 구조 이해를 돕는 역할은 내비게이션의 몫이다.

  • 내비게이션은 페이지를 연결하고 이동시키는 링크 구조라는 설명이 맞다.
  • 배너는 텍스트·이미지·동영상을 조합해 광고·홍보에 쓴다는 설명이 맞다.
  • 컬러는 사이트 성격·타깃·콘텐츠에 따라 달라진다는 설명이 맞다.
문제 48
다음 설명에 적합한 3D 형상 모델링은?
1와이어 프레임 모델링(Wire Frame Modeling)
2표면 모델링(Surface Modeling)
3솔리드 모델링(Solid Modeling)
4매개변수 모델링(Parametric Modeling)
정답 및 해설

물체를 구성하는 모든 면에 대한 정점과 연결선의 좌표값으로 면을 표현하고, 은폐선·은폐면 제거를 통해 사실감과 자유곡면 표현이 가능하며, 모든 면에 대한 데이터를 입력해야 하므로 데이터량이 많아지는 것은 표면(Surface) 모델링의 특징이다. 와이어 프레임은 점과 선만으로 표현해 면의 개념이 없고, 솔리드 모델링은 내부까지 포함한 완전한 형상 정보를 가지며, 매개변수 모델링은 치수 변수로 형상을 제어하는 방식이라 해당하지 않는다.

문제 49
다음은 무엇에 대한 설명인가?
1레이아웃
2내비게이션
3스토리보드
4동영상
정답 및 해설

그림은 웹사이트의 전체 구조·화면 구성·콘텐츠 정보를 작성하고, 화면 단위로 들어갈 구성 요소와 구체적 내용을 정리한다고 설명하므로 스토리보드입니다.

스토리보드는 제작에 들어가기 전 각 화면의 배치·내용·연결을 적어 두는 설계 문서입니다.

  • 레이아웃: 한 화면 안에서 글·이미지 등 요소를 배치하는 구성 자체를 말합니다.
  • 내비게이션: 사용자가 페이지 사이를 이동하도록 돕는 메뉴·링크 체계입니다.
  • 동영상: 움직이는 영상 매체로, 사이트 설계 문서가 아닙니다.
문제 50
애니메이션 도구인 플래시(Flash)가 가지고 있는 특징이 아닌 것은?
1파일 크기가 비교적 작으면서 좋은 품질의 무비를 만들어 준다.
2비트맵 형식이기 때문에 고품질의 이미지 제작이 가능하다.
3사운드 및 다양한 파일 포맷을 지원한다.
4웹브라우저에서 자체적으로 플래시 무비가 실행된다.
정답 및 해설

플래시(Flash)는 벡터 기반 그래픽 도구로서 작은 파일 크기로 확장성 있는 고품질 콘텐츠를 제작할 수 있으며, 사운드와 다양한 파일 포맷을 지원하고 웹브라우저의 플러그인을 통해 직접 실행되는 특징을 가진다. 보기 2번의 "비트맵 형식"은 플래시의 기본 특성과 정반대로, 플래시가 래스터 기반이 아닌 벡터 기반이기 때문에 고품질 이미지 제작이 가능한 것이며, 따라서 플래시의 특징이 아닌 오류이다.

문제 51
3차원 대상물 표면에 2차원의 이미지를 입히는 과정을 무엇이라고 하는가?
1쉐이딩(Shading)
2안티 앨리아싱(Anti Aliasing)
3텍스처 매핑(Texture Mapping)
4필터링(Filtering)
정답 및 해설

3차원 대상물 표면에 2차원 이미지를 입히는 과정은 텍스처 매핑이다.

텍스처 매핑은 질감이나 무늬가 담긴 2차원 이미지를 3차원 물체 표면에 덧씌워 사실감을 높이는 기법이다.

  • 쉐이딩은 빛에 따른 명암을 계산해 표면을 입체감 있게 표현하는 처리이다.
  • 안티 앨리어싱은 경계의 계단 현상을 완화하는 처리이다.
  • 필터링은 이미지 화소 값을 걸러 흐림·선명 같은 보정을 하는 처리이며 표면에 이미지를 입히는 과정이 아니다.
문제 52
그래픽 툴(Tool)인 포토샵의 전용 이미지 파일 포맷은?
1PXR
2TIFF
3PCT
4PSD
정답 및 해설

포토샵의 전용 이미지 파일 포맷은 PSD이다.

PSD 는 포토샵이 레이어·채널 정보까지 보존해 저장하는 고유 포맷이다.

  • PXR 은 픽사(Pixar) 계열의 이미지 포맷이다.
  • TIFF 는 특정 프로그램 전용이 아니라 출판·DTP 에서 두루 쓰는 범용 포맷이다.
  • PCT 는 매킨토시의 PICT 계열 포맷이다.
문제 53
일반적으로 포토샵에서 할 수 있는 작업이 아닌 것은?
1사진 수정 작업
2이미지 효과
3컬러 수정/처리
4심벌, 마크 작업
정답 및 해설

포토샵에서 할 수 있는 작업이 아닌 것은 심벌, 마크 작업이다.

포토샵은 비트맵 이미지 편집 프로그램이라 확대해도 선명한 로고·심벌 제작은 벡터 프로그램의 영역이다.

  • 사진 수정 작업은 포토샵의 대표적인 기능이다.
  • 이미지 효과는 필터와 레이어 효과로 포토샵에서 수행한다.
  • 컬러 수정·처리는 색조·채도 보정 등으로 포토샵에서 수행한다.
문제 54
플래시(Flash)를 이용한 웹 그래픽 저작의 특징이 아닌 것은?
1애니메이션의 처음과 끝을 제작하면 중간단계를 자동으로 생성할 수 있다.
2실사와 동일한 애니메이션을 얻을 수 있다.
3애니메이션과 사운드가 통합된 결과물을 얻을 수 있다.
4사용자의 동작에 반응하는 효과를 낼 수 있다.
정답 및 해설

플래시 웹 그래픽의 특징이 아닌 것은 실사와 동일한 애니메이션을 얻을 수 있다는 설명이다.

플래시는 벡터 기반이라 단순한 도형·일러스트 표현에 강하고, 사진 같은 실사 표현은 특징이 아니다.

  • 처음과 끝 프레임만 만들면 중간 단계를 자동 생성하는 것은 트위닝 기능이다.
  • 애니메이션과 사운드를 통합한 결과물을 만들 수 있다.
  • 버튼 등으로 사용자의 동작에 반응하는 효과를 낼 수 있다.
문제 55
타이포그래피에 대한 설명으로 틀린 것은?
1글자를 재료로 하는 디자인을 말한다.
2글자의 의미 전달만을 목적으로 하고 있다.
3커뮤니케이션 시각디자인의 요체로서 다양한 디자인 행위를 모두 포괄하는 개념으로 확대되었다.
4무빙 타입인 움직이는 타이포그래피로 의미가 확대되었다.
정답 및 해설

타이포그래피 설명으로 틀린 것은 글자의 의미 전달만을 목적으로 한다는 설명이다.

타이포그래피는 의미 전달뿐 아니라 글자의 조형적·시각적 표현까지 포괄하는 개념이다.

  • 글자를 재료로 하는 디자인이라는 설명은 맞다.
  • 커뮤니케이션 시각디자인의 요체로 다양한 디자인 행위를 포괄하게 되었다는 설명은 맞다.
  • 움직이는 타이포그래피(무빙 타입)로 의미가 확대되었다는 설명은 맞다.
문제 56
컴퓨터그래픽스의 역사 중 1960년대에 등장한 출력장치는?
1래스터 스캔형 CRT
2리플레시형 CRT
3X-Y 플로터
4스토레이지형 CRT
문제 57
다음 중 이미지의 표현방식인 벡터방식과 비트맵방식에 대한 설명으로 틀린 것은?
1벡터방식은 점과 점을 연결하여 그린 선과 곡선으로 구성되어 있는 방식이다.
2벡터방식은 도형을 확대, 축소, 회전, 이동 등의 경우에도 그림의 질을 그대로 유지할 수 있다.
3비트맵방식은 작은 점인 픽셀의 집합으로 바둑판 격자와 같은 모양으로 배열되어 있는 방식을 말한다.
4비트맵방식은 벡터방식보다 적은 디스크 공간을 소모한다.
정답 및 해설

벡터·비트맵 설명으로 틀린 것은 비트맵이 벡터보다 적은 디스크 공간을 소모한다는 설명이다.

비트맵은 모든 픽셀의 정보를 저장하므로 일반적으로 벡터보다 용량이 크다.

  • 벡터는 점과 점을 연결한 선·곡선으로 구성된다는 설명은 맞다.
  • 벡터는 확대·축소·회전·이동해도 화질이 유지된다는 설명은 맞다.
  • 비트맵은 픽셀이 바둑판 격자로 배열된 방식이라는 설명은 맞다.
문제 58
웹디자인 프로세스 중 프로젝트 기획 단계에 속하지 않는 것은?
1웹디자인 구축할 웹 기획자, 웹 디자이너, 웹 프로그래머 등의 제작팀을 구성한다.
2웹사이트의 내용과 관련된 자료를 수집하고 분석하여 아이디어를 도출한다.
3서비스 목적과 사용자 계층을 고려하여 디자인 컨셉(concept)과 콘텐츠의 내용을 정의한다.
4사용자를 분석하고 개발 전략 및 홍보 전략을 세운다.
문제 59
비트맵 이미지에서 히스토그램(Histogram)에 대한 설명으로 적절한 것은?
1이미지의 컬러정보를 X, Y 조표에 표시한 것을 말한다.
2이미지의 명암 값 프로필(profile)을 보여주기 위해 사용된다.
3색을 다른 색으로 변환하기 위해 사용된다.
4색상 값이 비슷한 영역을 한꺼번에 선택하는 것을 의미한다.
문제 60
다음이 설명하고 있는 인터페이스 방식은?
1CRT
2GUI
3PDA
4GPU
정답 및 해설

그림은 화면의 메뉴와 아이콘을 선택해 바로 실행하도록 해 사용자 편의성을 추구하는 인터페이스라 하므로 GUI(그래픽 사용자 인터페이스)입니다.

GUI 는 명령어를 입력하는 대신 아이콘·창·메뉴를 마우스 등으로 골라 조작하는 방식입니다.

  • CRT: 음극선관을 이용한 디스플레이 장치입니다.
  • PDA: 일정·주소록 관리 등에 쓰는 휴대용 개인 정보 단말기입니다.
  • GPU: 그래픽 연산을 처리하는 처리 장치입니다.
웹디자인개발기능사 필기 기출문제모두CBT · moducbt.com
12년 1회차
총 60문항 · 객관식 · 정답·해설 포함
문제 1
“Redesign”에 대한 설명으로 옳은 것은?
1제품의 원상태를 재생하는 작업이다.
2기존상품의 개선안을 찾아서 새로운 디자인을 개발하는 작업이다.
3새로운 제품을 위한 신제품을 개발하는 작업이다.
4실제 제품생산에 들어가기 전에 샘플을 디자인하는 작업이다.
정답 및 해설

Redesign은 기존 상품의 개선안을 찾아 새로운 디자인을 개발하는 작업이다.

접두어 re-는 다시를 뜻하므로 이미 있는 제품의 문제점을 고쳐 새롭게 디자인하는 것을 가리킨다.

  • 제품의 원상태를 재생하는 것은 복원에 해당하며 새 디자인을 개발하는 것이 아니다.
  • 새로운 제품을 위한 신제품 개발은 기존 제품이 없는 신규 디자인이다.
  • 생산 전 샘플을 디자인하는 것은 시제품(프로토타입) 제작이다.
문제 2
착시에 대한 설명으로 옳은 것은?
1눈에 의한 생리적 작용에 따라 형태나 색채 등이 실제와 다르게 지각되는 것을 말한다.
2각 부분 사이에 강한 힘과 약한 힘이 규칙적으로 연속될 때 생기는 것을 말한다.
3시각상 힘의 안정을 주면 보는 사람에게 안정감을 주고 명쾌한 감정을 느끼게 하는 것을 말한다.
4부분과 전체 사이에 디자인 요소들이 잘 어울려서 균형을 유지하는 상태를 느끼게 하는 것을 말한다.
정답 및 해설

착시는 눈의 생리적 작용으로 형태나 색채가 실제와 다르게 지각되는 현상이다.

같은 크기나 길이가 주변 조건에 따라 다르게 보이는 것처럼 지각의 오차가 핵심이다.

  • 강한 힘과 약한 힘이 규칙적으로 연속되는 것은 리듬(율동)의 설명이다.
  • 시각상 힘의 안정으로 안정감을 주는 것은 균형의 설명이다.
  • 부분과 전체의 디자인 요소가 어울려 균형을 이루는 상태는 요소 간의 관계를 다루는 조형 원리의 설명이며, 실제와 다르게 지각되는 현상이 아니다.
문제 3
다음 그림에 대한 설명으로 옳은 것은?
1반사운용
2회전 운용
3팽창이동 패턴
4조화 패턴
문제 4
제과점 홈페이지를 제작할 때 식욕을 돋우는 색채 계획과 가장 거리가 먼 것은?
1녹색
2주황
3노랑
4빨강
정답 및 해설

식욕을 돋우는 색채 계획과 가장 거리가 먼 색은 녹색이다.

식욕을 자극하는 색은 주로 난색 계열이며 녹색은 건강·안전, 신선함을 연상시킨다.

  • 주황은 따뜻하고 맛있어 보이는 난색으로 식욕을 돋운다.
  • 노랑은 명랑하고 밝은 난색으로 식욕을 돋우는 데 쓰인다.
  • 빨강은 강한 난색으로 식욕과 활력을 자극한다.
문제 5
주전자, 냉장고, 자동차를 디자인하는 디자인 영역은?
1패션디자인
2시각디자인
3환경디자인
4제품디자인
정답 및 해설

주전자, 냉장고, 자동차를 디자인하는 영역은 제품디자인이다.

사용자가 쓰는 생활용품·기계·운송 기기 등 입체적 물건을 설계하는 분야이다.

  • 패션디자인은 의복과 장신구를 다룬다.
  • 시각디자인은 포스터, 편집, 심볼 등 시각 전달을 다룬다.
  • 환경디자인은 건축, 실내, 도시 등 공간을 다룬다.
문제 6
레터링(Lettering)에 대한 설명으로 틀린 것은?
1글자체, 글자 크기, 글자 사이, 여백 등을 조절하여 읽기에 편하도록 구성하는 표현기술이다.
2넓은 뜻으로 글자 디자인, 글자 표현 등의 글자 자체를 의미한다.
3어떤 디자인을 위한 특정한 목적을 가지는 글자를 묘사하는 것을 말한다.
4글자라는 소재를 사용하여 어떤 의도를 표현하고 전달하려는 것이다.
정답 및 해설

레터링 설명으로 틀린 것은 글자체, 크기, 글자 사이, 여백을 조절해 읽기 편하게 구성하는 표현기술이라는 설명이다.

그 설명은 활자를 배열하는 타이포그래피에 해당하며, 레터링은 특정 목적에 맞게 글자를 직접 그려 디자인하는 것이다.

  • 넓은 뜻으로 글자 디자인과 글자 표현 자체를 가리킨다는 설명은 옳다.
  • 특정 디자인 목적을 위한 글자를 묘사하는 것이라는 설명은 옳다.
  • 글자를 소재로 의도를 표현하고 전달한다는 설명은 옳다.
문제 7
선(Line)에 대한 설명으로 잘못된 것은?
1유기적인 선은 정확하고 긴장되며 기계적인 느낌을 준다.
2수직선은 세로로 된 선으로 숭고한 느낌을 준다.
3수평선은 가로로 된 선으로 편안한 느낌을 준다.
4사선은 비스듬한 선으로 동적인 움직임과 불안한 느낌을 준다.
정답 및 해설

선에 대한 설명으로 잘못된 것은 유기적인 선이 정확하고 기계적인 느낌을 준다는 것이다.

정확하고 긴장되며 기계적인 느낌은 기하학적인 선의 특징이고, 유기적인 선은 자연스럽고 부드러운 느낌을 준다.

  • 수직선은 세로선으로 숭고하고 엄숙한 느낌을 준다는 설명은 옳다.
  • 수평선은 가로선으로 편안하고 안정된 느낌을 준다는 설명은 옳다.
  • 사선은 비스듬해 동적이고 불안한 느낌을 준다는 설명은 옳다.
문제 8
디자인의 조건 중 합목적성에 해당하는 것은?
1아름다운 미적인 요소를 추구하는 요소
2사물이 일정한 목적에 적합한 방식으로 존재하는 성질
3최소의 경비로 최대의 효과를 얻는 원칙
4독특한 것을 처음으로 고안해 내려는 성향
정답 및 해설

합목적성은 사물이 일정한 목적에 적합한 방식으로 존재하는 성질이다.

디자인의 조건 중 합목적성은 기능과 목적에 맞는가를 따진다.

  • 아름다운 미적 요소를 추구하는 것은 심미성이다.
  • 최소 경비로 최대 효과를 얻는 원칙은 경제성이다.
  • 독특한 것을 처음 고안하려는 성향은 독창성이다.
문제 9
2차원적 프로덕트 디자인에 속하지 않는 것은?
1텍스타일디자인
2편집디자인
3벽지디자인
4인테리어 직물디자인
정답 및 해설

2차원적 프로덕트 디자인에 속하지 않는 것은 편집디자인이다.

편집디자인은 출판물 등을 다루는 시각디자인 분야로 프로덕트 디자인이 아니다.

  • 텍스타일디자인은 직물의 평면 무늬를 만드는 2차원 프로덕트 디자인이다.
  • 벽지디자인은 벽면에 쓰일 평면 무늬를 만드는 2차원 프로덕트 디자인이다.
  • 인테리어 직물디자인도 직물의 평면 무늬를 다루는 2차원 프로덕트 디자인이다.
문제 10
무채색에 대한 설명으로 틀린 것은?
1밝고 어두운 정도의 차이로 구별된다.
2색상이 존재하지 않는다.
3빨강은 무채색이다.
4채도가 존재하지 않는다.
정답 및 해설

무채색에 대한 설명으로 틀린 것은 빨강이 무채색이라는 것이다.

빨강은 색상과 채도가 있는 유채색이며, 무채색은 흰색·회색·검정처럼 명도만 있는 색이다.

  • 무채색은 밝고 어두운 정도(명도)의 차이로만 구별된다.
  • 무채색에는 색상이 존재하지 않는다.
  • 무채색에는 채도가 존재하지 않는다.
문제 11
다음이 설명하고 있는 디자인 원리는?
1반복
2균형
3조화
4대비
정답 및 해설

제시된 내용은 요소들 사이의 평형 상태를 의미하며, 디자인 공간 속에서 각 요소가 통일감과 안정감을 갖도록 하는 원리이다. 이는 대칭·비대칭·방사대칭으로 구분되는 균형(Balance)의 정의에 해당한다.

문제 12
입체디자인의 상관 요소에 해당하지 않는 것은?
1위치(position)
2형태(shape)
3방향(direction)
4공간(space)
정답 및 해설

입체디자인의 상관(관계) 요소에 해당하지 않는 것은 형태이다.

입체디자인의 관계 요소는 위치·방향·공간·중력이며, 형태는 구성 대상 자체를 이루는 요소이다.

  • 위치는 기준에 대한 놓인 자리를 뜻하는 관계 요소이다.
  • 방향은 기준에 대한 향함을 뜻하는 관계 요소이다.
  • 공간은 입체가 차지하고 둘러싸는 영역을 뜻하는 관계 요소이다.
문제 13
다음이 설명하고 있는 색의 대비로 옳은 것은?
1채도대비
2명도대비
3연변대비
4반복대비
문제 14
색 자각의 3요소로 옳게 구성된 것은?
1광원, 물체, 시각
2광원, 색채, 시각
3광원, 색감, 시각
4광원, 촉각, 시각
정답 및 해설

색을 지각하는 3요소는 광원, 물체, 시각이다.

색은 광원의 빛이 물체에 반사·투과되어 눈(시각)에 들어와 느껴진다.

  • 색채나 색감은 지각의 결과물이지 지각을 이루는 조건이 아니다.
  • 촉각은 피부로 느끼는 감각이므로 색 지각과 관계가 없다.
문제 15
사인(Sign)이나 심볼 마크(Symbol mark)가 속한 디자인 영역을 인간과 인간 사이를 연결해 주는 하나의 매개체가 되는 디자인 분야는?
1시각 디자인
2제품 디자인
3환경 디자인
4영상 디자인
정답 및 해설

사인이나 심볼 마크가 속하며 인간과 인간 사이의 매개가 되는 분야는 시각디자인이다.

시각디자인은 시각 매체로 정보를 전달하는 분야로 사인, 심볼 마크, 포스터 등을 다룬다.

  • 제품디자인은 생활용품 같은 입체적 물건을 다룬다.
  • 환경디자인은 건축, 실내, 도시 같은 공간을 다룬다.
  • 영상디자인은 영화, 방송, 애니메이션 같은 움직이는 영상 매체를 다룬다.
문제 16
하나의 색상에 각기 다른 여러 명도의 조화를 단계적으로 동시에 배색하여 얻어지는 조화는?
1색상 대비에 따른 조화
2보색 대비에 따른 조화
3명도에 따른 조화
4주조색에 따른 조화
정답 및 해설

하나의 색상에 여러 명도를 단계적으로 배색한 조화는 명도에 따른 조화이다.

색상은 하나로 고정하고 명도 단계만 달리해 배색하므로 명도 차이가 조화를 만든다.

  • 색상 대비에 따른 조화는 서로 다른 색상을 함께 써야 성립하므로 하나의 색상만 쓰는 배색과 맞지 않는다.
  • 보색 대비에 따른 조화는 색상환에서 반대편에 놓인 두 색상을 짝짓는 것이라 하나의 색상만 쓰는 배색과 맞지 않는다.
  • 주조색에 따른 조화는 전체 배색을 지배하는 색을 정해 통일감을 주는 방식으로, 발문의 핵심인 명도의 단계적 변화를 기준으로 삼지 않는다.
문제 17
디자인 원리 중 유사, 대비, 균일, 강약 등이 포함되어 나타내는 디자인 원리는?
1균형
2리듬
3조화
4통일
문제 18
촉각적 질감에 대한 설명으로 틀린 것은?
1촉각적 질감에는 장식적 질감, 자연적 질감, 기계적 질감이 있다.
2촉각적 질감은 눈으로 볼 수 있을 뿐 아니라 손으로 만져서 느낄 수 있는 질감이다.
3촉각적 질감은 2차원 디자인의 표면과 함께 3차원의 양각(relief)으로 확대하는 것이다.
4촉각적 질감의 연출 방법에는 자연재료사용, 재료변형, 재료복합 등이 있다.
정답 및 해설

촉각적 질감의 분류에서 장식적 질감, 자연적 질감, 기계적 질감이라는 구분은 존재하지 않는다. 촉각적 질감의 일반적 분류는 자연적 질감(천연재료의 본래 표면)과 인공적 질감(가공·처리된 표면)으로 구분되거나, 실질감(실제로 만져지는 표감)과 시각적 질감(시각으로만 인식되는 질감)으로 구분된다. 반면 2번은 촉각적 질감의 핵심 정의, 3번은 2·3차원 확대 표현, 4번은 실제 연출방법으로 모두 정확한 설명이다.

문제 19
먼셀 표색계에 관한 설명과 거리가 먼 것은?
1색은 색상, 명도, 채도의 3속성으로 구분한다.
2색의 3속성을 공간에 배열한 것을 색입체라고 한다.
3색상의 최초 기준색은 빨강(R)이다.
4무채색 축 안쪽으로 채도가 높은 색을 배열한다.
정답 및 해설

먼셀 표색계 설명과 거리가 먼 것은 무채색 축 안쪽으로 채도가 높은 색을 배열한다는 것이다.

먼셀 색입체에서 채도는 무채색 축에서 멀어질수록(바깥쪽으로) 높아진다.

  • 색을 색상·명도·채도의 3속성으로 구분하는 것은 먼셀 표색계의 기본이다.
  • 색의 3속성을 공간에 배열한 것을 색입체라 한다는 설명은 옳다.
  • 색상환의 기준이 되는 첫 색은 빨강(R)이라는 설명은 옳다.
문제 20
자연에서 찾아 볼 수 있는 디자인의 원리에 대한 사례로 옳지 않은 것은?
1고대 그리스 밀로의 비너스, 파르테논 신전 등은 비례의 좋은 예이다.
2나뭇잎, 숲속의 나무, 해변의 모래알, 바다의 파도 등은 대칭의 좋은 예이다.
3잔잔한 수면 위에 돌을 떨어뜨려 생기는 동심원은 방사구성의 좋은 예이다.
4무성한 나뭇잎들 사이에서 핀 꽃, 밤하늘에 뜬 달 등은 강조의 좋은 예이다.
정답 및 해설

자연 현상과 사물에서 나타나는 대칭의 개념을 정확히 이해해야 한다. 나뭇잎, 숲속의 나무, 해변의 모래알, 바다의 파도를 모두 대칭의 예로 제시한 보기에서, 이 중 숲속의 나무, 모래알, 파도는 일정한 대칭성을 갖지 않는다.

나뭇잎은 중앙의 잎맥을 중심으로 좌우대칭을 보이지만, 숲의 나무들이나 해변 모래알의 형태, 파도의 모양은 불규칙하고 무질서하므로 대칭의 예가 될 수 없다.

  • 고대 그리스 조각상과 신전: 비례와 균형의 예로 타당하다.
  • 물에 떨어진 돌로 인한 동심원: 방사구성의 예로 타당하다.
  • 나뭇잎 속 꽃과 밤하늘의 달: 주변과의 대비로 강조되는 예로 타당하다.
문제 21
인터넷상의 보안 문제로부터 특정 네트워크를 격리시키는데 사용되는 시스템으로서, 네트워크의 출입 경로를 단절시켜 보안 관리 범위를 좁히고 제어를 효과적으로 할 수 있는 시스템은?
1Firewall
2SNMP
3POP Server
4SMTP
정답 및 해설

외부 위협으로부터 네트워크를 격리하고 출입 경로를 통제하는 시스템은 Firewall이다.

방화벽은 내부망과 외부망 사이에서 접근을 허용·차단해 보안 관리 범위를 좁힌다.

  • SNMP는 네트워크 장비를 관리·감시하는 프로토콜이다.
  • POP 서버는 메일을 수신하는 서버이다.
  • SMTP는 메일을 송신하는 프로토콜이다.
문제 22
VRML(Virtual Reality Modeling Language)에 관한 특징으로 틀린 것은?
1웹에서 사용되는 언어이므로 플랫폼에 독립적이다.
23차원 공간을 표현하는 텍스트 파일로 데이터 전송 시간이 길다.
3웹 관련 표준 언어를 수용할 수 있어 HTML 문서와 연계해서 사용할 수 있다.
4사이버 쇼핑몰을 만들거나 3차원 채팅 사이트, 가상 학교 등의 제작이 가능하다.
정답 및 해설

VRML은 3차원 공간을 기술하는 텍스트 파일이므로 용량이 작아 데이터 전송시간이 짧다. 따라서 전송시간이 길다는 설명은 틀리다. 웹 기반이어서 플랫폼에 독립적이고, HTML 문서와 연계할 수 있으며, 가상 쇼핑몰·3차원 채팅·가상학교 등을 만들 수 있다.

문제 23
웹브라우저의 기능으로 옳지 않은 것은?
1웹사이트 접속
2정보 검색
3그림 편집
4인터넷 서비스 제공
정답 및 해설

웹브라우저의 기능으로 옳지 않은 것은 그림 편집이다.

웹브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이며 이미지를 편집하는 도구가 아니다.

  • 웹사이트 접속은 브라우저의 기본 기능이다.
  • 정보 검색은 브라우저로 검색 사이트에 접속해 수행하는 기능이다.
  • FTP 등 다른 인터넷 서비스에 접근하게 해 주는 것도 브라우저의 기능이다.
문제 24
네트워크 위상 중 링형에 대한 특징으로 옳은 것은?
1일부 노드의 전송지연이 전체 네트워크에 영향을 주지 않는다.
2원거리 노드로의 데이터 전송은 인접 노드가 중계하여 데이터를 전달한다.
3데이터 또는 메시지는 지정한 노드에게만 전달한다.
4새로운 노드의 삽입이 용이하다.
정답 및 해설

링형 네트워크에서는 원거리 노드로 보낼 때 인접 노드가 중계해 전달한다.

링형은 노드가 고리 모양으로 연결되어 각 노드가 신호를 재생해 다음 노드로 넘긴다.

  • 일부 노드의 지연이나 장애가 전체에 영향을 주지 않는다는 설명은 틀리며 고리 구조상 전체에 영향을 준다.
  • 지정한 노드에게만 전달한다는 설명은 틀리며 데이터가 중간 노드를 거쳐 순환한다.
  • 새 노드를 삽입하기 쉽다는 설명은 틀리며 고리를 끊고 연결해야 해 번거롭다.
문제 25
다음 중 프로그램의 성격이 다른 하나는?
1인터넷 익스플로러
2모질라
3아파치
4넷스케이프 네비게이터
정답 및 해설

성격이 다른 하나는 아파치이다.

아파치는 웹 서버 프로그램이고 나머지는 웹 문서를 보는 웹 브라우저이다.

  • 인터넷 익스플로러는 웹 브라우저이다.
  • 모질라는 웹 브라우저이다.
  • 넷스케이프 네비게이터는 웹 브라우저이다.
문제 26
다음 설명에 해당하는 서버로 옳은 것은?
1HTTP 서버
2Proxy 서버
3DNS 서버
4Gateway 서버
정답 및 해설

그림은 주고받은 내용을 캐시에 저장해 두었다가 같은 자료를 다시 요청하면 재전송 없이 응답해 속도를 높인다는 설명이므로 Proxy 서버입니다.

프록시 서버는 클라이언트와 웹 서버 사이에서 요청을 대신 처리하며, 캐시 재사용과 접근 제어를 맡습니다.

  • HTTP 서버: 클라이언트의 요청을 받아 웹 문서를 보내 주는 서버로, 중간에서 캐시를 두는 역할이 아닙니다.
  • DNS 서버: 도메인 이름을 IP 주소로 바꿔 주는 서버입니다.
  • Gateway 서버: 서로 다른 프로토콜을 쓰는 네트워크 사이에서 상위 계층 프로토콜을 변환해 연결합니다.
문제 27
E-Mail 송신 시에 사용되는 프로토콜은?
1SMTP
2SNMP
3UDP
4MIME
정답 및 해설

E-Mail 송신 시 사용하는 프로토콜은 SMTP이다.

SMTP는 메일 서버로 메일을 보내는 표준 프로토콜이다.

  • SNMP는 네트워크 장비 관리 프로토콜이다.
  • UDP는 비연결형 전송 계층 프로토콜로 메일 송신 전용이 아니다.
  • MIME은 첨부 파일 등 메일 내용의 형식을 확장하는 규격이며 송신 프로토콜이 아니다.
문제 28
자바 스크립트에 관한 설명으로 틀린 것은?
1웹서버에 주는 부담이 적다.
2소스코드를 감출 수 없다.
3컴파일 방식의 언어이다.
4운영체제의 제약을 받지 않는다.
정답 및 해설

자바스크립트 설명으로 틀린 것은 컴파일 방식의 언어라는 것이다.

자바스크립트는 브라우저가 소스를 한 줄씩 해석해 실행하는 인터프리터 방식이다.

  • 클라이언트에서 실행되므로 웹서버의 부담이 적다.
  • 소스가 브라우저로 그대로 전달되므로 소스코드를 감출 수 없다.
  • 브라우저 위에서 실행되므로 운영체제의 제약을 받지 않는다.
문제 29
TCP/IP 프로토콜의 4계층에 해당하지 않는 것은?
1응용계층
2전송계층
3네트워크계층
4물리계층
정답 및 해설

TCP/IP 4계층에 해당하지 않는 것은 물리계층이다.

TCP/IP는 응용, 전송, 인터넷(네트워크), 네트워크 접속의 4계층이며 물리계층은 OSI 7계층 모델의 계층이다.

  • 응용계층은 TCP/IP 4계층에 속한다.
  • 전송계층은 TCP/IP 4계층에 속한다.
  • 네트워크계층은 TCP/IP의 인터넷 계층으로 4계층에 속한다.
문제 30
검색 사이트 중 기존의 메타 태그에만 의존하지 않고 페이지 랭크 기법을 이용하여 웹페이지의 순위를 정하는 검색사이트는?
1구글
2야후
3알타비스타
4라이코스
정답 및 해설

페이지 랭크 기법으로 웹페이지 순위를 정하는 검색 사이트는 구글이다.

구글은 다른 페이지에서 링크를 많이 받는 정도로 중요도를 평가해 메타 태그에만 의존하지 않는다.

  • 야후는 초기에 사람이 분류한 디렉터리 방식으로 알려졌다.
  • 알타비스타는 로봇이 수집한 문서를 키워드로 찾는 방식으로 알려졌다.
  • 라이코스는 로봇 수집 기반의 키워드 검색 방식으로 알려졌다.
문제 31
웹 인덱스 검색 방식(키워드 검색 방식)에 대한 설명으로 옳은 것은?
1사람이 직접 문서를 수집하고 관리한다.
2검색 결과로 얻는 웹 문서의 수가 비교적 적다.
3나열된 분류 항목 중 하나의 항목을 선택하여 검색하는 방법이다.
4로봇(robot) 프로그램이 주기적으로 인터넷상의 정보를 검색한다.
정답 및 해설

웹 인덱스(키워드) 검색 방식은 로봇 프로그램이 주기적으로 인터넷 정보를 검색한다.

로봇이 웹 문서를 자동 수집·색인하고 사용자는 키워드를 입력해 찾는다.

  • 사람이 직접 문서를 수집·관리하는 것은 디렉터리 방식이다.
  • 검색 결과가 적은 것은 디렉터리 방식의 특징이며 인덱스 방식은 결과가 많다.
  • 분류 항목을 선택해 검색하는 것은 디렉터리 방식이다.
문제 32
HTML의 <table> 태그 중 테이블의 테두리 두께를 지정하는 속성은?
1border
2celpadding
3width
4spacing
문제 33
인터넷에서 음성 및 동영상, 애니메이션 등의 콘텐츠를 실시간으로 다운로드하여 실행 가능하도록 하는 기술은?
1Streaming 기술
2Water Mark 기술
3DRM 기술
4Compression 기술
정답 및 해설

실시간으로 내려받으며 재생하게 하는 기술은 Streaming이다.

스트리밍은 전체를 받기 전에 받는 대로 재생해 음성·동영상 서비스에 쓰인다.

  • Water Mark는 저작권 표시를 삽입하는 기술이다.
  • DRM은 디지털 콘텐츠의 저작권을 관리하는 기술이다.
  • Compression은 데이터 용량을 줄이는 압축 기술이다.
문제 34
다음이 설명하고 있는 프로그램 언어는?
1HTML
2C언어
3Pacal
4FORTRAN
정답 및 해설

그림은 웹의 하이퍼미디어 문서를 작성·표현하는 표준 언어로, 문서(Document)와 태그(Tag)로 구성된다고 설명하므로 HTML입니다.

HTML 은 <body>, <a> 같은 태그로 문서 구조와 링크를 표시하는 마크업 언어입니다.

  • C언어: 운영체제·응용 프로그램 개발에 쓰는 범용 프로그래밍 언어로, 태그로 웹 문서를 구성하지 않습니다.
  • Pascal(보기 표기 'Pacal'): 니클라우스 비르트가 만든 교육용 절차형 프로그래밍 언어입니다.
  • FORTRAN: 과학·공학 수치 계산용으로 개발된 프로그래밍 언어입니다.
문제 35
웹 페이지에서의 저작에 대한 설명으로 가장 옳은 것은?
1각각의 모노미디어를 통합하는 과정이다.
2그래픽 이미지에 필터 효과를 주는 과정이다.
3사운드를 편집하는 과정이다.
4영상 자료에 다양한 효과를 주는 과정이다.
정답 및 해설

웹 페이지에서의 저작(authoring)은 문자·이미지·소리·영상 같은 각각의 모노미디어를 하나로 통합하는 과정이다.

저작 도구는 따로 만든 미디어 요소를 한 페이지 안에 배치하고 연결해 멀티미디어 결과물로 엮는다.

  • 그래픽 이미지에 필터 효과를 주는 일은 이미지 한 종류만 다루는 편집 작업이며 통합 과정이 아니다.
  • 사운드를 편집하는 일은 오디오 한 종류만 다루는 편집 작업이다.
  • 영상 자료에 효과를 주는 일은 동영상 한 종류만 다루는 편집 작업이다.
문제 36
자바 스크립트 내에서 사용되는 String 객체에 대한 설명으로 틀린 것은?
1replace() - 임의의 문자열에서 지정한 문자를 다른 문자로 변경한다.
2match() - 임의의 문자열에서 지정한 문자가 나타나는 첫 번째 위치 값을 반환한다.
3split() - 임의의 문자열을 지정한 문자열이 나타나는 위치들을 나누어 두 개 이상의 문자열 배열로 만들어 반환한다.
4toUpperCase() - 문자열에 존재하는 대문자를 모두 소문자로 변환하여 반환한다.
문제 37
HTML 4.0 이전의 웹 표준 언어에서는 제공하지 못하였지만 HTML 4.0부터 새롭게 제공하는 기능은?
1이미지 삽입 지원
2CSS를 이용한 레이아웃 조절
3애플릿 사용 지원
4첨자 표현 지원
정답 및 해설

HTML 4.0에서 새로 제공된 기능은 CSS를 이용한 레이아웃 조절이다.

HTML 4.0 은 스타일시트(CSS)를 도입해 문서의 구조와 표현을 분리했고, 이로써 글꼴·여백·배치를 스타일로 제어하게 되었다.

  • 이미지 삽입은 이미 이전 HTML 버전부터 img 태그로 지원되던 기능이다.
  • 애플릿 사용 지원은 HTML 4.0 이전의 3.2 버전에서 이미 제공되었다.
  • 첨자 표현(위첨자·아래첨자)도 HTML 4.0 이전 버전에서 이미 제공되었다.
문제 38
HTML을 자동으로 생성해 주는 웹에디터 프로그램으로 거리가 먼 것은?
1나모(Namo)
2드림위버(DreamWeaver)
3프리미어(Premiere)
4프론트페이지(FrontPage)
정답 및 해설

HTML을 자동으로 생성해 주는 웹에디터와 거리가 먼 것은 프리미어(Premiere)이다.

프리미어는 웹 문서가 아니라 동영상을 편집하는 프로그램이다.

  • 나모(Namo)는 화면에서 편집하면 HTML 코드를 만들어 주는 웹에디터이다.
  • 드림위버(DreamWeaver)는 HTML 코드를 자동 생성하는 대표적인 웹에디터이다.
  • 프론트페이지(FrontPage)는 HTML 문서를 시각적으로 편집하는 웹에디터이다.
문제 39
네트워크 구성요소 중 시스템을 네트워크에 물리적으로 연결하는 확장카드나 기타 장치는?
1클라이언트 S/W
2네트워크어댑터
3프로토콜
4서비스 S./W
정답 및 해설

시스템을 네트워크에 물리적으로 연결하는 확장카드나 장치는 네트워크 어댑터(랜카드)이다.

네트워크 어댑터는 컴퓨터를 전송 매체에 물리적으로 접속시키는 하드웨어이다.

  • 클라이언트 소프트웨어는 서비스를 요청하는 프로그램이며 물리적 장치가 아니다.
  • 프로토콜은 통신을 위한 규약(약속)이지 장치가 아니다.
  • 서비스 소프트웨어는 서비스를 제공하는 프로그램이며 물리적 장치가 아니다.
문제 40
"Mosaic"이 등장한 이후의 인터넷 서비스의 변화에 해당하는 것은?
1ARPANet 시작
2Archie 시작
3전자상거래 시작
4Gopher
정답 및 해설

Mosaic 등장 이후의 변화에 해당하는 것은 전자상거래 시작이다.

Mosaic 은 그래픽 인터페이스를 갖춘 웹 브라우저로, 웹이 대중화되면서 상업적 이용이 본격화되었다.

  • ARPANet 은 인터넷의 모체로 Mosaic 보다 훨씬 이전에 시작되었다.
  • Archie 는 FTP 파일 검색 서비스로 웹 등장 이전의 서비스이다.
  • Gopher 는 웹이 퍼지기 전에 쓰이던 메뉴 기반 정보 검색 서비스이다.
문제 41
웹용으로 이미지를 디자인할 때 고려해야 할 사항으로 거리가 먼 것은?
1파일 크기
2이미지의 색상
3파일 포맷 형식
4인쇄 설정
정답 및 해설

웹용 이미지 디자인에서 고려할 사항과 거리가 먼 것은 인쇄 설정이다.

웹 이미지는 화면으로 전송·표시되므로 용량·색상·포맷이 중요하고 인쇄용 설정은 목적에 맞지 않는다.

  • 파일 크기는 다운로드 속도에 직접 영향을 주므로 반드시 고려해야 한다.
  • 이미지의 색상은 모니터 표시와 웹 안전색 등을 고려해야 하는 사항이다.
  • 파일 포맷 형식은 GIF·JPEG·PNG 처럼 용도에 맞게 선택해야 하는 사항이다.
문제 42
다음이 설명하고 있는 것은?
1셀 애니메이션
2클래이 애니메이션
3컷 아웃 애니메이션
4스크래치 애니메이션
정답 및 해설

그림은 페이퍼 애니메이션이 배경 이미지를 활용하지 못하는 단점을 보완하려고 1914년 얼 허드가 고안한 기법이라 하므로 셀 애니메이션입니다.

셀 애니메이션은 배경과 움직이는 그림(동화)을 분리해, 투명한 셀에 동화만 그려 고정된 배경 위에 겹쳐 촬영합니다.

  • 클래이 애니메이션: 점토 인형을 조금씩 움직이며 프레임 단위로 찍는 입체 스톱모션입니다.
  • 컷 아웃 애니메이션: 오린 종이 조각을 평면 위에서 움직이며 촬영하는 기법입니다.
  • 스크래치 애니메이션: 필름 표면을 직접 긁어 이미지를 만드는 기법입니다.
문제 43
웹 사용성(Web Usability에 대한 원칙으로 부적절한 것은?
1내용과 기능을 단순화
2일관성 있는 디자인 유지
3개발자 편의를 위한 사이트 구성
4정보의 우선순위 고려
정답 및 해설

웹 사용성 원칙으로 부적절한 것은 개발자 편의를 위한 사이트 구성이다.

사용성은 사용자 중심으로 쉽고 효율적으로 이용하게 하는 것이므로 개발자 편의를 기준으로 삼으면 안 된다.

  • 내용과 기능을 단순화하는 것은 사용자가 쉽게 이용하게 하는 원칙이다.
  • 일관성 있는 디자인 유지는 학습 부담을 줄이는 원칙이다.
  • 정보의 우선순위 고려는 중요한 정보를 먼저 찾게 하는 원칙이다.
문제 44
해상도에 대한 설명으로 잘못된 것은?
1그래픽 작업은 반드시 목적에 맞는 해상도로 작업해야 한다.
2출력용으로 제작할 때는 최소 200dpi 이상의 해상도로 작업하는 것을 권장한다.
3화면의 해상도는 72dpi 이상이면 확대되어 보이고, 이하면 축소되어 보인다.
4웹용 이미지를 사용하려면 해상도를 72dpi 보다 크게 설정하는 것이 좋다.
문제 45
컴퓨터 그래픽스 시스템의 입력장치로 옳지 않은 것은?
1디지타이저(Digitizer)
2조이스틱(Joy Stick)
3스캐너(Scanner)
4프린터(Printer)
정답 및 해설

컴퓨터 그래픽스 시스템의 입력장치가 아닌 것은 프린터이다.

프린터는 처리 결과를 종이로 내보내는 출력장치이다.

  • 디지타이저는 좌표를 읽어 입력하는 입력장치이다.
  • 조이스틱은 방향 조작을 입력하는 입력장치이다.
  • 스캐너는 이미지를 읽어 들여 디지털 데이터로 입력하는 입력장치이다.
문제 46
다음 웹 디자인 과정을 올바르게 나열한 것은?
1ⓑ-ⓐ-ⓓ-ⓔ-ⓒ
2ⓑ-ⓓ-ⓐ-ⓔ-ⓒ
3ⓑ-ⓔ-ⓐ-ⓓ-ⓒ
4ⓑ-ⓐ-ⓓ-ⓒ-ⓔ
정답 및 해설

웹 디자인은 주제 결정(ⓑ) → 스토리보드 제작(ⓔ) → 그림·동영상·소리파일 제작(ⓐ) → 웹에디터로 작성(ⓓ) → 웹사이트에 업로드(ⓒ) 순서이므로 ⓑ-ⓔ-ⓐ-ⓓ-ⓒ 입니다.

스토리보드는 화면 단위로 구성 요소와 내용을 정리한 설계 문서라서, 소재 제작과 페이지 작성보다 먼저 만들어야 그 설계에 맞춰 제작할 수 있습니다.

  • ⓑ-ⓐ-ⓓ-ⓔ-ⓒ: 소재 제작과 페이지 작성을 마친 뒤에 스토리보드를 만들어 설계와 제작 순서가 뒤바뀌었습니다.
  • ⓑ-ⓓ-ⓐ-ⓔ-ⓒ: 역시 스토리보드가 웹에디터 작성과 소재 제작 뒤에 놓였습니다.
  • ⓑ-ⓐ-ⓓ-ⓒ-ⓔ: 업로드까지 끝낸 뒤 스토리보드를 만드는 순서라 설계 단계가 맨 끝에 왔습니다.
문제 47
웹페이지 요소에 대한 설명으로 옳지 않은 것은?
1내비게이션 : 페이지를 연계하여 이동하고 연결하는 하이퍼미디어 시스템의 링크구조
2로고 : 사용성 측면에서 내비게이션과 사용자 구조에 대한 이해를 돕기 위해 사용하는 이미지
3배너 : 텍스트, 이미지, 동영상 등의 조합으로 광고나 홍보용으로 사용
4컬러 : 웹사이트의 성격, 주 타켓층, 표현하고자 하는 콘텐츠에 따라 달라진다.
정답 및 해설

웹페이지 요소 설명 중 옳지 않은 것은 로고에 대한 설명이다.

로고는 사이트나 기업의 정체성을 나타내는 상징이며, 내비게이션과 구조 이해를 돕는 역할은 내비게이션의 몫이다.

  • 내비게이션은 페이지를 연결하고 이동시키는 링크 구조라는 설명이 맞다.
  • 배너는 텍스트·이미지·동영상을 조합해 광고·홍보에 쓴다는 설명이 맞다.
  • 컬러는 사이트 성격·타깃·콘텐츠에 따라 달라진다는 설명이 맞다.
문제 48
다음 설명에 적합한 3D 형상 모델링은?
1와이어 프레임 모델링(Wire Frame Modeling)
2표면 모델링(Surface Modeling)
3솔리드 모델링(Solid Modeling)
4매개변수 모델링(Parametric Modeling)
정답 및 해설

물체를 구성하는 모든 면에 대한 정점과 연결선의 좌표값으로 면을 표현하고, 은폐선·은폐면 제거를 통해 사실감과 자유곡면 표현이 가능하며, 모든 면에 대한 데이터를 입력해야 하므로 데이터량이 많아지는 것은 표면(Surface) 모델링의 특징이다. 와이어 프레임은 점과 선만으로 표현해 면의 개념이 없고, 솔리드 모델링은 내부까지 포함한 완전한 형상 정보를 가지며, 매개변수 모델링은 치수 변수로 형상을 제어하는 방식이라 해당하지 않는다.

문제 49
다음은 무엇에 대한 설명인가?
1레이아웃
2내비게이션
3스토리보드
4동영상
정답 및 해설

그림은 웹사이트의 전체 구조·화면 구성·콘텐츠 정보를 작성하고, 화면 단위로 들어갈 구성 요소와 구체적 내용을 정리한다고 설명하므로 스토리보드입니다.

스토리보드는 제작에 들어가기 전 각 화면의 배치·내용·연결을 적어 두는 설계 문서입니다.

  • 레이아웃: 한 화면 안에서 글·이미지 등 요소를 배치하는 구성 자체를 말합니다.
  • 내비게이션: 사용자가 페이지 사이를 이동하도록 돕는 메뉴·링크 체계입니다.
  • 동영상: 움직이는 영상 매체로, 사이트 설계 문서가 아닙니다.
문제 50
애니메이션 도구인 플래시(Flash)가 가지고 있는 특징이 아닌 것은?
1파일 크기가 비교적 작으면서 좋은 품질의 무비를 만들어 준다.
2비트맵 형식이기 때문에 고품질의 이미지 제작이 가능하다.
3사운드 및 다양한 파일 포맷을 지원한다.
4웹브라우저에서 자체적으로 플래시 무비가 실행된다.
정답 및 해설

플래시(Flash)는 벡터 기반 그래픽 도구로서 작은 파일 크기로 확장성 있는 고품질 콘텐츠를 제작할 수 있으며, 사운드와 다양한 파일 포맷을 지원하고 웹브라우저의 플러그인을 통해 직접 실행되는 특징을 가진다. 보기 2번의 "비트맵 형식"은 플래시의 기본 특성과 정반대로, 플래시가 래스터 기반이 아닌 벡터 기반이기 때문에 고품질 이미지 제작이 가능한 것이며, 따라서 플래시의 특징이 아닌 오류이다.

문제 51
3차원 대상물 표면에 2차원의 이미지를 입히는 과정을 무엇이라고 하는가?
1쉐이딩(Shading)
2안티 앨리아싱(Anti Aliasing)
3텍스처 매핑(Texture Mapping)
4필터링(Filtering)
정답 및 해설

3차원 대상물 표면에 2차원 이미지를 입히는 과정은 텍스처 매핑이다.

텍스처 매핑은 질감이나 무늬가 담긴 2차원 이미지를 3차원 물체 표면에 덧씌워 사실감을 높이는 기법이다.

  • 쉐이딩은 빛에 따른 명암을 계산해 표면을 입체감 있게 표현하는 처리이다.
  • 안티 앨리어싱은 경계의 계단 현상을 완화하는 처리이다.
  • 필터링은 이미지 화소 값을 걸러 흐림·선명 같은 보정을 하는 처리이며 표면에 이미지를 입히는 과정이 아니다.
문제 52
그래픽 툴(Tool)인 포토샵의 전용 이미지 파일 포맷은?
1PXR
2TIFF
3PCT
4PSD
정답 및 해설

포토샵의 전용 이미지 파일 포맷은 PSD이다.

PSD 는 포토샵이 레이어·채널 정보까지 보존해 저장하는 고유 포맷이다.

  • PXR 은 픽사(Pixar) 계열의 이미지 포맷이다.
  • TIFF 는 특정 프로그램 전용이 아니라 출판·DTP 에서 두루 쓰는 범용 포맷이다.
  • PCT 는 매킨토시의 PICT 계열 포맷이다.
문제 53
일반적으로 포토샵에서 할 수 있는 작업이 아닌 것은?
1사진 수정 작업
2이미지 효과
3컬러 수정/처리
4심벌, 마크 작업
정답 및 해설

포토샵에서 할 수 있는 작업이 아닌 것은 심벌, 마크 작업이다.

포토샵은 비트맵 이미지 편집 프로그램이라 확대해도 선명한 로고·심벌 제작은 벡터 프로그램의 영역이다.

  • 사진 수정 작업은 포토샵의 대표적인 기능이다.
  • 이미지 효과는 필터와 레이어 효과로 포토샵에서 수행한다.
  • 컬러 수정·처리는 색조·채도 보정 등으로 포토샵에서 수행한다.
문제 54
플래시(Flash)를 이용한 웹 그래픽 저작의 특징이 아닌 것은?
1애니메이션의 처음과 끝을 제작하면 중간단계를 자동으로 생성할 수 있다.
2실사와 동일한 애니메이션을 얻을 수 있다.
3애니메이션과 사운드가 통합된 결과물을 얻을 수 있다.
4사용자의 동작에 반응하는 효과를 낼 수 있다.
정답 및 해설

플래시 웹 그래픽의 특징이 아닌 것은 실사와 동일한 애니메이션을 얻을 수 있다는 설명이다.

플래시는 벡터 기반이라 단순한 도형·일러스트 표현에 강하고, 사진 같은 실사 표현은 특징이 아니다.

  • 처음과 끝 프레임만 만들면 중간 단계를 자동 생성하는 것은 트위닝 기능이다.
  • 애니메이션과 사운드를 통합한 결과물을 만들 수 있다.
  • 버튼 등으로 사용자의 동작에 반응하는 효과를 낼 수 있다.
문제 55
타이포그래피에 대한 설명으로 틀린 것은?
1글자를 재료로 하는 디자인을 말한다.
2글자의 의미 전달만을 목적으로 하고 있다.
3커뮤니케이션 시각디자인의 요체로서 다양한 디자인 행위를 모두 포괄하는 개념으로 확대되었다.
4무빙 타입인 움직이는 타이포그래피로 의미가 확대되었다.
정답 및 해설

타이포그래피 설명으로 틀린 것은 글자의 의미 전달만을 목적으로 한다는 설명이다.

타이포그래피는 의미 전달뿐 아니라 글자의 조형적·시각적 표현까지 포괄하는 개념이다.

  • 글자를 재료로 하는 디자인이라는 설명은 맞다.
  • 커뮤니케이션 시각디자인의 요체로 다양한 디자인 행위를 포괄하게 되었다는 설명은 맞다.
  • 움직이는 타이포그래피(무빙 타입)로 의미가 확대되었다는 설명은 맞다.
문제 56
컴퓨터그래픽스의 역사 중 1960년대에 등장한 출력장치는?
1래스터 스캔형 CRT
2리플레시형 CRT
3X-Y 플로터
4스토레이지형 CRT
문제 57
다음 중 이미지의 표현방식인 벡터방식과 비트맵방식에 대한 설명으로 틀린 것은?
1벡터방식은 점과 점을 연결하여 그린 선과 곡선으로 구성되어 있는 방식이다.
2벡터방식은 도형을 확대, 축소, 회전, 이동 등의 경우에도 그림의 질을 그대로 유지할 수 있다.
3비트맵방식은 작은 점인 픽셀의 집합으로 바둑판 격자와 같은 모양으로 배열되어 있는 방식을 말한다.
4비트맵방식은 벡터방식보다 적은 디스크 공간을 소모한다.
정답 및 해설

벡터·비트맵 설명으로 틀린 것은 비트맵이 벡터보다 적은 디스크 공간을 소모한다는 설명이다.

비트맵은 모든 픽셀의 정보를 저장하므로 일반적으로 벡터보다 용량이 크다.

  • 벡터는 점과 점을 연결한 선·곡선으로 구성된다는 설명은 맞다.
  • 벡터는 확대·축소·회전·이동해도 화질이 유지된다는 설명은 맞다.
  • 비트맵은 픽셀이 바둑판 격자로 배열된 방식이라는 설명은 맞다.
문제 58
웹디자인 프로세스 중 프로젝트 기획 단계에 속하지 않는 것은?
1웹디자인 구축할 웹 기획자, 웹 디자이너, 웹 프로그래머 등의 제작팀을 구성한다.
2웹사이트의 내용과 관련된 자료를 수집하고 분석하여 아이디어를 도출한다.
3서비스 목적과 사용자 계층을 고려하여 디자인 컨셉(concept)과 콘텐츠의 내용을 정의한다.
4사용자를 분석하고 개발 전략 및 홍보 전략을 세운다.
문제 59
비트맵 이미지에서 히스토그램(Histogram)에 대한 설명으로 적절한 것은?
1이미지의 컬러정보를 X, Y 조표에 표시한 것을 말한다.
2이미지의 명암 값 프로필(profile)을 보여주기 위해 사용된다.
3색을 다른 색으로 변환하기 위해 사용된다.
4색상 값이 비슷한 영역을 한꺼번에 선택하는 것을 의미한다.
문제 60
다음이 설명하고 있는 인터페이스 방식은?
1CRT
2GUI
3PDA
4GPU
정답 및 해설

그림은 화면의 메뉴와 아이콘을 선택해 바로 실행하도록 해 사용자 편의성을 추구하는 인터페이스라 하므로 GUI(그래픽 사용자 인터페이스)입니다.

GUI 는 명령어를 입력하는 대신 아이콘·창·메뉴를 마우스 등으로 골라 조작하는 방식입니다.

  • CRT: 음극선관을 이용한 디스플레이 장치입니다.
  • PDA: 일정·주소록 관리 등에 쓰는 휴대용 개인 정보 단말기입니다.
  • GPU: 그래픽 연산을 처리하는 처리 장치입니다.