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

15년 3회차

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

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

15년 3회차

총 60문항 · 객관식 · 정답·해설 포함
문제 1
색의 3속성 중 사람의 눈이 가장 예민하고 강하게 반응하는 대비는?
1명도대비
2색상대비
3보색대비
4채도대비
정답 및 해설

색의 3속성 중 사람의 눈은 명도에 가장 예민하므로, 가장 강하게 반응하는 대비는 명도대비이다.

명도대비는 밝기가 다른 두 색이 맞닿을 때 밝은 색은 더 밝게, 어두운 색은 더 어둡게 보이는 현상이다.

  • 색상대비는 색상 차이에 따른 대비로, 눈은 색상 차이보다 명도 차이에 더 예민하다.
  • 보색대비는 보색 관계의 두 색이 서로를 더 선명하게 보이게 하는 대비로, 3속성 중 하나에 대응하는 대비가 아니다.
  • 채도대비는 채도 차이에 따른 대비로, 채도는 3속성 중 눈이 가장 둔하게 반응하는 속성이다.
문제 2
색의 주목성에 대한 설명으로 옳지 않은 것은?
1명시도가 높으면 색의 주목성이 높다.
2채도 차이가 클수록 주목성이 높다.
3빨강은 초록보다 주목성이 높다.
4명도와 채도가 낮은 색이 주목성이 높다.
정답 및 해설

주목성은 명도와 채도가 높은 색일수록 높으므로, 명도와 채도가 낮은 색이 주목성이 높다는 설명이 옳지 않다.

주목성은 색 자체가 사람의 시선을 끄는 힘으로, 고명도·고채도 색과 난색이 눈길을 강하게 끈다.

  • 명시도가 높아 배경 속에서 잘 보이는 색은 주목성도 높다는 설명은 맞다.
  • 배경과의 채도 차이가 클수록 색이 두드러져 주목성이 높아진다는 설명은 맞다.
  • 빨강은 채도가 높은 난색이라 중성색인 초록보다 주목성이 높다는 설명은 맞다.
문제 3
디자인의 원리 중 비례에 대한 설명이 잘못된 것은?
1균형을 가장 많이 고려하여 구성해야 한다.
2부분과 부분, 부분과 전체에 균형이 잡혀있음을 말한다.
3조형을 구성하는 모든 단위의 크기를 결정한다.
4객관적 질서와 과학적 근거를 명확하게 드러내는 구성 형식이다.
정답 및 해설

비례는 부분과 부분, 부분과 전체의 크기 관계를 다루는 원리이므로, 균형을 가장 많이 고려해 구성한다는 설명이 잘못되었다.

비례는 균형(무게감의 평형)과 구분되는 별도의 원리로, 황금비처럼 수량적 비율로 나타난다.

  • 부분과 부분, 부분과 전체의 관계가 잡혀 있음을 뜻한다는 설명은 비례의 정의에 맞다.
  • 구성하는 단위의 크기를 정하는 일이 비례의 역할이라는 설명은 맞다.
  • 황금비처럼 수학적 비율에 근거해 객관적 질서를 드러낸다는 설명은 비례의 성격에 맞다.
문제 4
색의 감정에서 저채도의 배색이 주는 느낌은?
1부드러운 느낌
2명쾌한 느낌
3화려한 느낌
4활기찬 느낌
정답 및 해설

저채도 배색은 색이 탁하고 약해서 부드럽고 차분한 느낌을 준다.

채도가 낮을수록 색의 자극이 줄어들어 순하고 조용한 인상이 된다.

  • 명쾌한 느낌은 맑고 선명한 색이 주는 인상이라 탁한 저채도 배색과 맞지 않는다.
  • 화려한 느낌은 채도가 높은 색들이 만드는 인상이다.
  • 활기찬 느낌은 선명하고 강한 고채도 색에서 나오는 인상이다.
문제 5
디자인의 조건 중 실용성과 요구되는 기능이 모두 갖추어져 있는지를 의미하는 것은?
1합목적성
2독창성
3심미성
4경제성
정답 및 해설

실용성과 요구되는 기능을 모두 갖추었는지를 뜻하는 조건은 합목적성이다.

합목적성은 디자인이 사용 목적에 맞게 기능을 충실히 수행하는지를 따지는 조건이다.

  • 독창성은 남과 다른 새로운 아이디어와 개성을 뜻한다.
  • 심미성은 눈에 아름답고 감각적으로 만족스러운 정도를 뜻한다.
  • 경제성은 적은 비용과 노력으로 큰 효과를 얻는 정도를 뜻한다.
문제 6
디자인의 요소에 관한 정의가 틀린 것은?
1점 – 위치만 있고 크기는 없다.
2선 – 면의 한계 또는 교차
3면 – 선의 이동
4입체 – 면의 이동
문제 7
먼셀의 색체계에서 색상의 기본색을 10가지로 나누었을 때 포함되지 않는 색은?
1PR
2P
3YR
4GY
정답 및 해설

먼셀의 색체계에서 색상(Hue)은 빨강(R), 황적색(YR), 노랑(Y), 황록색(GY), 초록(G), 청록색(BG), 파랑(B), 남색(PB), 자주색(P), 빨강자주색(RP)의 10가지 기본색으로 구성된다. 보기 중 PR은 먼셀 색체계의 표기가 아니며, RP(Red-Purple, 빨강자주색)이 정식 표기이다. 2번 P(자주색), 3번 YR(황적색), 4번 GY(황록색)는 모두 기본 10색에 포함되므로 포함되지 않는 색은 1번이다.

문제 8
다음과 같이 문자를 대신하여 의사소통이 가능한 그림 문자를 뜻하는 용어는?
1캐릭터
2픽토그램
3로고타입
4다이어그램
정답 및 해설

문자 대신 그림으로 뜻을 전달하는 그림 문자는 픽토그램입니다.

그림에는 검은 바탕에 흰 단순 도형으로 그린 표지 세 개가 있습니다. 헬리콥터(헬기장), 치마 입은 사람과 바지 입은 사람(여자·남자 화장실), 휠체어 탄 사람(장애인 시설)으로, 글자 없이 누구나 바로 알아보는 공공 안내 그림 문자입니다.

  • 캐릭터: 동물·사물 등을 의인화해 성격을 부여한 형상으로, 정보 안내용 그림 문자가 아닙니다.
  • 로고타입: 기업·상품의 이름을 문자로 디자인한 것입니다.
  • 다이어그램: 수량·관계·구조를 선과 도형으로 나타낸 도표입니다.
문제 9
가시광선에 대한 설명으로 틀린 것은?
1빛의 파장 중 380nm에서 780nm 사이의 범위로 눈으로 지각되는 영역을 말한다.
2백색광이 프리즘을 통해 나타나는 색띠를 말한다.
3라디오나 텔레비전, 휴대폰의 파장범위를 포함 한다.
4전자기파 스펙트럼이라고도 한다.
정답 및 해설

가시광선은 380nm~780nm 범위의 전자기파로 인간의 눈이 감지할 수 있는 영역이다.

라디오나 텔레비전, 휴대폰의 파장범위를 포함한다는 설명과 달리, 라디오파와 텔레비전, 휴대폰의 전자파는 가시광선보다 파장이 훨씬 길어서 가시광선 범위에 포함되지 않는다 — 이들은 모두 적외선 이하의 영역에 속하는 별도의 전자기파이다.

  • 380nm~780nm 범위 설명: 파장 범위를 정확히 정의하고 있다.
  • 프리즘 색띠 설명: 백색광이 프리즘으로 분산되어 나타나는 스펙트럼이 가시광선임을 올바르게 설명한다.
  • 전자기파 스펙트럼 설명: 가시광선은 전자기파 스펙트럼의 일부이므로 맞다.
문제 10
1, 2, 4, 8, 16…과 같이 이웃하는 두 항의 비가 일정한 수열은?
1등차수열
2등비수열
3피보나치수열
4조화수열
정답 및 해설

이웃하는 두 항의 비가 일정한 수열은 등비수열이다.

주어진 수열은 이웃한 항의 비가 모두 같다.
21=42=84=168=2\dfrac{2}{1}=\dfrac{4}{2}=\dfrac{8}{4}=\dfrac{16}{8}=2

  • 등차수열은 이웃한 항의 차가 일정한 수열인데, 이 수열은 2−1=12-1=1, 4−2=24-2=2로 차가 달라진다.
  • 피보나치수열은 각 항이 앞의 두 항의 합이 되는 수열인데, 1+2=31+2=3이므로 이 수열의 다음 항 4와 맞지 않는다.
  • 조화수열은 각 항의 역수가 등차를 이루는 수열인데, 역수 1,12,141,\dfrac{1}{2},\dfrac{1}{4}의 차가 일정하지 않다.
문제 11
자연에서 쉽게 찾을 수 있고, 온화함이 있지만 때로는 단조로움을 주는 디자인 원리는?
1유사조화
2균일조화
3방사조화
4대비조화
문제 12
다음 중 LCD, LED 조명등에 활용되는 색의 혼합방식은 무엇인가?
1감산혼합
2가산혼합
3계시가법혼합
4중간혼합
정답 및 해설

LCD와 LED 조명등은 빛의 삼원색인 빨강·초록·파랑(RGB)을 섞어 다양한 색을 표현하므로 가산혼합을 사용한다. 감산혼합은 물감·잉크처럼 색료를 섞는 방식이며, 계시가법혼합과 중간혼합은 해당 조명 방식의 기본 혼합 원리가 아니다.

문제 13
무성한 초록 나뭇잎들 사이에 핀 빨간 꽃과 관련 있는 조형의 원리는?
1비례
2율동
3점이
4강조
정답 및 해설

초록 잎 사이에 핀 빨간 꽃처럼 한 곳이 주위와 달라 시선을 끄는 원리는 강조이다.

강조는 보색이나 반대되는 요소를 한 곳에 두어 시선의 중심을 만든다.

  • 비례는 부분과 전체의 크기 비율에 관한 원리이다.
  • 율동은 같은 요소의 반복이나 점증으로 움직임을 만드는 원리이다.
  • 점이는 크기나 색이 단계적으로 서서히 변하는 것이다.
문제 14
서로 다른 부분의 조합에 의해 균형감을 잃지 않은 상태로 대립에 의한 극적효과와 긴장감을 줄 수 있는 디자인 원리는?
1대비
2변칙
3통일
4반복
정답 및 해설

서로 다른 요소를 맞세워 균형을 유지하면서 극적 효과와 긴장감을 주는 원리는 대비이다.

대비는 성질이 반대되는 요소가 함께 놓여 서로를 돋보이게 한다.

  • 변칙은 규칙에서 벗어남을 뜻하는 말로, 대립 요소를 맞세워 긴장감을 만드는 원리를 가리키지 않는다.
  • 통일은 전체에 일관된 느낌을 주는 원리이다.
  • 반복은 같은 요소를 되풀이해 리듬을 만드는 원리이다.
문제 15
물체의 표면이 가지고 있는 특징의 차이를 시각과 촉각을 통하여 느낄 수 있는 성질을 의미하는 것은?
1색감
2항상성
3고유성
4재질감
정답 및 해설

표면의 특징 차이를 시각과 촉각으로 느끼는 성질은 재질감(질감)이다.

질감은 거칠고 매끄럽고 부드러운 정도처럼 물체 표면에서 받는 느낌이다.

  • 색감은 색에서 받는 느낌이다.
  • 항상성은 조건이 바뀌어도 대상을 같은 것으로 지각하는 성질이다.
  • 고유성은 그 대상만이 지닌 특성을 가리킬 뿐, 표면의 촉각적 차이를 뜻하지 않는다.
문제 16
도로의 가로등 및 난간, 고층 빌딩의 창문 크기 등을 원근법을 적용하여 표현하고자 할 때, 표현 요소들 사이에 일정한 단계의 변화가 나타나도록 하는 디자인 원리는?
1점증
2조화
3대칭
4균형
정답 및 해설

가로등이나 창문 크기를 일정한 단계로 변하게 해 원근을 표현하는 원리는 점증이다.

점증은 크기나 간격이 점점 커지거나 작아지는 단계적 변화로 리듬과 깊이를 만든다.

  • 조화는 요소들이 서로 어울리는 상태를 뜻한다.
  • 대칭은 축을 중심으로 같은 형태가 마주하는 균형이다.
  • 균형은 시각적 무게감이 평형을 이루는 상태이다.
문제 17
디자인의 조건 중 의자를 디자인할 경우, 사용자의 신체치수와 생김새, 체중이나 감촉에 대한 재료와 구조의 상태가 적합한지 등을 고려하는 것을 무엇이라 하는가?
1심미성
2독창성
3합목적성
4경제성
정답 및 해설

사용자의 신체와 감촉에 알맞은지를 따지는 것은 합목적성이다.

의자의 용도에 맞게 신체 치수와 재료·구조를 맞추는 것은 기능과 실용을 충족하는 일이다.

  • 심미성은 아름다움을 평가하는 조건이다.
  • 독창성은 새롭고 독자적인 아이디어를 평가하는 조건이다.
  • 경제성은 비용 대비 효과를 평가하는 조건이다.
문제 18
2차원적 제품 디자인 분야에 속하지 않는 것은?
1텍스타일디자인
2편집디자인
3벽지디자인
4인테리어 직물디자인
정답 및 해설

편집디자인은 책·잡지 지면 등 정보를 전달하는 시각디자인 분야이므로 2차원 제품 디자인에 속하지 않는다.

2차원 제품 디자인은 직물·벽지처럼 제품 표면의 평면 무늬와 색을 다룬다.

  • 텍스타일디자인은 직물의 무늬와 색을 평면으로 설계하는 제품 디자인이다.
  • 벽지디자인은 벽면에 붙이는 평면 무늬를 설계하는 제품 디자인이다.
  • 인테리어 직물디자인은 커튼·카펫 등 직물류의 무늬를 설계하는 제품 디자인이다.
문제 19
디자인 의미에 대한 설명으로 틀린 것은?
1넓은 의미로 심적 계획이다.
2좁은 의미로는 보다 사용하기 쉽고 안전하며, 아름답고, 쾌적한 생활환경을 창조하는 조형행위이다.
3사전적 의미로 라틴어의 ‘designare’와 같이 ‘지시하다, 계획을 세우다, 스케치를 하다’ 등의 의미로 사용된다.
4도안(圖案) 또는 의장(意匠)을 말하며, 주어진 목적에 관계없이 비실체적인 행위의 총체이다.
정답 및 해설

디자인의 의미를 설명하는 보기들을 검토하면, 1·2·3번은 모두 정확한 설명이다. 1번은 디자인이 심적 계획 과정을 포함한다는 넓은 의미, 2번은 생활환경 개선을 위한 조형행위라는 좁은 의미, 3번은 'designare'(지시하다, 계획을 세우다, 스케치하다)라는 사전적 어원이 모두 타당하다. 반면 4번은 두 가지 오류를 담고 있다. 디자인이 도안·의장을 의미하는 것은 맞으나, '주어진 목적에 관계없이' 행위한다는 표현은 틀렸다. 디자인은 본질적으로 특정한 목적과 기능을 달성하기 위한 의도적 행위이며, 무목적적 행위가 아니다. 또한 디자인은 비실체적만이 아니라 건축, 가구, 제품 등 실체적 결과물도 포함한다.

문제 20
다음 중 A, B에 순서대로 들어갈 알맞은 용어는?
1심리계, 지각계
2혼색계, 현색계
3현색계, 혼색계
4물리계, 지각계
정답 및 해설

빛의 혼색 실험 결과에 기초한 표색계는 혼색계(A), 물체의 색을 표시하는 표색계는 현색계(B)이므로 '혼색계, 현색계'가 맞습니다.

혼색계는 심리·물리적인 빛의 혼합 실험을 바탕으로 색을 수치로 나타내며, 대표적으로 CIE XYZ 표색계가 있습니다. 현색계는 실제 물체색 샘플을 체계적으로 배열해 표시하며, 먼셀·NCS 표색계가 대표적입니다.

  • 심리계, 지각계: 빛의 혼색 실험 결과를 바탕으로 색을 수치로 표시하는 체계의 명칭은 혼색계이므로 A 자리에 맞지 않습니다.
  • 현색계, 혼색계: 두 개념이 서로 뒤바뀐 순서입니다.
  • 물리계, 지각계: 지문의 '물리적'은 혼색 실험의 성격을 설명하는 말이고, 그 실험에 기초한 체계(A)는 혼색계, 물체의 색을 표시하는 체계(B)는 현색계라고 부릅니다.
문제 21
HTML에서 사용되는 글자 모양에 관련된 태그에 관한 설명으로 옳지 않은 것은?
1<B> …</B> 태그는 강조된 글자 모양으로 표시하기 위한 태그이다.
2<CITE> …</CITE> 태그는 짧은 인용구를 표시할때 사용하는 태그이다.
3<SUB> …</SUB> 태그는 위 첨자 모양의 글자로 표시할 때 사용하는 태그이다.
4<CODE> …</CODE> 태그는 프로그램 코드 글자 모양으로 표시할 때 사용하는 태그이다.
정답 및 해설

<SUB> 태그는 아래 첨자를 표시하는 태그이며, 위 첨자는 <SUP> 태그로 표시한다. 1번 <B>는 굵은 글자(강조)를 표시하고, 2번 <CITE>는 출처나 참고 자료 인용을 나타내며, 4번 <CODE>는 프로그램 코드를 monospace 글꼴로 표시하므로 모두 옳다. 따라서 3번이 옳지 않은 설명이다.

문제 22
다음 중 스타일시트와 <BODY> 태그 속성과의 연결이 틀린 것은?
1A:link{color:#ff0000;} - <body link="#ff0000">
2A:active{color:#ff0000;} - <body alink="#ff0000">
3A:hover{color:#ff0000;} - <body hink="#ff0000">
4A:visited{color:#ff0000;} - <body vlink="#ff0000">
정답 및 해설

A:hover는 <body>의 속성으로 직접 대응되지 않으므로 3번이 틀렸다. A:link, A:active, A:visited는 각각 body의 link, alink, vlink 속성과 대응되지만, A:hover는 CSS의 동적 의사 클래스로 HTML의 body 속성에는 존재하지 않는다. 또한 보기 3에 나타난 "hink"는 오타이며, 실제로는 hover에 대응하는 body 속성이 없다.

문제 23
인터넷 익스플로러 버전을 확인하고자 할 때 선택해야 할 메뉴는?
1파일
2편집
3보기
4도움말
정답 및 해설

브라우저 버전은 도움말 메뉴의 정보 항목에서 확인한다.

인터넷 익스플로러에서는 도움말 메뉴의 정보 항목에 프로그램 버전이 표시된다.

  • 파일 메뉴는 문서 열기·저장·인쇄 등을 다룬다.
  • 편집 메뉴는 복사·붙여넣기·찾기 등을 다룬다.
  • 보기 메뉴는 도구 모음, 글꼴 크기, 소스 확인 등 화면 표시를 다룬다.
문제 24
다음 중 인터넷 서비스에 해당되지 않는 것은?
1E-mail
2PDA
3FTP
4Telnet
정답 및 해설

PDA는 휴대용 정보 단말 장치이지 인터넷 서비스가 아니다.

인터넷 서비스는 인터넷을 통해 제공되는 기능을 가리키고, PDA는 그 기능을 쓰는 기기이다.

  • E-mail은 메시지를 주고받는 인터넷 서비스이다.
  • FTP는 파일을 전송하는 인터넷 서비스이다.
  • Telnet은 원격 컴퓨터에 접속해 사용하는 인터넷 서비스이다.
문제 25
다음이 설명하고 있는 것은?
1USENET
2FTP
3WAIS
4ARPANET
정답 및 해설

인터넷의 시조로, 미 국방성이 군사 목적으로 UCLA·스탠퍼드 대학 등의 컴퓨터를 연결한 네트워크는 ARPANET입니다.

ARPANET 은 1969년 미 국방성 고등연구계획국(ARPA)이 구축했고, 이후 TCP/IP 채택(1983)과 NSFNET(1986)을 거쳐 오늘날의 인터넷으로 발전했습니다.

  • USENET: 주제별 뉴스그룹에서 글을 주고받는 토론 게시 서비스입니다.
  • FTP: 컴퓨터 사이에서 파일을 주고받는 전송 프로토콜입니다.
  • WAIS: 여러 서버의 데이터베이스에서 키워드로 문서를 찾는 광역 정보 검색 서비스입니다.
문제 26
전자메일 서비스에 연관된 프로토콜(Protocol)이 아닌 것은?
1IMAP
2NNTP
3POP3
4SMTP
정답 및 해설

NNTP는 전자메일이 아니라 뉴스그룹(유즈넷) 기사를 전송하는 프로토콜이다.

전자메일은 보내는 프로토콜과 받는 프로토콜의 조합으로 동작한다.

  • IMAP은 서버에 둔 메일을 읽는 수신용 프로토콜이다.
  • POP3는 메일 서버에서 메일을 내려받는 수신용 프로토콜이다.
  • SMTP는 메일을 보내는 송신용 프로토콜이다.
문제 27
멀티미디어 데이터를 다운로드 없이 실시간으로 재생해 주는 기법은?
1UMS
2Streaming
3FPLMTS
4Roaming
정답 및 해설

다운로드를 마치지 않고 받으면서 바로 재생하는 기법은 Streaming이다.

스트리밍은 데이터를 조금씩 받아 곧바로 재생해 대기 시간을 줄인다.

  • UMS는 음성·팩스·전자메일 등을 통합해 다루는 메시징 서비스이다.
  • FPLMTS는 IMT-2000으로 이어진 차세대 이동통신 체계의 초기 명칭이다.
  • Roaming은 가입한 지역 밖에서도 이동통신을 이용하게 하는 서비스이다.
문제 28
자바스크립트로 배경색을 파란색으로 지정하려면 다음 중 어떤 문장이 적합한가?
1window.bgColor = “blue”;
2window.background = “blue”;
3document.bgColor = “blue”;
4document.background = “blue”;
정답 및 해설

배경색은 문서 객체의 속성이므로 document.bgColor = "blue";가 적합하다.

자바스크립트에서 document 객체의 bgColor 속성에 색 값을 대입하면 문서 배경색이 바뀐다.

  • window.bgColor는 브라우저 창을 가리키는 window 객체에 붙인 것이라 문서 배경색 속성이 아니다.
  • window.background도 window 객체에 붙인 것이라 문서 배경색을 바꾸지 못한다.
  • document.background는 문서 배경색 속성인 bgColor가 아니므로 배경색을 지정하지 못한다.
문제 29
수신된 신호를 증폭, 회복시켜 재전송하여 전송거리를 확장하는 네트워크 장비는?
1Bridge
2Router
3Gateway
4Repeater
정답 및 해설

신호 증폭과 회복을 통해 전송거리를 확장하는 것은 물리계층(Layer 1)에서 동작하는 Repeater의 고유한 기능이다. Repeater는 수신된 신호를 그대로 증폭하여 재전송함으로써 감쇠된 신호를 복원하고 네트워크 범위를 확대한다.

  • Bridge는 데이터링크계층에서 MAC 주소 기반 필터링을 수행한다.
  • Router는 네트워크계층에서 IP 기반 라우팅을 수행한다.
  • Gateway는 상위계층에서 프로토콜 변환을 수행한다.

따라서 이들은 단순 신호 증폭과는 무관하다.

문제 30
범위가 넓지 않은 일정 지역 내에서 다수의 컴퓨터나 OA 기기 등을 속도가 빠른 통신선로로 연결하여 기기 간에 통신이 가능하도록 하는 근거리 통신망을 무엇이라 하는가?
1LAN
2MAN
3WAN
4VAN
정답 및 해설

좁은 지역의 컴퓨터를 빠른 회선으로 묶는 근거리 통신망은 LAN이다.

LAN은 건물이나 사무실 같은 한정된 범위 안에서 기기 간 통신을 가능하게 한다.

  • MAN은 도시 규모의 중간 범위를 잇는 통신망이다.
  • WAN은 국가나 대륙처럼 넓은 지역을 잇는 광역 통신망이다.
  • VAN은 통신 회선을 빌려 부가 서비스를 더해 제공하는 부가가치통신망이다.
문제 31
여러 개의 검색엔진에서 정보를 찾은 다음, 중복으로 검색된 정보는 하나로 통일하고 자체 순위 결정 방식에 의해 가장 관련성이 높은 순으로 출력해 주는 것은?
1주제별 검색엔진
2키워드 검색엔진
3메타 검색엔진
4자연어 검색엔진
정답 및 해설

메타 검색엔진은 여러 개의 검색엔진에 동시에 질의하여 결과를 수집하고, 중복을 제거한 후 자체 순위 알고리즘으로 재정렬하여 출력하는 검색엔진이다. 문제에서 설명하는 '여러 검색엔진 활용, 중복 통일, 자체 순위 결정'의 특징은 메타 검색엔진의 정의와 정확히 일치한다.

  • 주제별 검색엔진은 특정 주제 영역에 특화된 검색을 제공한다.
  • 키워드 검색엔진은 입력한 키워드와 정확히 일치하는 페이지를 찾는 방식이다.
  • 자연어 검색엔진은 자연어 질의를 이해하여 의미 기반 검색을 수행한다.
문제 32
〈BODY〉 태그에서 사용할 수 있는 속성과 그 의미의 연결이 올바르지 않은 것은?
1BGCOLOR - 배경색을 지정한다.
2BG - 배경으로 사용될 이미지 파일을 지정한다.
3TEXT - 일반 글자색을 지정한다.
4LINK - 링크로 설정한 글자색을 지정한다.
정답 및 해설

배경 이미지 파일은 BG가 아니라 BACKGROUND 속성으로 지정하므로 이 연결이 올바르지 않다.

<BODY>의 속성은 이름 그대로 배경색, 글자색, 링크색 등을 지정한다.

  • BGCOLOR는 배경색을 지정하는 속성으로 연결이 맞다.
  • TEXT는 일반 글자색을 지정하는 속성으로 연결이 맞다.
  • LINK는 링크 글자색을 지정하는 속성으로 연결이 맞다.
문제 33
다음과 같은 자바스크립트 소스를 헤드(head) 태그 안에 삽입 시 브라우저에서 적용되는 결과는?
1페이지가 열릴 때 자동으로 Welcome to the Morning Glory라는 문구가 있는 메시지 창이 뜬다.
2페이지가 열릴 때 Welcome to the Morning Glory라는 플래시가 출력된다.
3페이지가 열릴 때 Welcome to the Morning Glory라는 문구가 한자씩 브라우저에 새겨진다.
4페이지가 열릴 때 Welcome to the Morning Glory라는 문구가 이메일로 보내진다.
정답 및 해설

alert() 함수는 자바스크립트에서 경고 메시지 창(팝업)을 띄우는 명령이다. 따라서 해당 스크립트가 head 태그 안에 삽입되면 페이지가 로드될 때 "Welcome to the Morning Glory" 문구가 담긴 알림창이 자동으로 나타난다. 플래시 출력, 타이핑 효과, 이메일 전송과는 무관하다.

문제 34
도서관의 도서들을 분류한 것과 같이 정보를 대분류, 중분류, 소분류 식으로 찾아들어가는 방식의 검색엔진은?
1주제별 검색엔진
2단어별 검색엔진
3메타 검색엔진
4통합 검색엔진
정답 및 해설

대분류, 중분류, 소분류로 찾아 들어가는 방식은 주제별 검색엔진(디렉터리형)이다.

도서관의 분류 체계처럼 주제 계층을 따라 내려가며 자료를 찾는다.

  • 단어별 검색엔진은 입력한 검색어가 들어 있는 자료를 찾는 방식이다.
  • 메타 검색엔진은 여러 검색엔진에 한꺼번에 질의해 결과를 모아 보여준다.
  • 통합 검색엔진은 검색어를 입력해 여러 출처의 결과를 함께 보여주는 방식이라 분류 단계를 따라 내려가지 않는다.
문제 35
정보 검색 연산자의 설명으로 옳은 것은?
1OR : 연산자 좌우 검색어 중 하나라도 들어 있는 자료를 찾는다.
2구절검색 : 연산자 앞 쪽의 검색어는 포함하고, 뒤 쪽 검색어는 포함하지 않은 자료를 찾는다.
3AND : 두 개 이상의 단어가 순서대로 연속해서 나오는 것을 찾는다.
4NOT : 연산자 좌우의 검색어를 모두 만족시키는 자료를 찾는다.
정답 및 해설

OR는 좌우 검색어 중 하나라도 들어 있는 자료를 찾는 연산자이다.

다른 연산자는 설명이 서로 뒤바뀌어 있다.

  • 구절검색은 묶어 입력한 단어들이 순서대로 연속해서 나오는 자료를 찾는 방식이다.
  • AND는 좌우 검색어를 모두 포함한 자료를 찾는 연산자이다.
  • NOT은 뒤쪽 검색어를 포함한 자료를 제외하는 연산자이다.
문제 36
웹 페이지의 속도 향상을 위한 이미지 관리로 맞는 것은?
1이미지 크기를 최대화 한다.
2썸네일(Thumbnail)을 활용한다.
3캐시 메모리를 이용하지 않는다.
4여러 가지의 배경 이미지를 사용한다.
정답 및 해설

작은 축소 이미지인 썸네일을 쓰면 먼저 불러오는 용량이 줄어 속도가 빨라진다.

필요한 사용자만 원본을 열도록 하면 전송량을 줄일 수 있다.

  • 이미지 크기를 최대화하면 파일 용량이 커져 로딩이 느려진다.
  • 캐시 메모리를 쓰지 않으면 같은 이미지를 매번 새로 받아야 해서 느려진다.
  • 배경 이미지를 여러 개 쓰면 내려받을 파일이 늘어나 로딩이 느려진다.
문제 37
OSI 7계층에 해당하지 않는 것은?
1세션 계층
2전송 계층
3응용 계층
4관리 계층
정답 및 해설

OSI 7계층에 관리 계층은 없다.

OSI 7계층은 물리, 데이터링크, 네트워크, 전송, 세션, 표현, 응용 계층이다.

  • 세션 계층은 통신 세션의 설정과 유지를 맡는 계층이다.
  • 전송 계층은 종단 간 데이터 전달을 맡는 계층이다.
  • 응용 계층은 사용자 응용 프로그램에 서비스를 제공하는 계층이다.
문제 38
HTML을 이용하여 테이블을 작성할 때 테이블 내부의 선의 두께를 정의하는 속성은?
1cellspacing
2border
3cellpadding
4size
정답 및 해설

테이블 내부의 선(셀과 셀 사이 경계선)의 두께를 정의하는 속성은 cellspacing이다. cellspacing 값이 커질수록 셀 사이 간격이 벌어져 내부 선이 굵게 표시된다. border는 테이블 바깥 테두리의 두께, cellpadding은 셀 경계선과 셀 내용 사이의 여백을 지정하며, size는 HTML 테이블 속성이 아니다.

문제 39
웹 페이지 저작 도구 중 위지윅(What you see is what you get) 기반의 웹 에디터가 아닌 것은?
1나모 웹 에디터
2프론토 페이지
3넷스케이프 컴포저
4홈 사이트
정답 및 해설

홈사이트는 HTML 소스를 직접 편집하는 코드 중심 에디터라 위지윅 에디터가 아니다.

위지윅 에디터는 완성될 화면을 보면서 그대로 편집한다.

  • 나모 웹 에디터는 화면을 보며 편집하는 위지윅 에디터이다.
  • 프론트 페이지는 화면을 보며 편집하는 위지윅 에디터이다.
  • 넷스케이프 컴포저는 화면을 보며 편집하는 위지윅 에디터이다.
문제 40
클라이언트의 웹 브라우저가 웹 서버와 접속할 때 사용하는 통신 규약으로 맞는 것은?
1SNMP
2HTTP
3HTML
4WWW
정답 및 해설

웹 브라우저와 웹 서버 간의 통신 규약은 HTTP(HyperText Transfer Protocol)이다. SNMP는 네트워크 관리 프로토콜, HTML은 웹 문서의 마크업 언어, WWW는 인터넷 정보 서비스의 총칭으로 통신 규약이 아니다.

문제 41
웹 페이지 제작 시 사용되는 내비게이션(Navigation Structure) 구조의 유형에 해당하지 않는 것은?
1Sequential structure
2Hierarchical structure
3Grid structure
4Protocol structure
정답 및 해설

Protocol structure는 내비게이션 구조의 유형이 아니다.

내비게이션 구조에는 순차·계층·그리드·네트워크형 등이 있다.

  • Sequential structure는 순서대로 이어지는 순차형 구조이다.
  • Hierarchical structure는 상하위로 나뉘는 계층형 구조이다.
  • Grid structure는 격자 형태로 연결되는 그리드형 구조이다.
문제 42
컴퓨터 그래픽스의 발달과정 중 세대별 발전단계가 바르게 연결된 것은?
1제1세대 – 진공관, 리플레시형 CRT
2제2세대 – 집적회로, 벡터 스캔 CRT
3제3세대 - 고밀도 집적회로, XY 플로터
4제4세대 – 고밀도 집적회로, 래스트 스캔 CRT
정답 및 해설

4세대는 고밀도 집적회로를 쓰고 래스터 스캔 CRT가 보급된 시기로 연결이 바르다.

컴퓨터 그래픽스의 세대는 기본 소자에 따라 진공관(1세대), 트랜지스터(2세대), 집적회로(3세대), 고밀도 집적회로(4세대)로 나뉜다.

  • 1세대는 진공관 시기가 맞지만, 리플레시형 CRT는 1960년대에 쓰인 출력장치라 1세대(1946~50년대 말)와 맞지 않는다.
  • 2세대의 기본 소자는 트랜지스터이고, 집적회로는 3세대 소자이다.
  • 고밀도 집적회로는 4세대 소자이고, X-Y 플로터는 1세대에 개발된 출력장치라 3세대와 맞지 않는다.
문제 43
애니메이션 종류 중 배경은 그대로 두고 캐릭터만 움직이도록 하는 기법으로 투명 필름 위에 수작업으로 캐릭터를 채색한 후 배경 위에 놓고 촬영 및 편집하는 기법은?
1클레이 애니메이션
2투광 애니메이션
3셀 애니메이션
4컷 아웃 애니메이션
문제 44
웹 사이트 제작에서 사용자 인터페이스 설계 시 고려사항으로 틀린 것은?
1최단 시간에 사이트를 방문한 목적을 이해할 수 있도록 인터페이스를 설계한다.
2웹페이지에서 다른 곳으로 이동 할 수 있는 링크를 한 곳으로만 지정될 수 있도록 설계한다.
3화면을 스크롤 했을 때 링크 버튼이 보이지 않는 일이 없도록 설계한다.
4누가 보더라도 쉽게 사용법을 알 수 있도록 사용자 편의성을 제공하도록 설계한다.
정답 및 해설

링크를 한 곳으로만 지정하는 설계는 이동 경로를 제한해 사용성을 해치므로 틀렸다.

사용자 인터페이스는 이용자가 원하는 곳으로 쉽게 이동하도록 설계한다.

  • 방문 목적을 빠르게 이해하도록 설계하는 것은 사용성의 기본 원칙이다.
  • 스크롤해도 링크 버튼이 보이게 해야 이동에 어려움이 없다.
  • 누구나 쉽게 쓰도록 편의성을 제공하는 것은 인터페이스 설계의 목표이다.
문제 45
사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 의미하는 것은?
1AVI(Audio Video Interface)
2PUI(Process User Interface)
3GUI(Graphic User Interface)
4MUI(Multi User Interface)
문제 46
컴퓨터 애니메이션에 대한 설명으로 틀린 것은?
1움직임이 없는 무생물이나 상상의 물체에 인위적인 조작을 가해 움직임을 주는 것을 말한다.
2애니메이션은 라틴어의 아니마투수(Animatus, 생명을 불어 넣다.)에서 유래된 말이다.
3인쇄용 광고 디자인 결과물을 만들어 낸다.
4일련의 정지된 그림을 빠르게 연속시켜서 보여줌으로써 움직이는 것처럼 착각을 유도한다.
정답 및 해설

인쇄용 광고 디자인 결과물을 만든다는 설명은 컴퓨터 애니메이션의 정의가 아니라 틀렸다.

애니메이션은 라틴어 animare/animatus(생명을 불어넣다)에서 온 말로 움직임을 만드는 기법이다.

  • 무생물이나 상상의 물체에 인위적 조작으로 움직임을 준다는 설명은 맞다.
  • 라틴어에서 유래했다는 설명은 맞다.
  • 정지된 그림을 빠르게 연속시켜 움직이는 것처럼 보이게 한다는 설명은 맞다.
문제 47
컴퓨터 그래픽스 시스템의 출력장치에 대한 설명으로 틀린 것은?
1그래픽 정보를 외부로 출력하는 것을 말한다.
2대표적인 출력장치로 프린터, 모니터, 디지타이저 등이 있다.
3빔 프로젝터는 인쇄된 사진이나 문자, 혹은 영상을 확대 투영해주는 광학장치이다.
4처리장치를 통해 처리된 결과는 출력장치를 통해 나타낸다.
정답 및 해설

컴퓨터 그래픽스 시스템의 출력장치는 처리된 그래픽 정보를 사용자가 인식할 수 있도록 외부로 표현하는 장치이다. '프린터, 모니터, 디지타이저'라는 설명이 틀린 이유는 디지타이저는 입력장치이기 때문이다.

디지타이저는 아날로그 정보(펜, 터치 등)를 디지털 데이터로 변환하여 컴퓨터에 입력하는 장치로, 출력장치가 아니다.

  • 프린터와 모니터는 처리된 그래픽 정보를 사용자에게 출력하는 대표적인 출력장치이다.
  • 빔 프로젝터도 영상을 스크린에 확대 투영하는 출력장치이다.
  • 모든 처리 결과는 출력장치를 통해 표현된다.
문제 48
다음이 설명하고 있는 것은?
1모핑
2디더링
3커스텀 팔레트
4팔레트 플래싱
정답 및 해설

제한된 수의 색을 점묘처럼 섞어 배치해 중간색을 시각적으로 만들어 내는 기법은 디더링입니다.

그림의 설명은 점묘와 같이 제한된 색상을 시각적으로 섞는다는 것과, 적은 수의 색상을 반복해 그래픽 파일의 용량을 줄인다는 것입니다. 팔레트에 없는 색을 인접 픽셀의 색 패턴으로 흉내 내는 디더링의 특징입니다.

  • 모핑: 한 이미지가 다른 이미지로 서서히 변해 가도록 두 영상을 결합하는 기법입니다.
  • 커스텀 팔레트: 이미지에 맞게 사용자가 직접 구성한 색상표로, 색을 섞어 보이게 하는 기법이 아닙니다.
  • 팔레트 플래싱: 서로 다른 팔레트를 쓰는 이미지가 표시될 때 화면 색이 순간적으로 깜빡이거나 바뀌는 현상입니다.
문제 49
다음 중 웹사이트 개발과정에 대한 설명으로 틀린 것은?
1프로젝트 기획 – 목표설정, 시장조사, 개발전략수립
2웹 사이트 기획 – 사이트 콘셉트 정의, 자료수집 및 분석
3웹 사이트 디자인 – 콘텐츠 제작 및 배치, 내비게이션 구축
4웹 사이트 구축 – 테스트 및 디버깅
문제 50
고해상도의 원본 이미지의 포맷을 변경해서 저장하였을 경우 다음 중 파일용량이 가장 큰 것은?
1PNG
2BMP
3JPG
4GIF
정답 및 해설

압축하지 않는 BMP는 같은 이미지를 저장해도 파일 용량이 가장 크다.

BMP는 픽셀 정보를 거의 그대로 저장하지만 다른 형식은 압축을 거친다.

  • PNG는 무손실 압축을 해 용량이 줄어든다.
  • JPG는 손실 압축으로 용량을 크게 줄인다.
  • GIF는 256색으로 제한하고 압축해 용량이 작다.
문제 51
웹 사이트의 가상경로를 예상하여 기획하는 것으로 웹 사이트의 설계도이며 구체적인 작업 지침서 역할을 하는 것은?
1시안
2레이아웃
3내비게이션
4스토리보드
정답 및 해설

스토리보드는 웹 사이트의 화면 구성과 가상경로를 미리 계획한 설계도로, 제작 과정에서 구체적인 작업 지침서 역할을 한다. 시안은 완성 화면의 예시이고, 레이아웃은 화면 요소의 배치, 내비게이션은 사이트 내 이동 체계이다.

문제 52
다음 중 로고(Logo)나 심볼(Symbol)제작에 가장 적합한 프로그램은?
1Flash
23D MAX
3Dream Weaver
4Illustrator
정답 및 해설

로고·심볼 제작에는 Illustrator가 가장 적합하다.

Illustrator는 패스(베지어 곡선) 기반의 벡터 그래픽 프로그램이라 확대·축소해도 선이 깨지지 않아 로고처럼 다양한 크기로 쓰이는 이미지에 알맞다.

  • Flash는 벡터 기반이지만 주로 애니메이션·인터랙티브 콘텐츠 제작용이다.
  • 3D MAX는 3차원 모델링·렌더링 프로그램이라 평면 로고 제작용이 아니다.
  • Dream Weaver는 웹 문서를 작성하는 저작 도구로 그래픽 제작용이 아니다.
문제 53
파일 포맷 중 LZW(Lempel-Ziv-Welch)라고 알려진 압축 알고리즘을 사용하며 사진이미지 보다는 색상이 단순한 그래픽에 더 효과적인 파일 포맷은?
1BMP
2GIF
3PNG
4JPEG
정답 및 해설

GIF는 LZW 압축 알고리즘을 사용하며, 최대 256색의 색상 수를 지원하므로 사진보다 색상이 단순한 그래픽이나 아이콘에 효과적이다. JPEG는 사진 압축에 적합하고, BMP는 일반적으로 비압축 방식이며, PNG는 무손실 압축을 사용하지만 LZW 방식은 아니다.

문제 54
다음 중 안티 앨리어싱(Anti-Aliasing)에 대한 설명으로 맞는 것은?
1저해상도의 곡선이나 사선을 표현할 때 생기는 계단현상을 완화하기 위해 사용되는 기법이다.
2물체 또는 이미지의 경계가 매끈하지 않고 계단현상으로 표현된 픽셀효과이다.
3가로, 세로의 격자로 이미지의 정확한 이동, 수정, 편집 등에 주로 사용된다.
4영상이나 이미지가 점차적으로 변화하는 것을 말한다.
정답 및 해설

안티 앨리어싱은 계단현상을 완화하는 기법이다.

저해상도에서 곡선·사선이 계단 모양으로 보이는 현상을 경계 부분의 색을 중간 톤으로 채워 부드럽게 보이게 한다.

  • 경계가 매끈하지 않고 계단처럼 보이는 효과는 안티 앨리어싱이 아니라 앨리어싱 자체를 설명한 것이다.
  • 가로·세로 격자로 이동·편집을 정확히 돕는 것은 그리드 기능이다.
  • 이미지가 점차 변해 가는 것은 변화 효과에 관한 설명이며 경계를 매끈하게 하는 기법이 아니다.
문제 55
다음 중 그래픽 표현 방식에서 벡터 방식에 대한 설명이 아닌 것은?
1베지어(Bezier)라는 곡선으로 이루어져 있다.
2비트맵이미지에 비해 상대적으로 파일 용량이 크다.
3이미지를 확대/축소하여도 그림이 거칠어지지 않는다.
4미세한 그림이나 점진적인 색의 변이를 표현하기 어렵다.
정답 및 해설

벡터 방식의 특징이 아닌 것은 비트맵보다 파일 용량이 크다는 설명이다.

벡터는 점과 곡선의 수학적 정보만 저장하므로 일반적으로 비트맵보다 파일 용량이 작은 편이다.

  • 베지어 곡선으로 이루어진다는 설명은 벡터 방식의 특징이라 소거한다.
  • 확대·축소해도 거칠어지지 않는다는 설명은 벡터의 대표 장점이라 소거한다.
  • 미세한 그림이나 점진적인 색 변화를 표현하기 어렵다는 설명은 벡터의 한계로 알려져 있어 소거한다.
문제 56
타이포그래피의 구성요소에 해당하지 않는 것은?
1Serif
2Line-spacing
3Letter-spacing
4Texturing
정답 및 해설

Texturing은 타이포그래피의 구성요소가 아니다.

타이포그래피는 글자의 모양과 배열을 다루며 서체의 형태, 행간, 자간 같은 요소로 구성된다. Texturing은 표면에 질감을 입히는 3D 그래픽 용어다.

  • Serif는 글자 획 끝의 돌기로 서체 분류의 기본 요소다.
  • Line-spacing은 행과 행 사이 간격인 행간이다.
  • Letter-spacing은 글자와 글자 사이 간격인 자간이다.
문제 57
해상도(Resolution)에 대한 설명으로 맞는 것은?
1이미지를 표현하는데 몇 개의 픽셀(pixel) 또는 도트(dot)로 나타내었는지 그 정도를 의미한다.
2작은 화소 단위를 말한다.
3해상도가 높을수록 이미지의 질은 떨어진다.
4해상도는 bps로만 나타낸다.
정답 및 해설

해상도는 이미지를 표현하기 위해 사용된 픽셀 또는 도트의 개수를 나타내는 척도로, 가로×세로 픽셀 수(예: 1920×1080)로 표현된다.

  • '작은 화소 단위'는 해상도가 아닌 화소(pixel) 자체의 정의이다.
  • '해상도가 높을수록 이미지의 질은 떨어진다'는 오류로, 해상도가 높을수록 더 많은 픽셀로 표현되어 이미지 질이 향상된다.
  • 'bps로만 나타낸다'는 부정확하다. 해상도는 ppi(pixels per inch), dpi(dots per inch), 또는 총 픽셀 수로 나타나며 bps(bits per second)는 데이터 전송 속도의 단위이다.
문제 58
다음 중 웹페이지 제작 및 관리 순서를 옳게 나열한 것은?
1ㄹ→ㄱ→ㄴ→ㅁ→ㄷ→ㅂ
2ㅂ→ㄷ→ㄱ→ㄴ→ㅁ→ㄹ
3ㄷ→ㄹ→ㅁ→ㄴ→ㄱ→ㅂ
4ㄱ→ㄴ→ㄹ→ㅂ→ㄷ→ㅁ
정답 및 해설

웹페이지 제작·관리 순서는 주제 결정과 구성도 작성 → 자료 수집과 정리 → 홈페이지 제작 → 웹서버에 업로드 → 검색 엔진 등록과 홍보 → 내용 업데이트 및 유지보수 관리입니다.

무엇을 만들지 정하고 구성도를 그려야 필요한 자료를 모을 수 있고, 제작한 페이지를 웹서버에 올린 뒤에야 검색 엔진 등록·홍보가 가능합니다. 유지보수는 사이트가 공개된 뒤 계속되는 마지막 단계입니다.

  • 유지보수 관리로 시작하는 순서: 아직 만들어지지 않은 사이트를 관리할 수 없습니다.
  • 자료 수집 다음에 유지보수 관리가 오는 순서: 제작·업로드 전에 유지보수가 올 수 없고, 주제 결정과 구성도 작성이 맨 끝에 놓여 있습니다.
  • 홈페이지 제작으로 시작하는 순서: 주제 결정과 구성도 작성이 제작·업로드 뒤에 놓여 순서가 거꾸로입니다.
문제 59
이미지를 구성하는 최소 단위는?
1원자
2분자
3픽셀
4해상도
정답 및 해설

이미지를 구성하는 최소 단위는 픽셀이다.

비트맵 이미지는 색 정보를 가진 작은 점(픽셀)이 가로·세로로 모여 만들어진다.

  • 원자는 물질을 이루는 입자 단위로 이미지와 관계가 없다.
  • 분자도 물질의 구성 단위일 뿐 이미지의 단위가 아니다.
  • 해상도는 단위 길이당 픽셀 수 같은 이미지의 조밀도를 나타내는 값이다.
문제 60
애니메이션에서 사용되는 정지화면 하나하나를 무엇이라 하는가?
1Frame
2Key Frame
3Tweening
4Onion Skin
정답 및 해설

정지화면 하나하나는 Frame이라 한다.

애니메이션은 정지된 프레임을 빠르게 연속 재생해 움직이는 것처럼 보이게 한다.

  • Key Frame은 동작 변화의 기준이 되는 핵심 프레임이다.
  • Tweening은 키 프레임 사이의 중간 프레임을 채워 넣는 과정이다.
  • Onion Skin은 앞뒤 프레임을 반투명하게 겹쳐 보여 주는 보조 기능이다.
웹디자인개발기능사 필기 기출문제모두CBT · moducbt.com
15년 3회차
총 60문항 · 객관식 · 정답·해설 포함
문제 1
색의 3속성 중 사람의 눈이 가장 예민하고 강하게 반응하는 대비는?
1명도대비
2색상대비
3보색대비
4채도대비
정답 및 해설

색의 3속성 중 사람의 눈은 명도에 가장 예민하므로, 가장 강하게 반응하는 대비는 명도대비이다.

명도대비는 밝기가 다른 두 색이 맞닿을 때 밝은 색은 더 밝게, 어두운 색은 더 어둡게 보이는 현상이다.

  • 색상대비는 색상 차이에 따른 대비로, 눈은 색상 차이보다 명도 차이에 더 예민하다.
  • 보색대비는 보색 관계의 두 색이 서로를 더 선명하게 보이게 하는 대비로, 3속성 중 하나에 대응하는 대비가 아니다.
  • 채도대비는 채도 차이에 따른 대비로, 채도는 3속성 중 눈이 가장 둔하게 반응하는 속성이다.
문제 2
색의 주목성에 대한 설명으로 옳지 않은 것은?
1명시도가 높으면 색의 주목성이 높다.
2채도 차이가 클수록 주목성이 높다.
3빨강은 초록보다 주목성이 높다.
4명도와 채도가 낮은 색이 주목성이 높다.
정답 및 해설

주목성은 명도와 채도가 높은 색일수록 높으므로, 명도와 채도가 낮은 색이 주목성이 높다는 설명이 옳지 않다.

주목성은 색 자체가 사람의 시선을 끄는 힘으로, 고명도·고채도 색과 난색이 눈길을 강하게 끈다.

  • 명시도가 높아 배경 속에서 잘 보이는 색은 주목성도 높다는 설명은 맞다.
  • 배경과의 채도 차이가 클수록 색이 두드러져 주목성이 높아진다는 설명은 맞다.
  • 빨강은 채도가 높은 난색이라 중성색인 초록보다 주목성이 높다는 설명은 맞다.
문제 3
디자인의 원리 중 비례에 대한 설명이 잘못된 것은?
1균형을 가장 많이 고려하여 구성해야 한다.
2부분과 부분, 부분과 전체에 균형이 잡혀있음을 말한다.
3조형을 구성하는 모든 단위의 크기를 결정한다.
4객관적 질서와 과학적 근거를 명확하게 드러내는 구성 형식이다.
정답 및 해설

비례는 부분과 부분, 부분과 전체의 크기 관계를 다루는 원리이므로, 균형을 가장 많이 고려해 구성한다는 설명이 잘못되었다.

비례는 균형(무게감의 평형)과 구분되는 별도의 원리로, 황금비처럼 수량적 비율로 나타난다.

  • 부분과 부분, 부분과 전체의 관계가 잡혀 있음을 뜻한다는 설명은 비례의 정의에 맞다.
  • 구성하는 단위의 크기를 정하는 일이 비례의 역할이라는 설명은 맞다.
  • 황금비처럼 수학적 비율에 근거해 객관적 질서를 드러낸다는 설명은 비례의 성격에 맞다.
문제 4
색의 감정에서 저채도의 배색이 주는 느낌은?
1부드러운 느낌
2명쾌한 느낌
3화려한 느낌
4활기찬 느낌
정답 및 해설

저채도 배색은 색이 탁하고 약해서 부드럽고 차분한 느낌을 준다.

채도가 낮을수록 색의 자극이 줄어들어 순하고 조용한 인상이 된다.

  • 명쾌한 느낌은 맑고 선명한 색이 주는 인상이라 탁한 저채도 배색과 맞지 않는다.
  • 화려한 느낌은 채도가 높은 색들이 만드는 인상이다.
  • 활기찬 느낌은 선명하고 강한 고채도 색에서 나오는 인상이다.
문제 5
디자인의 조건 중 실용성과 요구되는 기능이 모두 갖추어져 있는지를 의미하는 것은?
1합목적성
2독창성
3심미성
4경제성
정답 및 해설

실용성과 요구되는 기능을 모두 갖추었는지를 뜻하는 조건은 합목적성이다.

합목적성은 디자인이 사용 목적에 맞게 기능을 충실히 수행하는지를 따지는 조건이다.

  • 독창성은 남과 다른 새로운 아이디어와 개성을 뜻한다.
  • 심미성은 눈에 아름답고 감각적으로 만족스러운 정도를 뜻한다.
  • 경제성은 적은 비용과 노력으로 큰 효과를 얻는 정도를 뜻한다.
문제 6
디자인의 요소에 관한 정의가 틀린 것은?
1점 – 위치만 있고 크기는 없다.
2선 – 면의 한계 또는 교차
3면 – 선의 이동
4입체 – 면의 이동
문제 7
먼셀의 색체계에서 색상의 기본색을 10가지로 나누었을 때 포함되지 않는 색은?
1PR
2P
3YR
4GY
정답 및 해설

먼셀의 색체계에서 색상(Hue)은 빨강(R), 황적색(YR), 노랑(Y), 황록색(GY), 초록(G), 청록색(BG), 파랑(B), 남색(PB), 자주색(P), 빨강자주색(RP)의 10가지 기본색으로 구성된다. 보기 중 PR은 먼셀 색체계의 표기가 아니며, RP(Red-Purple, 빨강자주색)이 정식 표기이다. 2번 P(자주색), 3번 YR(황적색), 4번 GY(황록색)는 모두 기본 10색에 포함되므로 포함되지 않는 색은 1번이다.

문제 8
다음과 같이 문자를 대신하여 의사소통이 가능한 그림 문자를 뜻하는 용어는?
1캐릭터
2픽토그램
3로고타입
4다이어그램
정답 및 해설

문자 대신 그림으로 뜻을 전달하는 그림 문자는 픽토그램입니다.

그림에는 검은 바탕에 흰 단순 도형으로 그린 표지 세 개가 있습니다. 헬리콥터(헬기장), 치마 입은 사람과 바지 입은 사람(여자·남자 화장실), 휠체어 탄 사람(장애인 시설)으로, 글자 없이 누구나 바로 알아보는 공공 안내 그림 문자입니다.

  • 캐릭터: 동물·사물 등을 의인화해 성격을 부여한 형상으로, 정보 안내용 그림 문자가 아닙니다.
  • 로고타입: 기업·상품의 이름을 문자로 디자인한 것입니다.
  • 다이어그램: 수량·관계·구조를 선과 도형으로 나타낸 도표입니다.
문제 9
가시광선에 대한 설명으로 틀린 것은?
1빛의 파장 중 380nm에서 780nm 사이의 범위로 눈으로 지각되는 영역을 말한다.
2백색광이 프리즘을 통해 나타나는 색띠를 말한다.
3라디오나 텔레비전, 휴대폰의 파장범위를 포함 한다.
4전자기파 스펙트럼이라고도 한다.
정답 및 해설

가시광선은 380nm~780nm 범위의 전자기파로 인간의 눈이 감지할 수 있는 영역이다.

라디오나 텔레비전, 휴대폰의 파장범위를 포함한다는 설명과 달리, 라디오파와 텔레비전, 휴대폰의 전자파는 가시광선보다 파장이 훨씬 길어서 가시광선 범위에 포함되지 않는다 — 이들은 모두 적외선 이하의 영역에 속하는 별도의 전자기파이다.

  • 380nm~780nm 범위 설명: 파장 범위를 정확히 정의하고 있다.
  • 프리즘 색띠 설명: 백색광이 프리즘으로 분산되어 나타나는 스펙트럼이 가시광선임을 올바르게 설명한다.
  • 전자기파 스펙트럼 설명: 가시광선은 전자기파 스펙트럼의 일부이므로 맞다.
문제 10
1, 2, 4, 8, 16…과 같이 이웃하는 두 항의 비가 일정한 수열은?
1등차수열
2등비수열
3피보나치수열
4조화수열
정답 및 해설

이웃하는 두 항의 비가 일정한 수열은 등비수열이다.

주어진 수열은 이웃한 항의 비가 모두 같다.
21=42=84=168=2\dfrac{2}{1}=\dfrac{4}{2}=\dfrac{8}{4}=\dfrac{16}{8}=2

  • 등차수열은 이웃한 항의 차가 일정한 수열인데, 이 수열은 2−1=12-1=1, 4−2=24-2=2로 차가 달라진다.
  • 피보나치수열은 각 항이 앞의 두 항의 합이 되는 수열인데, 1+2=31+2=3이므로 이 수열의 다음 항 4와 맞지 않는다.
  • 조화수열은 각 항의 역수가 등차를 이루는 수열인데, 역수 1,12,141,\dfrac{1}{2},\dfrac{1}{4}의 차가 일정하지 않다.
문제 11
자연에서 쉽게 찾을 수 있고, 온화함이 있지만 때로는 단조로움을 주는 디자인 원리는?
1유사조화
2균일조화
3방사조화
4대비조화
문제 12
다음 중 LCD, LED 조명등에 활용되는 색의 혼합방식은 무엇인가?
1감산혼합
2가산혼합
3계시가법혼합
4중간혼합
정답 및 해설

LCD와 LED 조명등은 빛의 삼원색인 빨강·초록·파랑(RGB)을 섞어 다양한 색을 표현하므로 가산혼합을 사용한다. 감산혼합은 물감·잉크처럼 색료를 섞는 방식이며, 계시가법혼합과 중간혼합은 해당 조명 방식의 기본 혼합 원리가 아니다.

문제 13
무성한 초록 나뭇잎들 사이에 핀 빨간 꽃과 관련 있는 조형의 원리는?
1비례
2율동
3점이
4강조
정답 및 해설

초록 잎 사이에 핀 빨간 꽃처럼 한 곳이 주위와 달라 시선을 끄는 원리는 강조이다.

강조는 보색이나 반대되는 요소를 한 곳에 두어 시선의 중심을 만든다.

  • 비례는 부분과 전체의 크기 비율에 관한 원리이다.
  • 율동은 같은 요소의 반복이나 점증으로 움직임을 만드는 원리이다.
  • 점이는 크기나 색이 단계적으로 서서히 변하는 것이다.
문제 14
서로 다른 부분의 조합에 의해 균형감을 잃지 않은 상태로 대립에 의한 극적효과와 긴장감을 줄 수 있는 디자인 원리는?
1대비
2변칙
3통일
4반복
정답 및 해설

서로 다른 요소를 맞세워 균형을 유지하면서 극적 효과와 긴장감을 주는 원리는 대비이다.

대비는 성질이 반대되는 요소가 함께 놓여 서로를 돋보이게 한다.

  • 변칙은 규칙에서 벗어남을 뜻하는 말로, 대립 요소를 맞세워 긴장감을 만드는 원리를 가리키지 않는다.
  • 통일은 전체에 일관된 느낌을 주는 원리이다.
  • 반복은 같은 요소를 되풀이해 리듬을 만드는 원리이다.
문제 15
물체의 표면이 가지고 있는 특징의 차이를 시각과 촉각을 통하여 느낄 수 있는 성질을 의미하는 것은?
1색감
2항상성
3고유성
4재질감
정답 및 해설

표면의 특징 차이를 시각과 촉각으로 느끼는 성질은 재질감(질감)이다.

질감은 거칠고 매끄럽고 부드러운 정도처럼 물체 표면에서 받는 느낌이다.

  • 색감은 색에서 받는 느낌이다.
  • 항상성은 조건이 바뀌어도 대상을 같은 것으로 지각하는 성질이다.
  • 고유성은 그 대상만이 지닌 특성을 가리킬 뿐, 표면의 촉각적 차이를 뜻하지 않는다.
문제 16
도로의 가로등 및 난간, 고층 빌딩의 창문 크기 등을 원근법을 적용하여 표현하고자 할 때, 표현 요소들 사이에 일정한 단계의 변화가 나타나도록 하는 디자인 원리는?
1점증
2조화
3대칭
4균형
정답 및 해설

가로등이나 창문 크기를 일정한 단계로 변하게 해 원근을 표현하는 원리는 점증이다.

점증은 크기나 간격이 점점 커지거나 작아지는 단계적 변화로 리듬과 깊이를 만든다.

  • 조화는 요소들이 서로 어울리는 상태를 뜻한다.
  • 대칭은 축을 중심으로 같은 형태가 마주하는 균형이다.
  • 균형은 시각적 무게감이 평형을 이루는 상태이다.
문제 17
디자인의 조건 중 의자를 디자인할 경우, 사용자의 신체치수와 생김새, 체중이나 감촉에 대한 재료와 구조의 상태가 적합한지 등을 고려하는 것을 무엇이라 하는가?
1심미성
2독창성
3합목적성
4경제성
정답 및 해설

사용자의 신체와 감촉에 알맞은지를 따지는 것은 합목적성이다.

의자의 용도에 맞게 신체 치수와 재료·구조를 맞추는 것은 기능과 실용을 충족하는 일이다.

  • 심미성은 아름다움을 평가하는 조건이다.
  • 독창성은 새롭고 독자적인 아이디어를 평가하는 조건이다.
  • 경제성은 비용 대비 효과를 평가하는 조건이다.
문제 18
2차원적 제품 디자인 분야에 속하지 않는 것은?
1텍스타일디자인
2편집디자인
3벽지디자인
4인테리어 직물디자인
정답 및 해설

편집디자인은 책·잡지 지면 등 정보를 전달하는 시각디자인 분야이므로 2차원 제품 디자인에 속하지 않는다.

2차원 제품 디자인은 직물·벽지처럼 제품 표면의 평면 무늬와 색을 다룬다.

  • 텍스타일디자인은 직물의 무늬와 색을 평면으로 설계하는 제품 디자인이다.
  • 벽지디자인은 벽면에 붙이는 평면 무늬를 설계하는 제품 디자인이다.
  • 인테리어 직물디자인은 커튼·카펫 등 직물류의 무늬를 설계하는 제품 디자인이다.
문제 19
디자인 의미에 대한 설명으로 틀린 것은?
1넓은 의미로 심적 계획이다.
2좁은 의미로는 보다 사용하기 쉽고 안전하며, 아름답고, 쾌적한 생활환경을 창조하는 조형행위이다.
3사전적 의미로 라틴어의 ‘designare’와 같이 ‘지시하다, 계획을 세우다, 스케치를 하다’ 등의 의미로 사용된다.
4도안(圖案) 또는 의장(意匠)을 말하며, 주어진 목적에 관계없이 비실체적인 행위의 총체이다.
정답 및 해설

디자인의 의미를 설명하는 보기들을 검토하면, 1·2·3번은 모두 정확한 설명이다. 1번은 디자인이 심적 계획 과정을 포함한다는 넓은 의미, 2번은 생활환경 개선을 위한 조형행위라는 좁은 의미, 3번은 'designare'(지시하다, 계획을 세우다, 스케치하다)라는 사전적 어원이 모두 타당하다. 반면 4번은 두 가지 오류를 담고 있다. 디자인이 도안·의장을 의미하는 것은 맞으나, '주어진 목적에 관계없이' 행위한다는 표현은 틀렸다. 디자인은 본질적으로 특정한 목적과 기능을 달성하기 위한 의도적 행위이며, 무목적적 행위가 아니다. 또한 디자인은 비실체적만이 아니라 건축, 가구, 제품 등 실체적 결과물도 포함한다.

문제 20
다음 중 A, B에 순서대로 들어갈 알맞은 용어는?
1심리계, 지각계
2혼색계, 현색계
3현색계, 혼색계
4물리계, 지각계
정답 및 해설

빛의 혼색 실험 결과에 기초한 표색계는 혼색계(A), 물체의 색을 표시하는 표색계는 현색계(B)이므로 '혼색계, 현색계'가 맞습니다.

혼색계는 심리·물리적인 빛의 혼합 실험을 바탕으로 색을 수치로 나타내며, 대표적으로 CIE XYZ 표색계가 있습니다. 현색계는 실제 물체색 샘플을 체계적으로 배열해 표시하며, 먼셀·NCS 표색계가 대표적입니다.

  • 심리계, 지각계: 빛의 혼색 실험 결과를 바탕으로 색을 수치로 표시하는 체계의 명칭은 혼색계이므로 A 자리에 맞지 않습니다.
  • 현색계, 혼색계: 두 개념이 서로 뒤바뀐 순서입니다.
  • 물리계, 지각계: 지문의 '물리적'은 혼색 실험의 성격을 설명하는 말이고, 그 실험에 기초한 체계(A)는 혼색계, 물체의 색을 표시하는 체계(B)는 현색계라고 부릅니다.
문제 21
HTML에서 사용되는 글자 모양에 관련된 태그에 관한 설명으로 옳지 않은 것은?
1<B> …</B> 태그는 강조된 글자 모양으로 표시하기 위한 태그이다.
2<CITE> …</CITE> 태그는 짧은 인용구를 표시할때 사용하는 태그이다.
3<SUB> …</SUB> 태그는 위 첨자 모양의 글자로 표시할 때 사용하는 태그이다.
4<CODE> …</CODE> 태그는 프로그램 코드 글자 모양으로 표시할 때 사용하는 태그이다.
정답 및 해설

<SUB> 태그는 아래 첨자를 표시하는 태그이며, 위 첨자는 <SUP> 태그로 표시한다. 1번 <B>는 굵은 글자(강조)를 표시하고, 2번 <CITE>는 출처나 참고 자료 인용을 나타내며, 4번 <CODE>는 프로그램 코드를 monospace 글꼴로 표시하므로 모두 옳다. 따라서 3번이 옳지 않은 설명이다.

문제 22
다음 중 스타일시트와 <BODY> 태그 속성과의 연결이 틀린 것은?
1A:link{color:#ff0000;} - <body link="#ff0000">
2A:active{color:#ff0000;} - <body alink="#ff0000">
3A:hover{color:#ff0000;} - <body hink="#ff0000">
4A:visited{color:#ff0000;} - <body vlink="#ff0000">
정답 및 해설

A:hover는 <body>의 속성으로 직접 대응되지 않으므로 3번이 틀렸다. A:link, A:active, A:visited는 각각 body의 link, alink, vlink 속성과 대응되지만, A:hover는 CSS의 동적 의사 클래스로 HTML의 body 속성에는 존재하지 않는다. 또한 보기 3에 나타난 "hink"는 오타이며, 실제로는 hover에 대응하는 body 속성이 없다.

문제 23
인터넷 익스플로러 버전을 확인하고자 할 때 선택해야 할 메뉴는?
1파일
2편집
3보기
4도움말
정답 및 해설

브라우저 버전은 도움말 메뉴의 정보 항목에서 확인한다.

인터넷 익스플로러에서는 도움말 메뉴의 정보 항목에 프로그램 버전이 표시된다.

  • 파일 메뉴는 문서 열기·저장·인쇄 등을 다룬다.
  • 편집 메뉴는 복사·붙여넣기·찾기 등을 다룬다.
  • 보기 메뉴는 도구 모음, 글꼴 크기, 소스 확인 등 화면 표시를 다룬다.
문제 24
다음 중 인터넷 서비스에 해당되지 않는 것은?
1E-mail
2PDA
3FTP
4Telnet
정답 및 해설

PDA는 휴대용 정보 단말 장치이지 인터넷 서비스가 아니다.

인터넷 서비스는 인터넷을 통해 제공되는 기능을 가리키고, PDA는 그 기능을 쓰는 기기이다.

  • E-mail은 메시지를 주고받는 인터넷 서비스이다.
  • FTP는 파일을 전송하는 인터넷 서비스이다.
  • Telnet은 원격 컴퓨터에 접속해 사용하는 인터넷 서비스이다.
문제 25
다음이 설명하고 있는 것은?
1USENET
2FTP
3WAIS
4ARPANET
정답 및 해설

인터넷의 시조로, 미 국방성이 군사 목적으로 UCLA·스탠퍼드 대학 등의 컴퓨터를 연결한 네트워크는 ARPANET입니다.

ARPANET 은 1969년 미 국방성 고등연구계획국(ARPA)이 구축했고, 이후 TCP/IP 채택(1983)과 NSFNET(1986)을 거쳐 오늘날의 인터넷으로 발전했습니다.

  • USENET: 주제별 뉴스그룹에서 글을 주고받는 토론 게시 서비스입니다.
  • FTP: 컴퓨터 사이에서 파일을 주고받는 전송 프로토콜입니다.
  • WAIS: 여러 서버의 데이터베이스에서 키워드로 문서를 찾는 광역 정보 검색 서비스입니다.
문제 26
전자메일 서비스에 연관된 프로토콜(Protocol)이 아닌 것은?
1IMAP
2NNTP
3POP3
4SMTP
정답 및 해설

NNTP는 전자메일이 아니라 뉴스그룹(유즈넷) 기사를 전송하는 프로토콜이다.

전자메일은 보내는 프로토콜과 받는 프로토콜의 조합으로 동작한다.

  • IMAP은 서버에 둔 메일을 읽는 수신용 프로토콜이다.
  • POP3는 메일 서버에서 메일을 내려받는 수신용 프로토콜이다.
  • SMTP는 메일을 보내는 송신용 프로토콜이다.
문제 27
멀티미디어 데이터를 다운로드 없이 실시간으로 재생해 주는 기법은?
1UMS
2Streaming
3FPLMTS
4Roaming
정답 및 해설

다운로드를 마치지 않고 받으면서 바로 재생하는 기법은 Streaming이다.

스트리밍은 데이터를 조금씩 받아 곧바로 재생해 대기 시간을 줄인다.

  • UMS는 음성·팩스·전자메일 등을 통합해 다루는 메시징 서비스이다.
  • FPLMTS는 IMT-2000으로 이어진 차세대 이동통신 체계의 초기 명칭이다.
  • Roaming은 가입한 지역 밖에서도 이동통신을 이용하게 하는 서비스이다.
문제 28
자바스크립트로 배경색을 파란색으로 지정하려면 다음 중 어떤 문장이 적합한가?
1window.bgColor = “blue”;
2window.background = “blue”;
3document.bgColor = “blue”;
4document.background = “blue”;
정답 및 해설

배경색은 문서 객체의 속성이므로 document.bgColor = "blue";가 적합하다.

자바스크립트에서 document 객체의 bgColor 속성에 색 값을 대입하면 문서 배경색이 바뀐다.

  • window.bgColor는 브라우저 창을 가리키는 window 객체에 붙인 것이라 문서 배경색 속성이 아니다.
  • window.background도 window 객체에 붙인 것이라 문서 배경색을 바꾸지 못한다.
  • document.background는 문서 배경색 속성인 bgColor가 아니므로 배경색을 지정하지 못한다.
문제 29
수신된 신호를 증폭, 회복시켜 재전송하여 전송거리를 확장하는 네트워크 장비는?
1Bridge
2Router
3Gateway
4Repeater
정답 및 해설

신호 증폭과 회복을 통해 전송거리를 확장하는 것은 물리계층(Layer 1)에서 동작하는 Repeater의 고유한 기능이다. Repeater는 수신된 신호를 그대로 증폭하여 재전송함으로써 감쇠된 신호를 복원하고 네트워크 범위를 확대한다.

  • Bridge는 데이터링크계층에서 MAC 주소 기반 필터링을 수행한다.
  • Router는 네트워크계층에서 IP 기반 라우팅을 수행한다.
  • Gateway는 상위계층에서 프로토콜 변환을 수행한다.

따라서 이들은 단순 신호 증폭과는 무관하다.

문제 30
범위가 넓지 않은 일정 지역 내에서 다수의 컴퓨터나 OA 기기 등을 속도가 빠른 통신선로로 연결하여 기기 간에 통신이 가능하도록 하는 근거리 통신망을 무엇이라 하는가?
1LAN
2MAN
3WAN
4VAN
정답 및 해설

좁은 지역의 컴퓨터를 빠른 회선으로 묶는 근거리 통신망은 LAN이다.

LAN은 건물이나 사무실 같은 한정된 범위 안에서 기기 간 통신을 가능하게 한다.

  • MAN은 도시 규모의 중간 범위를 잇는 통신망이다.
  • WAN은 국가나 대륙처럼 넓은 지역을 잇는 광역 통신망이다.
  • VAN은 통신 회선을 빌려 부가 서비스를 더해 제공하는 부가가치통신망이다.
문제 31
여러 개의 검색엔진에서 정보를 찾은 다음, 중복으로 검색된 정보는 하나로 통일하고 자체 순위 결정 방식에 의해 가장 관련성이 높은 순으로 출력해 주는 것은?
1주제별 검색엔진
2키워드 검색엔진
3메타 검색엔진
4자연어 검색엔진
정답 및 해설

메타 검색엔진은 여러 개의 검색엔진에 동시에 질의하여 결과를 수집하고, 중복을 제거한 후 자체 순위 알고리즘으로 재정렬하여 출력하는 검색엔진이다. 문제에서 설명하는 '여러 검색엔진 활용, 중복 통일, 자체 순위 결정'의 특징은 메타 검색엔진의 정의와 정확히 일치한다.

  • 주제별 검색엔진은 특정 주제 영역에 특화된 검색을 제공한다.
  • 키워드 검색엔진은 입력한 키워드와 정확히 일치하는 페이지를 찾는 방식이다.
  • 자연어 검색엔진은 자연어 질의를 이해하여 의미 기반 검색을 수행한다.
문제 32
〈BODY〉 태그에서 사용할 수 있는 속성과 그 의미의 연결이 올바르지 않은 것은?
1BGCOLOR - 배경색을 지정한다.
2BG - 배경으로 사용될 이미지 파일을 지정한다.
3TEXT - 일반 글자색을 지정한다.
4LINK - 링크로 설정한 글자색을 지정한다.
정답 및 해설

배경 이미지 파일은 BG가 아니라 BACKGROUND 속성으로 지정하므로 이 연결이 올바르지 않다.

<BODY>의 속성은 이름 그대로 배경색, 글자색, 링크색 등을 지정한다.

  • BGCOLOR는 배경색을 지정하는 속성으로 연결이 맞다.
  • TEXT는 일반 글자색을 지정하는 속성으로 연결이 맞다.
  • LINK는 링크 글자색을 지정하는 속성으로 연결이 맞다.
문제 33
다음과 같은 자바스크립트 소스를 헤드(head) 태그 안에 삽입 시 브라우저에서 적용되는 결과는?
1페이지가 열릴 때 자동으로 Welcome to the Morning Glory라는 문구가 있는 메시지 창이 뜬다.
2페이지가 열릴 때 Welcome to the Morning Glory라는 플래시가 출력된다.
3페이지가 열릴 때 Welcome to the Morning Glory라는 문구가 한자씩 브라우저에 새겨진다.
4페이지가 열릴 때 Welcome to the Morning Glory라는 문구가 이메일로 보내진다.
정답 및 해설

alert() 함수는 자바스크립트에서 경고 메시지 창(팝업)을 띄우는 명령이다. 따라서 해당 스크립트가 head 태그 안에 삽입되면 페이지가 로드될 때 "Welcome to the Morning Glory" 문구가 담긴 알림창이 자동으로 나타난다. 플래시 출력, 타이핑 효과, 이메일 전송과는 무관하다.

문제 34
도서관의 도서들을 분류한 것과 같이 정보를 대분류, 중분류, 소분류 식으로 찾아들어가는 방식의 검색엔진은?
1주제별 검색엔진
2단어별 검색엔진
3메타 검색엔진
4통합 검색엔진
정답 및 해설

대분류, 중분류, 소분류로 찾아 들어가는 방식은 주제별 검색엔진(디렉터리형)이다.

도서관의 분류 체계처럼 주제 계층을 따라 내려가며 자료를 찾는다.

  • 단어별 검색엔진은 입력한 검색어가 들어 있는 자료를 찾는 방식이다.
  • 메타 검색엔진은 여러 검색엔진에 한꺼번에 질의해 결과를 모아 보여준다.
  • 통합 검색엔진은 검색어를 입력해 여러 출처의 결과를 함께 보여주는 방식이라 분류 단계를 따라 내려가지 않는다.
문제 35
정보 검색 연산자의 설명으로 옳은 것은?
1OR : 연산자 좌우 검색어 중 하나라도 들어 있는 자료를 찾는다.
2구절검색 : 연산자 앞 쪽의 검색어는 포함하고, 뒤 쪽 검색어는 포함하지 않은 자료를 찾는다.
3AND : 두 개 이상의 단어가 순서대로 연속해서 나오는 것을 찾는다.
4NOT : 연산자 좌우의 검색어를 모두 만족시키는 자료를 찾는다.
정답 및 해설

OR는 좌우 검색어 중 하나라도 들어 있는 자료를 찾는 연산자이다.

다른 연산자는 설명이 서로 뒤바뀌어 있다.

  • 구절검색은 묶어 입력한 단어들이 순서대로 연속해서 나오는 자료를 찾는 방식이다.
  • AND는 좌우 검색어를 모두 포함한 자료를 찾는 연산자이다.
  • NOT은 뒤쪽 검색어를 포함한 자료를 제외하는 연산자이다.
문제 36
웹 페이지의 속도 향상을 위한 이미지 관리로 맞는 것은?
1이미지 크기를 최대화 한다.
2썸네일(Thumbnail)을 활용한다.
3캐시 메모리를 이용하지 않는다.
4여러 가지의 배경 이미지를 사용한다.
정답 및 해설

작은 축소 이미지인 썸네일을 쓰면 먼저 불러오는 용량이 줄어 속도가 빨라진다.

필요한 사용자만 원본을 열도록 하면 전송량을 줄일 수 있다.

  • 이미지 크기를 최대화하면 파일 용량이 커져 로딩이 느려진다.
  • 캐시 메모리를 쓰지 않으면 같은 이미지를 매번 새로 받아야 해서 느려진다.
  • 배경 이미지를 여러 개 쓰면 내려받을 파일이 늘어나 로딩이 느려진다.
문제 37
OSI 7계층에 해당하지 않는 것은?
1세션 계층
2전송 계층
3응용 계층
4관리 계층
정답 및 해설

OSI 7계층에 관리 계층은 없다.

OSI 7계층은 물리, 데이터링크, 네트워크, 전송, 세션, 표현, 응용 계층이다.

  • 세션 계층은 통신 세션의 설정과 유지를 맡는 계층이다.
  • 전송 계층은 종단 간 데이터 전달을 맡는 계층이다.
  • 응용 계층은 사용자 응용 프로그램에 서비스를 제공하는 계층이다.
문제 38
HTML을 이용하여 테이블을 작성할 때 테이블 내부의 선의 두께를 정의하는 속성은?
1cellspacing
2border
3cellpadding
4size
정답 및 해설

테이블 내부의 선(셀과 셀 사이 경계선)의 두께를 정의하는 속성은 cellspacing이다. cellspacing 값이 커질수록 셀 사이 간격이 벌어져 내부 선이 굵게 표시된다. border는 테이블 바깥 테두리의 두께, cellpadding은 셀 경계선과 셀 내용 사이의 여백을 지정하며, size는 HTML 테이블 속성이 아니다.

문제 39
웹 페이지 저작 도구 중 위지윅(What you see is what you get) 기반의 웹 에디터가 아닌 것은?
1나모 웹 에디터
2프론토 페이지
3넷스케이프 컴포저
4홈 사이트
정답 및 해설

홈사이트는 HTML 소스를 직접 편집하는 코드 중심 에디터라 위지윅 에디터가 아니다.

위지윅 에디터는 완성될 화면을 보면서 그대로 편집한다.

  • 나모 웹 에디터는 화면을 보며 편집하는 위지윅 에디터이다.
  • 프론트 페이지는 화면을 보며 편집하는 위지윅 에디터이다.
  • 넷스케이프 컴포저는 화면을 보며 편집하는 위지윅 에디터이다.
문제 40
클라이언트의 웹 브라우저가 웹 서버와 접속할 때 사용하는 통신 규약으로 맞는 것은?
1SNMP
2HTTP
3HTML
4WWW
정답 및 해설

웹 브라우저와 웹 서버 간의 통신 규약은 HTTP(HyperText Transfer Protocol)이다. SNMP는 네트워크 관리 프로토콜, HTML은 웹 문서의 마크업 언어, WWW는 인터넷 정보 서비스의 총칭으로 통신 규약이 아니다.

문제 41
웹 페이지 제작 시 사용되는 내비게이션(Navigation Structure) 구조의 유형에 해당하지 않는 것은?
1Sequential structure
2Hierarchical structure
3Grid structure
4Protocol structure
정답 및 해설

Protocol structure는 내비게이션 구조의 유형이 아니다.

내비게이션 구조에는 순차·계층·그리드·네트워크형 등이 있다.

  • Sequential structure는 순서대로 이어지는 순차형 구조이다.
  • Hierarchical structure는 상하위로 나뉘는 계층형 구조이다.
  • Grid structure는 격자 형태로 연결되는 그리드형 구조이다.
문제 42
컴퓨터 그래픽스의 발달과정 중 세대별 발전단계가 바르게 연결된 것은?
1제1세대 – 진공관, 리플레시형 CRT
2제2세대 – 집적회로, 벡터 스캔 CRT
3제3세대 - 고밀도 집적회로, XY 플로터
4제4세대 – 고밀도 집적회로, 래스트 스캔 CRT
정답 및 해설

4세대는 고밀도 집적회로를 쓰고 래스터 스캔 CRT가 보급된 시기로 연결이 바르다.

컴퓨터 그래픽스의 세대는 기본 소자에 따라 진공관(1세대), 트랜지스터(2세대), 집적회로(3세대), 고밀도 집적회로(4세대)로 나뉜다.

  • 1세대는 진공관 시기가 맞지만, 리플레시형 CRT는 1960년대에 쓰인 출력장치라 1세대(1946~50년대 말)와 맞지 않는다.
  • 2세대의 기본 소자는 트랜지스터이고, 집적회로는 3세대 소자이다.
  • 고밀도 집적회로는 4세대 소자이고, X-Y 플로터는 1세대에 개발된 출력장치라 3세대와 맞지 않는다.
문제 43
애니메이션 종류 중 배경은 그대로 두고 캐릭터만 움직이도록 하는 기법으로 투명 필름 위에 수작업으로 캐릭터를 채색한 후 배경 위에 놓고 촬영 및 편집하는 기법은?
1클레이 애니메이션
2투광 애니메이션
3셀 애니메이션
4컷 아웃 애니메이션
문제 44
웹 사이트 제작에서 사용자 인터페이스 설계 시 고려사항으로 틀린 것은?
1최단 시간에 사이트를 방문한 목적을 이해할 수 있도록 인터페이스를 설계한다.
2웹페이지에서 다른 곳으로 이동 할 수 있는 링크를 한 곳으로만 지정될 수 있도록 설계한다.
3화면을 스크롤 했을 때 링크 버튼이 보이지 않는 일이 없도록 설계한다.
4누가 보더라도 쉽게 사용법을 알 수 있도록 사용자 편의성을 제공하도록 설계한다.
정답 및 해설

링크를 한 곳으로만 지정하는 설계는 이동 경로를 제한해 사용성을 해치므로 틀렸다.

사용자 인터페이스는 이용자가 원하는 곳으로 쉽게 이동하도록 설계한다.

  • 방문 목적을 빠르게 이해하도록 설계하는 것은 사용성의 기본 원칙이다.
  • 스크롤해도 링크 버튼이 보이게 해야 이동에 어려움이 없다.
  • 누구나 쉽게 쓰도록 편의성을 제공하는 것은 인터페이스 설계의 목표이다.
문제 45
사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 의미하는 것은?
1AVI(Audio Video Interface)
2PUI(Process User Interface)
3GUI(Graphic User Interface)
4MUI(Multi User Interface)
문제 46
컴퓨터 애니메이션에 대한 설명으로 틀린 것은?
1움직임이 없는 무생물이나 상상의 물체에 인위적인 조작을 가해 움직임을 주는 것을 말한다.
2애니메이션은 라틴어의 아니마투수(Animatus, 생명을 불어 넣다.)에서 유래된 말이다.
3인쇄용 광고 디자인 결과물을 만들어 낸다.
4일련의 정지된 그림을 빠르게 연속시켜서 보여줌으로써 움직이는 것처럼 착각을 유도한다.
정답 및 해설

인쇄용 광고 디자인 결과물을 만든다는 설명은 컴퓨터 애니메이션의 정의가 아니라 틀렸다.

애니메이션은 라틴어 animare/animatus(생명을 불어넣다)에서 온 말로 움직임을 만드는 기법이다.

  • 무생물이나 상상의 물체에 인위적 조작으로 움직임을 준다는 설명은 맞다.
  • 라틴어에서 유래했다는 설명은 맞다.
  • 정지된 그림을 빠르게 연속시켜 움직이는 것처럼 보이게 한다는 설명은 맞다.
문제 47
컴퓨터 그래픽스 시스템의 출력장치에 대한 설명으로 틀린 것은?
1그래픽 정보를 외부로 출력하는 것을 말한다.
2대표적인 출력장치로 프린터, 모니터, 디지타이저 등이 있다.
3빔 프로젝터는 인쇄된 사진이나 문자, 혹은 영상을 확대 투영해주는 광학장치이다.
4처리장치를 통해 처리된 결과는 출력장치를 통해 나타낸다.
정답 및 해설

컴퓨터 그래픽스 시스템의 출력장치는 처리된 그래픽 정보를 사용자가 인식할 수 있도록 외부로 표현하는 장치이다. '프린터, 모니터, 디지타이저'라는 설명이 틀린 이유는 디지타이저는 입력장치이기 때문이다.

디지타이저는 아날로그 정보(펜, 터치 등)를 디지털 데이터로 변환하여 컴퓨터에 입력하는 장치로, 출력장치가 아니다.

  • 프린터와 모니터는 처리된 그래픽 정보를 사용자에게 출력하는 대표적인 출력장치이다.
  • 빔 프로젝터도 영상을 스크린에 확대 투영하는 출력장치이다.
  • 모든 처리 결과는 출력장치를 통해 표현된다.
문제 48
다음이 설명하고 있는 것은?
1모핑
2디더링
3커스텀 팔레트
4팔레트 플래싱
정답 및 해설

제한된 수의 색을 점묘처럼 섞어 배치해 중간색을 시각적으로 만들어 내는 기법은 디더링입니다.

그림의 설명은 점묘와 같이 제한된 색상을 시각적으로 섞는다는 것과, 적은 수의 색상을 반복해 그래픽 파일의 용량을 줄인다는 것입니다. 팔레트에 없는 색을 인접 픽셀의 색 패턴으로 흉내 내는 디더링의 특징입니다.

  • 모핑: 한 이미지가 다른 이미지로 서서히 변해 가도록 두 영상을 결합하는 기법입니다.
  • 커스텀 팔레트: 이미지에 맞게 사용자가 직접 구성한 색상표로, 색을 섞어 보이게 하는 기법이 아닙니다.
  • 팔레트 플래싱: 서로 다른 팔레트를 쓰는 이미지가 표시될 때 화면 색이 순간적으로 깜빡이거나 바뀌는 현상입니다.
문제 49
다음 중 웹사이트 개발과정에 대한 설명으로 틀린 것은?
1프로젝트 기획 – 목표설정, 시장조사, 개발전략수립
2웹 사이트 기획 – 사이트 콘셉트 정의, 자료수집 및 분석
3웹 사이트 디자인 – 콘텐츠 제작 및 배치, 내비게이션 구축
4웹 사이트 구축 – 테스트 및 디버깅
문제 50
고해상도의 원본 이미지의 포맷을 변경해서 저장하였을 경우 다음 중 파일용량이 가장 큰 것은?
1PNG
2BMP
3JPG
4GIF
정답 및 해설

압축하지 않는 BMP는 같은 이미지를 저장해도 파일 용량이 가장 크다.

BMP는 픽셀 정보를 거의 그대로 저장하지만 다른 형식은 압축을 거친다.

  • PNG는 무손실 압축을 해 용량이 줄어든다.
  • JPG는 손실 압축으로 용량을 크게 줄인다.
  • GIF는 256색으로 제한하고 압축해 용량이 작다.
문제 51
웹 사이트의 가상경로를 예상하여 기획하는 것으로 웹 사이트의 설계도이며 구체적인 작업 지침서 역할을 하는 것은?
1시안
2레이아웃
3내비게이션
4스토리보드
정답 및 해설

스토리보드는 웹 사이트의 화면 구성과 가상경로를 미리 계획한 설계도로, 제작 과정에서 구체적인 작업 지침서 역할을 한다. 시안은 완성 화면의 예시이고, 레이아웃은 화면 요소의 배치, 내비게이션은 사이트 내 이동 체계이다.

문제 52
다음 중 로고(Logo)나 심볼(Symbol)제작에 가장 적합한 프로그램은?
1Flash
23D MAX
3Dream Weaver
4Illustrator
정답 및 해설

로고·심볼 제작에는 Illustrator가 가장 적합하다.

Illustrator는 패스(베지어 곡선) 기반의 벡터 그래픽 프로그램이라 확대·축소해도 선이 깨지지 않아 로고처럼 다양한 크기로 쓰이는 이미지에 알맞다.

  • Flash는 벡터 기반이지만 주로 애니메이션·인터랙티브 콘텐츠 제작용이다.
  • 3D MAX는 3차원 모델링·렌더링 프로그램이라 평면 로고 제작용이 아니다.
  • Dream Weaver는 웹 문서를 작성하는 저작 도구로 그래픽 제작용이 아니다.
문제 53
파일 포맷 중 LZW(Lempel-Ziv-Welch)라고 알려진 압축 알고리즘을 사용하며 사진이미지 보다는 색상이 단순한 그래픽에 더 효과적인 파일 포맷은?
1BMP
2GIF
3PNG
4JPEG
정답 및 해설

GIF는 LZW 압축 알고리즘을 사용하며, 최대 256색의 색상 수를 지원하므로 사진보다 색상이 단순한 그래픽이나 아이콘에 효과적이다. JPEG는 사진 압축에 적합하고, BMP는 일반적으로 비압축 방식이며, PNG는 무손실 압축을 사용하지만 LZW 방식은 아니다.

문제 54
다음 중 안티 앨리어싱(Anti-Aliasing)에 대한 설명으로 맞는 것은?
1저해상도의 곡선이나 사선을 표현할 때 생기는 계단현상을 완화하기 위해 사용되는 기법이다.
2물체 또는 이미지의 경계가 매끈하지 않고 계단현상으로 표현된 픽셀효과이다.
3가로, 세로의 격자로 이미지의 정확한 이동, 수정, 편집 등에 주로 사용된다.
4영상이나 이미지가 점차적으로 변화하는 것을 말한다.
정답 및 해설

안티 앨리어싱은 계단현상을 완화하는 기법이다.

저해상도에서 곡선·사선이 계단 모양으로 보이는 현상을 경계 부분의 색을 중간 톤으로 채워 부드럽게 보이게 한다.

  • 경계가 매끈하지 않고 계단처럼 보이는 효과는 안티 앨리어싱이 아니라 앨리어싱 자체를 설명한 것이다.
  • 가로·세로 격자로 이동·편집을 정확히 돕는 것은 그리드 기능이다.
  • 이미지가 점차 변해 가는 것은 변화 효과에 관한 설명이며 경계를 매끈하게 하는 기법이 아니다.
문제 55
다음 중 그래픽 표현 방식에서 벡터 방식에 대한 설명이 아닌 것은?
1베지어(Bezier)라는 곡선으로 이루어져 있다.
2비트맵이미지에 비해 상대적으로 파일 용량이 크다.
3이미지를 확대/축소하여도 그림이 거칠어지지 않는다.
4미세한 그림이나 점진적인 색의 변이를 표현하기 어렵다.
정답 및 해설

벡터 방식의 특징이 아닌 것은 비트맵보다 파일 용량이 크다는 설명이다.

벡터는 점과 곡선의 수학적 정보만 저장하므로 일반적으로 비트맵보다 파일 용량이 작은 편이다.

  • 베지어 곡선으로 이루어진다는 설명은 벡터 방식의 특징이라 소거한다.
  • 확대·축소해도 거칠어지지 않는다는 설명은 벡터의 대표 장점이라 소거한다.
  • 미세한 그림이나 점진적인 색 변화를 표현하기 어렵다는 설명은 벡터의 한계로 알려져 있어 소거한다.
문제 56
타이포그래피의 구성요소에 해당하지 않는 것은?
1Serif
2Line-spacing
3Letter-spacing
4Texturing
정답 및 해설

Texturing은 타이포그래피의 구성요소가 아니다.

타이포그래피는 글자의 모양과 배열을 다루며 서체의 형태, 행간, 자간 같은 요소로 구성된다. Texturing은 표면에 질감을 입히는 3D 그래픽 용어다.

  • Serif는 글자 획 끝의 돌기로 서체 분류의 기본 요소다.
  • Line-spacing은 행과 행 사이 간격인 행간이다.
  • Letter-spacing은 글자와 글자 사이 간격인 자간이다.
문제 57
해상도(Resolution)에 대한 설명으로 맞는 것은?
1이미지를 표현하는데 몇 개의 픽셀(pixel) 또는 도트(dot)로 나타내었는지 그 정도를 의미한다.
2작은 화소 단위를 말한다.
3해상도가 높을수록 이미지의 질은 떨어진다.
4해상도는 bps로만 나타낸다.
정답 및 해설

해상도는 이미지를 표현하기 위해 사용된 픽셀 또는 도트의 개수를 나타내는 척도로, 가로×세로 픽셀 수(예: 1920×1080)로 표현된다.

  • '작은 화소 단위'는 해상도가 아닌 화소(pixel) 자체의 정의이다.
  • '해상도가 높을수록 이미지의 질은 떨어진다'는 오류로, 해상도가 높을수록 더 많은 픽셀로 표현되어 이미지 질이 향상된다.
  • 'bps로만 나타낸다'는 부정확하다. 해상도는 ppi(pixels per inch), dpi(dots per inch), 또는 총 픽셀 수로 나타나며 bps(bits per second)는 데이터 전송 속도의 단위이다.
문제 58
다음 중 웹페이지 제작 및 관리 순서를 옳게 나열한 것은?
1ㄹ→ㄱ→ㄴ→ㅁ→ㄷ→ㅂ
2ㅂ→ㄷ→ㄱ→ㄴ→ㅁ→ㄹ
3ㄷ→ㄹ→ㅁ→ㄴ→ㄱ→ㅂ
4ㄱ→ㄴ→ㄹ→ㅂ→ㄷ→ㅁ
정답 및 해설

웹페이지 제작·관리 순서는 주제 결정과 구성도 작성 → 자료 수집과 정리 → 홈페이지 제작 → 웹서버에 업로드 → 검색 엔진 등록과 홍보 → 내용 업데이트 및 유지보수 관리입니다.

무엇을 만들지 정하고 구성도를 그려야 필요한 자료를 모을 수 있고, 제작한 페이지를 웹서버에 올린 뒤에야 검색 엔진 등록·홍보가 가능합니다. 유지보수는 사이트가 공개된 뒤 계속되는 마지막 단계입니다.

  • 유지보수 관리로 시작하는 순서: 아직 만들어지지 않은 사이트를 관리할 수 없습니다.
  • 자료 수집 다음에 유지보수 관리가 오는 순서: 제작·업로드 전에 유지보수가 올 수 없고, 주제 결정과 구성도 작성이 맨 끝에 놓여 있습니다.
  • 홈페이지 제작으로 시작하는 순서: 주제 결정과 구성도 작성이 제작·업로드 뒤에 놓여 순서가 거꾸로입니다.
문제 59
이미지를 구성하는 최소 단위는?
1원자
2분자
3픽셀
4해상도
정답 및 해설

이미지를 구성하는 최소 단위는 픽셀이다.

비트맵 이미지는 색 정보를 가진 작은 점(픽셀)이 가로·세로로 모여 만들어진다.

  • 원자는 물질을 이루는 입자 단위로 이미지와 관계가 없다.
  • 분자도 물질의 구성 단위일 뿐 이미지의 단위가 아니다.
  • 해상도는 단위 길이당 픽셀 수 같은 이미지의 조밀도를 나타내는 값이다.
문제 60
애니메이션에서 사용되는 정지화면 하나하나를 무엇이라 하는가?
1Frame
2Key Frame
3Tweening
4Onion Skin
정답 및 해설

정지화면 하나하나는 Frame이라 한다.

애니메이션은 정지된 프레임을 빠르게 연속 재생해 움직이는 것처럼 보이게 한다.

  • Key Frame은 동작 변화의 기준이 되는 핵심 프레임이다.
  • Tweening은 키 프레임 사이의 중간 프레임을 채워 넣는 과정이다.
  • Onion Skin은 앞뒤 프레임을 반투명하게 겹쳐 보여 주는 보조 기능이다.