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

11년 4회차

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

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

11년 4회차

총 60문항 · 객관식 · 정답·해설 포함
문제 1
눈이 부시지 않고 조도가 균일하며, 그림자가 없는 부드러운 침실이나 병실 등 휴식공간에 사용되는 조명방법은?
1전반확산조명
2간접조명
3직접조명
4반간접조명
문제 2
다음 중 빛의 혼합에 대한 결과로 맞는 것은?
1Green + Cyan = Black
2Green + Blue = Magenta
3Red + Green = Yellow
4Red + Blue = Cyan
정답 및 해설

빛의 혼합 결과로 맞는 것은 Red + Green = Yellow이다.

빛의 혼합은 가산혼합이라 섞을수록 밝아지며 빨강과 초록을 섞으면 노랑이 된다.

  • Green + Cyan 은 둘 다 초록 성분을 지닌 밝은 색이 되고, 가산혼합에서는 검정이 나오지 않는다.
  • Green + Blue 는 청록(Cyan)이 되며 마젠타가 아니다.
  • Red + Blue 는 마젠타가 되며 시안이 아니다.
문제 3
다음 형태(form) 중 반드시 수학적 법칙과 함께 생기며, 가장 뚜렷한 질서를 갖는 것은?
1유기적 형태
2기하학적 형태
3내부적 형태
4자연적 형태
문제 4
부분과 부분 또는 부분과 전체 사이 안정된 관련성을 지니며, 서로 함께 속해있는 것처럼 보이는 디자인의 원리는?
1비례
2조화
3균형
4강조
정답 및 해설

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

문제 5
다음 중 색채에 대한 설명으로 틀린 것은?
1색채는 물체의 지각을 수반하고, 심리적 성질을 갖는다.
2물체가 발광하지 않고 받아서 반사되는 색이다.
3색채의 분류는 무채색, 유채색, 중성색 3가지가 있다.
4우리가 일상생활에서 보는 색을 색채라고 한다.
정답 및 해설

색채 설명으로 틀린 것은 색채의 분류가 무채색·유채색·중성색 3가지라는 설명이다.

색채는 채도 유무에 따라 무채색과 유채색으로 나누며, 중성색은 따뜻하지도 차갑지도 않은 색을 뜻하는 온도감 쪽 개념이다.

  • 색채가 물체의 지각을 수반하고 심리적 성질을 갖는다는 설명은 맞다.
  • 발광하지 않고 빛을 받아 반사되는 색(물체색)이라는 설명도 맞다.
  • 일상생활에서 보는 색을 색채라고 한다는 설명도 맞다.
문제 6
다음 중 커뮤니케이션 디자인의 설명으로 틀린 것은?
1라틴어 ‘Communicare'를 어원으로 한다.
2두 개 이상의 개체가 기호를 매개로 무언가를 공유하는 것이다.
3운동과 시선을 중시하는 디자인이다.
4사람과 사람 사이에 기호에 의해서 의미를 전달하는 과정이다.
정답 및 해설

커뮤니케이션 디자인 설명으로 틀린 것은 운동과 시선을 중시하는 디자인이라는 설명이다.

커뮤니케이션은 기호를 매개로 의미를 전달하고 공유하는 과정이며, 운동과 시선이 핵심이 아니다.

  • 라틴어 Communicare 에서 유래했다는 설명은 맞다.
  • 둘 이상의 개체가 기호를 매개로 무언가를 공유한다는 설명은 맞다.
  • 사람과 사람 사이에 기호로 의미를 전달하는 과정이라는 설명은 맞다.
문제 7
먼셀의 색입체에 대한 설명으로 틀린 것은?
1색상, 명도, 채도의 3속성 2차원 좌표에서 색 감각으로 보는데 용이하다.
2CIE의 색표와 연관성이 용이하다.
3실제로 사용하고 있는 모든 물체색이 색입체에 포함되어 있다.
4모든 색상의 채도 위치가 달라 배색 체계를 응용하기 용이하다.
정답 및 해설

'모든 색상의 채도 위치가 달라 배색 체계를 응용하기 용이하다'는 모든 색상의 채도 위치가 일정하지 않다는 점이 문제다. 먼셀 색입체에서 같은 명도라도 색상에 따라 최대 채도가 달라지므로(예: 빨강은 채도가 높지만 노랑은 더 높고, 파랑은 더 낮음), 배색 체계 응용 시 일관성 있는 규칙 적용이 어렵다.

  • 3속성 좌표: 먼셀 색입체는 수직축이 명도(Value), 수평 반지름이 채도(Chroma), 각도가 색상(Hue)인 입체 좌표계로 구성되어 색 감각을 직관적으로 나타낸다(정확).
  • CIE 색표와의 연관성: CIE 표준색공간과의 상관관계 연구가 활발히 이루어졌으므로 연관성이 용이하다(정확).
  • 모든 물체색 포함: 실제 사용 가능한 모든 물체색이 이 색입체 범위 내에 포함되도록 설계되었다(정확).
문제 8
다음 중 디자인의 의미에 관한 설명으로 틀린 것은?
1디자인이란 일반적으로 하나의 그림 또는 모형으로써 그것을 전개시키는 계획 및 설계라고 할 수 있다.
2디자인 행위란 인간이 좀 더 사용하기 쉽고, 아름답고 쾌적한 생활환경을 창조하는 조형 행위를 말한다.
3프랑스어의 데생(dessin)과 같은 어원으로 르네상스시대 이후 오랫동안 데생과 같이 가벼운 의미로 사용되었다.
41940년대 당시 근대 사상에 입각하여 바우하우스에서 디자인 이념을 세우고 디자인(design)이라는 용어를 처음 사용하였다.
정답 및 해설

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

문제 9
바우하우스의 설립자이며, 근대 건축과 디자인 운동의 대표적 지도자는?
1모리스(MORRIS, WILLIAM)
2그로피우스(GROPIUS, WALTER)
3로위(ROWEY, RAYMOND)
4팹스너(PEVSNER, NIKOLAUS)
정답 및 해설

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

문제 10
시각적으로 안정감을 느끼게 하는 디자인의 원리는?
1균형
2불규칙
3변화
4비대칭
정답 및 해설

시각적으로 안정감을 느끼게 하는 디자인 원리는 균형이다.

균형은 시각적 무게가 고르게 배분된 상태로, 보는 사람에게 안정감을 준다.

  • 불규칙은 질서가 흐트러진 상태라 안정감보다 불안정하고 산만한 느낌을 준다.
  • 변화는 단조로움을 깨뜨려 생동감·자극을 주는 원리이며 안정감을 주는 원리가 아니다.
  • 비대칭은 동적이고 개성적인 느낌을 주는 구성으로, 정적인 안정감을 주는 것은 대칭 쪽이다.
문제 11
디자인의 원리에 대한 설명 중 옳지 않는 것은?
1통일은 조화로운 형, 색, 질감이 공통된 특징을 갖고 있다.
2대칭은 균형의 전형적인 구성형식이며 좌우대칭, 방사대칭이 있다.
3반복은 동일한 요소나 대상 등을 두 개 이상 나열시켜 율동감을 표현하는 것으로 시각적으로 힘의 강약효과가 있다.
4점이는 일정한 방향을 유지하나 크기와 형태가 다른 경우를 의미한다.
문제 12
디자인을 할 때 목적에 합당한 수단을 썼는지에 대한 디자인의 조건은?
1합목적성
2독창성
3심미성
4경제성
정답 및 해설

목적에 합당한 수단을 썼는지를 따지는 디자인 조건은 합목적성이다.

합목적성은 디자인이 목적·기능에 맞게 만들어졌는지를 판단하는 조건이다.

  • 독창성은 새롭고 창의적인가를 따지는 조건이다.
  • 심미성은 아름다움을 따지는 조건이다.
  • 경제성은 적은 비용으로 큰 효과를 내는지를 따지는 조건이다.
문제 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
디자인의 형식적 요소에 포함되지 않는 것은?
1형
2색
3질감
4용도
정답 및 해설

디자인의 형식적(시각) 요소에 포함되지 않는 것은 용도이다.

형식적 요소는 눈에 보이는 형·크기·색·질감이고 용도는 기능에 관한 내용이다.

  • 형은 시각 요소에 속한다.
  • 색은 시각 요소에 속한다.
  • 질감은 시각 요소에 속한다.
문제 19
다음이 설명하고 있는 색의 혼합은?
1감산 혼합
2가산 혼합
3병치 혼합
4중간 혼합
정답 및 해설

그림은 혼합된 색의 명도가 혼합 이전 평균보다 높아지는 혼합, 즉 플러스(Plus) 혼합을 설명하므로 가산 혼합입니다.

가산 혼합은 빛(RGB)의 혼합으로, 섞을수록 밝아지며 빨강·초록·파랑을 모두 섞으면 흰색이 됩니다.

  • 감산 혼합: 색료(CMY)의 혼합으로, 섞을수록 명도가 낮아지는 마이너스 혼합입니다.
  • 병치 혼합: 작은 색점이 나란히 놓여 눈에서 섞이는 현상으로, 명도가 두 색의 평균에 가깝게 보입니다.
  • 중간 혼합: 병치·회전 혼합처럼 혼합 결과 명도가 원래 색들의 평균 정도가 되는 혼합입니다.
문제 20
배색의 조건에 대한 설명으로 틀린 것은?
1사물의 용도나 기능에 부합되는 배색을 해야 한다.
2색이 주는 심리적 효과를 고려해야 한다.
3인간적인 요인으로 계획자의 개인적 특성에 맞추어 배색 한다.
4환경적 요인을 충분히 고려하여 배색 한다.
정답 및 해설

배색 조건 설명으로 틀린 것은 계획자의 개인적 특성에 맞추어 배색한다는 설명이다.

배색은 사용자와 목적을 기준으로 해야 하며 계획자 개인 취향에 맞추는 것은 조건이 아니다.

  • 사물의 용도·기능에 부합하게 배색해야 한다는 설명은 맞다.
  • 색이 주는 심리적 효과를 고려해야 한다는 설명은 맞다.
  • 환경적 요인을 충분히 고려해야 한다는 설명은 맞다.
문제 21
소스 코드가 HTML 문서 내에 포함되어 사용자의 브라우저에서 직접 번역되어 수행되는 것은?
1자바 애플리케이션
2자바 스크립트
3자바 시크리트
4자바 빈즈
문제 22
자바스크립트의 Document 객체에 포함되어 있는 객체가 아닌 것은?
1Anchor 객체
2Area 객체
3Link 객체
4Location 객체
정답 및 해설

Location 객체는 Document 객체의 하위 객체가 아니므로 정답이다.

자바스크립트 객체 계층에서 location 은 document·history 와 나란히 window 바로 아래에 놓이는 객체다.

  • Anchor 객체는 문서 안의 앵커(링크 대상)를 나타내는 document 하위 객체다.
  • Area 객체는 이미지맵의 영역을 나타내며 document 하위 객체로 분류된다.
  • Link 객체는 문서 안의 하이퍼링크를 나타내는 document 하위 객체다.
문제 23
HTML의 태그(tag)에 관한 설명으로 옳은 것은?
1태그는 시작 태그만 필요하다.
2태그의 이름은 대소문자를 구분하지 않는다.
3태그를 중첩하여 사용할 수 없다.
4여러 개의 공백 문자들은 각기 달리 인식된다.
정답 및 해설

HTML 태그 이름은 대소문자를 구분하지 않는다. 따라서 b 와 B 는 같은 태그로 처리된다.

HTML 은 태그 표기 규칙이 느슨한 마크업 언어이므로 대소문자 구별이 없다.

  • 시작 태그만 필요하다는 설명은 틀리다. 굵게 지정이나 표처럼 시작 태그와 끝 태그를 짝으로 쓰는 태그가 많다.
  • 중첩 사용 불가라는 설명은 틀리다. 굵은 글씨 안에 기울임을 넣는 식으로 중첩해 쓴다.
  • 공백이 각기 달리 인식된다는 설명은 틀리다. 연속된 공백은 브라우저가 하나로 합쳐 표시한다.
문제 24
다음 중 웹브라우저의 기능이 아닌 것은?
1웹페이지 저장 및 인쇄
2전자우편 및 뉴스그룹 이용
3텍스트, 이미지 및 멀티미디어 지원 기능
4인터넷 응용프로그램 제작 기능
정답 및 해설

웹 브라우저는 문서를 보는 프로그램이므로 인터넷 응용프로그램을 제작하는 기능은 브라우저의 기능이 아니다.

응용프로그램 제작은 별도의 편집기·개발 도구가 맡는 영역이다.

  • 웹페이지 저장·인쇄는 브라우저의 파일 메뉴로 제공되는 기본 기능이다.
  • 전자우편·뉴스그룹 이용은 브라우저가 다른 인터넷 서비스에도 접근하게 해 주는 기능에 해당한다.
  • 텍스트·이미지·멀티미디어 지원은 웹 문서를 화면에 표시하는 브라우저 본래의 기능이다.
문제 25
국제기구를 나타내는 최상위 도메인은?
1mil
2org
3net
4int
정답 및 해설

국제기구를 나타내는 최상위 도메인은 int 이다.

최상위 도메인은 조직의 성격이나 국가를 구분하는 접미어다.

  • mil 은 군사기관을 나타낸다.
  • org 는 비영리 기구·단체를 나타낸다.
  • net 은 네트워크 관련 기관·서비스를 나타낸다.
문제 26
다음 중 LAN이 물리적 통신망 구조가 아닌 것은?
1성(star)형
2버스(bus)형
3십자(cross)형
4링(ring)형
정답 및 해설

십자(cross)형은 LAN 의 물리적 통신망 구조에 속하지 않는다.

LAN 의 대표 토폴로지는 성형·버스형·링형·트리형 등이다.

  • 성(star)형은 중앙 장치에 각 노드를 연결하는 구조다.
  • 버스(bus)형은 하나의 공통 회선에 노드들을 연결하는 구조다.
  • 링(ring)형은 노드들을 원형으로 연결해 신호를 재생하며 넘기는 구조다.
문제 27
전자우편 서비스 헤더 중 숨은 참조자를 나타내는 것은?
1Rcc
2Bcc
3Bc
4Cc
정답 및 해설

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

문제 28
IP 주소는 숫자로 구성되어 있기 때문에 실제로 사용자가 이용하기에는 불편하다. 이를 대신하여 쉽게 기억할 수 있고, 이용하기 편리하도록 만든 것은?
1파일 이름
2도메인 이름
3주소 클래스
4패킷
정답 및 해설

IP 주소를 문자로 쉽게 기억하도록 만든 것이 도메인 이름이다.

DNS 가 문자로 된 도메인 이름을 숫자 IP 주소로 바꿔 준다.

  • 파일 이름은 저장된 파일을 구별하는 이름일 뿐 호스트 주소를 대신하지 않는다.
  • 주소 클래스는 IP 주소를 네트워크 규모에 따라 나눈 구분이며 여전히 숫자다.
  • 패킷은 네트워크로 전송되는 데이터 조각 단위다.
문제 29
Anonymous FTP 사이트를 대상으로 해서 원하는 파일의 위치를 알려 주는 인터넷 서비스는?
1Archie
2Whois
3Finger
4Veronica
정답 및 해설

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

문제 30
검색엔진과 그에 해당된 서비스가 틀리게 연결된 것은?
1야후 - 거기
2옥션 - 메일 및 메신저
3네이버 - 지식검색
4네이트 - 보는 검색 체험하기
문제 31
범위가 넓지 않은 일정 지역 내에서 다수의 컴퓨터나 OA기기 등을 속도가 빠른 통신선로로 연결하여 기기 간에 통신이 가능하도록 하는 근거리 통신망을 무엇이라 하는가?
1LAN
2MAN
3WAN
4VAN
정답 및 해설

일정 지역 안의 컴퓨터를 고속 선로로 연결한 망은 LAN 이다.

LAN 은 건물이나 구내 같은 좁은 범위를 대상으로 하는 근거리 통신망이다.

  • MAN 은 도시 규모의 중간 범위 통신망이다.
  • WAN 은 국가나 대륙을 잇는 광역 통신망이다.
  • VAN 은 통신 회선을 빌려 부가 서비스를 제공하는 부가가치 통신망이다.
문제 32
다음이 설명하고 있는 웹페이지 검색 엔진은?
1통합형 검색 방식
2웹 디렉터리 방식
3웹 인덱스 방식
4메타형 검색 방식
문제 33
웹 페이지 디자인 시 시각적 요소 중 색상 및 패턴에 관한 설명으로 가장 거리가 먼 것은?
1주변 상황과 대비되는 색채를 사용함으로써 특정 정보를 강조한다.
2서로 상이한 정보 간에는 동일한 색상을 사용하여 정보의 성격과 내용에 따라 체계적인 색채 계획을 적용한다.
3명도와 채도를 갖게 함으로써 다른 색상을 사용하더라도 상호 간에 조화를 이룰 수 있어야 한다.
4공간과 문화를 초월해 공통점을 갖는 색채의 상징성을 이용하여 전달력을 상승시킬 수 있다.
정답 및 해설

서로 상이한 정보에 동일한 색상을 쓰는 것은 부적절하다.

색상은 정보 성격에 따라 구분해 써야 체계적인 색채 계획이 된다.

  • 대비되는 색채로 강조하는 것은 특정 정보를 눈에 띄게 하는 일반적 방법이다.
  • 명도·채도를 맞춰 조화를 이루는 것은 다른 색상이어도 통일감을 주는 방법이다.
  • 색채의 상징성(빨강 = 위험·정지 등)을 활용하면 정보 전달력을 높일 수 있다는 설명은 웹 색채 계획의 일반 원칙에 맞다.
문제 34
인터넷상에 산재해 있는 제반 정보를 미리 수집하고 이를 체계적으로 저장한 후, 사용자가 원하는 정보를 수시로 찾을 수 있도록 해주는 일종의 데이터베이스 관리시스템을 무엇이라 하는가?
1웹브라우저
2메일링리스트
3무료계정
4검색엔진
정답 및 해설

미리 수집·저장한 정보를 찾게 해 주는 데이터베이스 관리 시스템은 검색엔진이다.

검색엔진은 웹상의 정보를 수집해 색인을 만들어 두고 검색어로 찾게 한다.

  • 웹브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이다.
  • 메일링리스트는 이메일로 같은 내용을 여러 사람에게 보내는 서비스다.
  • 무료계정은 무료로 제공되는 호스팅·메일 등의 이용 권한이다.
문제 35
인터넷상의 WWW(월드와이드웹) 콘텐츠를 작성하도록 해주는 언어는?
1IP
2HTTP
3HTML
4URL
정답 및 해설

웹 콘텐츠를 작성하는 언어는 HTML 이다.

HTML 은 태그로 문서의 구조와 표현을 기술하는 마크업 언어다.

  • IP 는 인터넷에서 호스트를 식별하는 주소 체계다.
  • HTTP 는 웹 문서를 주고받는 전송 프로토콜이다.
  • URL 은 인터넷 자원의 위치를 나타내는 표기다.
문제 36
다음 중 자바스크립트의 변수에 대한 설명으로 틀린 것은?
1데이터의 형을 구분하여 선언하여야 한다.
2변수명의 첫 문자는 영문자 또는 _로 시작한다.
3변수명은 영문자의 대문자와 소문자를 구분한다.
4예약어는 변수명으로 사용할 수 없다.
정답 및 해설

자바스크립트는 데이터 형을 구분해 선언하지 않는 언어이므로 해당 설명이 틀렸다.

변수는 var 로 선언하고 값에 따라 형이 정해지는 느슨한 형(loosely typed) 체계다.

  • 첫 문자를 영문자 또는 밑줄로 시작한다는 설명은 변수명 규칙에 맞다.
  • 대소문자 구분은 자바스크립트의 규칙이므로 옳다.
  • 예약어 사용 불가는 문법상 예약어가 변수명이 될 수 없으므로 옳다.
문제 37
인터넷 익스플로러 6.0 인터넷 옵션의 “내용 관리자”부분에 대한 설명으로 옳지 않은 것은?
1인증서 : 범주에 따른 등급을 조정할 수 있으며 그 등급에 해당하는 홈페이지로 이동할 수 있도록 추가 정보를 제공한다.
2승인된 사이트 : 등급 지정에 관계없이 항상 볼 수 있거나 볼 수 없는 사이트를 지정할 수 있다.
3일반 : 사용자 옵션과 감독자 암호를 지정할 수 있는 곳으로, 기본적으로 사용자가 제한된 내용만 보도록 표시되어 있다.
4고급 : 사용자가 다른 등급 시스템을 적용하려고 할 때 이용된다.
정답 및 해설

IE 6.0의 "내용 관리자" 기능에서 인증서는 웹사이트의 신원 확인과 보안을 위한 디지털 인증서를 관리하는 항목이며, 범주별 등급 조정이나 등급에 따른 홈페이지 접근 제어 기능을 제공하지 않는다. 따라서 인증서에 대한 설명이 내용 관리자 기능에 대한 정확한 설명이 아니다.

  • 승인된 사이트는 특정 사이트를 허용 또는 차단 목록에 추가하여 등급과 무관하게 항상 접근 가능하거나 불가능하게 설정할 수 있다.
  • 일반은 감독자 암호와 콘텐츠 필터링 옵션을 관리하는 부분이다.
  • 고급은 PICS(Platform for Internet Content Selection) 등 다른 등급 시스템을 추가로 적용할 때 사용된다.
문제 38
HTML의 문단 구성과 관련된 Tag와 그 용도에 대한 설명으로 옳지 않은 것은?
1<BR> : 줄을 바꿀 때 사용한다.
2<P> : 문단을 바꿀 때 사용한다.
3<MID>...</MID> : 태그 사이에 있는 문단을 가운데로 정렬할 때 사용한다.
4<DIV>...</DIV> : 문서를 구분하여 문단별로 정렬할 때 사용한다.
정답 및 해설

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

문제 39
자바스크립트의 장점으로 볼 수 없는 것은?
1컴파일 과정을 거치지 않기 때문에 신속한 개발을 할 수 있다.
2웹상에서 인터렉티브한 웹페이지를 만드는데 많이 사용된다.
3어떤 운영체제와 하드웨어에서도 작동하는 이식성이 높은 언어이다.
4자바스크립트를 이용한 응용 프로그램은 브라우저가 제한하는 기능적 한계를 벗어날 수 있다.
정답 및 해설

자바스크립트 응용이 브라우저의 기능 한계를 벗어난다는 말은 장점이 아니다.

자바스크립트는 브라우저가 해석·실행하므로 브라우저가 허용하는 범위 안에서만 동작한다.

  • 컴파일 불필요는 인터프리터 방식이라 곧바로 실행해 볼 수 있어 신속한 개발에 유리하다.
  • 인터랙티브한 웹페이지 제작은 자바스크립트의 대표적 용도다.
  • 높은 이식성은 브라우저만 있으면 운영체제와 무관하게 실행되는 장점이다.
문제 40
웹페이지의 외형을 제어하기 위한 언어인 스타일시트(Style Sheet)에 대한 설명 중 적합하지 않은 것은?
1하나의 문서만 수정해도 한꺼번에 여러 페이지의 외형과 형식을 수정할 수 있다.
2스타일시트에서 글꼴, 색상, 크기, 정렬 방식 등을 미리 지정하여 필요한 곳에 적용할 수 있다.
3같은 스타일시트를 사용하는 문서에는 문서들의 일관성을 쉽게 유지할 수 있다.
4웹페이지의 레이아웃 편집을 강화하여 브라우저나 플랫폼의 종류에 많은 제한이 따른다.
정답 및 해설

스타일시트가 브라우저·플랫폼에 많은 제한을 준다는 설명은 적합하지 않다.

스타일시트는 외형을 문서와 분리해 관리하는 표준 방식이다.

  • 한 문서 수정으로 여러 페이지 변경이 가능한 것은 외부 스타일시트의 장점이다.
  • 글꼴·색상·크기·정렬 사전 지정은 스타일시트의 기본 기능이다.
  • 문서 일관성 유지는 같은 스타일시트를 공유하면 쉬워진다.
문제 41
애니메이션에서 사용되는 정지화면 하나하나를 무엇이라 하는가?
1Frame
2Key Frame
3Tweening
4Onion Skin
정답 및 해설

애니메이션의 정지화면 한 장 한 장은 Frame 이다.

프레임을 연속으로 재생하면 움직임으로 보인다.

  • Key Frame 은 움직임에서 변화가 생기는 핵심 프레임이다.
  • Tweening 은 시작·끝 키 프레임 사이 중간 프레임을 자동 생성하는 기법이다.
  • Onion Skin 은 앞뒤 프레임을 반투명하게 겹쳐 보여 주는 편집 보조 기능이다.
문제 42
웹(Web)상에서 애니메이션 사용을 저해하는 요소가 아닌 것은?
1데이터 스트리밍
2대역폭의 한계
3브라우저가 지원하지 못하는 낮은 사양의 컴퓨터
4인터넷의 비동기성
정답 및 해설

데이터 스트리밍은 애니메이션 사용을 저해하는 요소가 아니다.

스트리밍은 전체 내려받기를 마치기 전에 재생을 시작하게 해 주는 기술이다.

  • 대역폭의 한계는 용량이 큰 애니메이션 전송을 느리게 만드는 저해 요소다.
  • 저사양 컴퓨터는 브라우저가 애니메이션을 지원하지 못해 저해 요소가 된다.
  • 인터넷의 비동기성은 패킷 도착 시점이 일정하지 않아 연속 재생이 끊길 수 있게 만드는 저해 요소다.
문제 43
비트맵이미지에서 사용되는 픽셀(Pixel)에 대한 설명으로 옳지 않은 것은?
1디지털 이미지의 기본단위이다.
2이미지는 여러 개의 픽셀들로 구성된다.
3픽셀들은 프레임버퍼(frame buffer)에 저장된다.
4픽셀 하나의 크기는 0.3514mm이다.
정답 및 해설

픽셀 하나가 고정된 크기를 갖는다는 설명은 옳지 않다.

픽셀은 화소 단위일 뿐이며 실제 길이는 해상도와 장치에 따라 달라진다.

  • 디지털 이미지의 기본단위라는 설명은 맞다.
  • 여러 픽셀로 이미지 구성은 비트맵 이미지의 정의에 해당한다.
  • 프레임버퍼 저장은 화면에 표시할 픽셀 값을 보관하는 방식으로 옳다.
문제 44
플래시와 관련된 파일 확장자가 아닌 것은?
1.fla
2.swf
3.spa
4.pdf
문제 45
웹 디자인에 대한 설명 중 옳지 않은 것은?
1레이아웃(Lay-Out) 설계가 매우 중요하다.
2사용자 인터페이스(Interface)를 고려해야 한다.
3Text 중심의 디자인이 시각적 효과를 높여 준다.
4멀티미디어 요소는 정보 전달의 효과를 극대화하기도 한다.
정답 및 해설

웹 디자인에서 Text 중심 디자인이 시각적 효과를 높인다는 설명은 옳지 않다.

웹은 이미지·색상·멀티미디어를 함께 활용해 시각 효과를 얻는다.

  • 레이아웃 설계는 화면 구성의 기초이므로 중요하다는 설명은 옳다.
  • 사용자 인터페이스는 이용 편의를 위해 고려해야 한다.
  • 멀티미디어 요소는 정보 전달 효과를 높일 수 있다.
문제 46
다음 중 HTML에 대한 설명으로 옳지 않은 것은?
1HTML언어는 W3C를 기반으로 한다.
2HTML은 Hyper Text Marking Language의 약자이다.
3확장자는 html 또는 htm 이다.
4HTML은 태그(Tag)로 구성되어 있다.
정답 및 해설

HTML 은 HyperText Markup Language 의 약자이므로 Marking 이라 쓴 설명이 옳지 않다.

HTML 은 태그로 문서를 표시(Markup)하는 언어다.

  • W3C 기반이라는 설명은 W3C 가 표준을 제정한다는 점에서 맞다.
  • 확장자 html 또는 htm 은 HTML 문서의 파일 확장자로 맞다.
  • 태그로 구성된다는 설명은 HTML 의 기본 구조로 맞다.
문제 47
컴퓨터 그래픽스(Computer Graphics)에 대한 정의로 틀린 것은?
1컴퓨터의 하드웨어와 소프트웨어를 이용하여 도형, 그림, 사진 이미지 등의 시각적 이미지를 만들어 내고 디지털화(Digitalize) 시키는 것이다.
2컴퓨터 그래픽스는 크게 2D 그래픽스와 3D 그래픽스로 나눌 수 있다.
3활용 범위가 매우 넓으며, 특히 영화나 영상물 등 의 멀티미디어 분야에서 가장 효과적으로 활용되고 있다.
4전통적인 회화 방식을 응용하여 결과물을 디지털화 시킨 것은 제외한다.
정답 및 해설

전통 회화 방식을 응용해 디지털화한 결과물도 컴퓨터 그래픽스에 포함되므로 제외한다는 설명이 틀렸다.

컴퓨터 그래픽스는 컴퓨터로 시각적 이미지를 만들고 디지털화하는 모든 분야를 가리킨다.

  • 시각적 이미지 제작·디지털화 정의는 컴퓨터 그래픽스의 개념에 맞다.
  • 2D·3D 구분은 컴퓨터 그래픽스의 일반적 분류다.
  • 영화·영상물 활용은 컴퓨터 그래픽스의 대표적 활용 분야를 든 설명으로, 정의 자체에 어긋나는 내용이 아니다.
문제 48
축소형으로 입체 모델을 만들고 여기에 다른 기법을 병합하여 환상적인 장면을 만드는 애니메이션 특수 효과는?
1모핑 효과
2로토스코핑 효과
3미니어처 효과
4페인팅 효과
문제 49
웹의 구조적 측면에서 제작된 웹 사이트의 전형적인 웹 탐색구조 설명이 잘못된 것은?
1선형적 구조는 하나의 홈페이지에서 다음 홈페이지로 또 다음 홈페이지로 연결된 구조로 주제별 검색에 많이 사용된다.
2계층적 구조는 하나의 홈페이지가 있고 그 홈페이지의 메인(Main)에 다양한 메뉴가 있어 주제어 검색에 많이 활용 된다.
3복합적 구조는 선형적 구조와 계층적 구조를 혼합한 것으로 단어별 검색에 많이 사용된다.
4그물형 연결 구조는 단순하고, 개별적인 간결한 구조로 대(큰)주제 검색에 많이 활용된다.
문제 50
캠코더에서 얻은 동영상클립을 편집하여 결과물을 얻기에 적합한 소프트웨어가 아닌 것은?
1Premiere
2Movie Maker
3Vegas
4Media Player
정답 및 해설

Media Player 는 동영상을 재생하는 프로그램이므로 편집용 소프트웨어가 아니다.

캠코더 클립을 편집하려면 컷 편집·효과 기능을 갖춘 영상 편집 소프트웨어가 필요하다.

  • Premiere 는 대표적 영상 편집 소프트웨어다.
  • Movie Maker 는 영상 클립을 잘라 붙여 편집하는 소프트웨어다.
  • Vegas 는 영상·음향 편집 소프트웨어다.
문제 51
투명 효과를 줄 수 있는 파일 포맷끼리 짝지어진 것은?
1JPG, PNG
2PNG, GIF
3GIF, BMP
4PNG, TIFF
문제 52
다음 중 컬러모드에 대한 설명으로 잘못된 것은?
1RGB Color는 화면용 이미지, 홈페이지, CD-ROM 타이틀, 게임 등에 사용한다.
2Index Color는 색의 3속성인 색상, 채도, 명도를 바탕으로 색을 표현하는 방식이다.
3CMYK Color는 인쇄를 통해 제작되는 출판물에 사용한다.
4Gray scale은 흑백 이미지나 원고에 사용된다.
정답 및 해설

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

문제 53
다음 설명에 해당하는 것은?
1퍼펫 애니메이션
2클레이메이션
3로토스코핑 애니메이션
4실루엣 애니메이션
정답 및 해설

그림은 검은 종이나 두꺼운 종이를 오려 캐릭터와 배경을 만들고, 뒤에서 조명을 비춰 생긴 그림자를 흑백의 강한 대비로 촬영한다고 설명하므로 실루엣 애니메이션입니다.

나머지 기법은 그림자 대신 입체물이나 실사 필름을 직접 다룹니다.

  • 퍼펫 애니메이션: 관절이 있는 입체 인형을 조금씩 움직이며 촬영하는 기법입니다.
  • 클레이메이션: 점토로 만든 입체 캐릭터를 프레임 단위로 움직여 찍는 기법입니다.
  • 로토스코핑 애니메이션: 실사 촬영 필름 위에 그대로 따라 그려 동작을 만드는 기법입니다.
문제 54
웹에서 사용되는 타이포크래피의 특징에 대한 설명으로 옳지 않은 것은?
1타이포그래피는 문자의 모양과 배열을 의미하는 것으로 웹과 접목되면 다양한 표현이 가능해진다.
2웹에서는 서체 사용에 제한이 없다.
3웹의 타이포를 이용한 인터랙티브한 구성이 가능해 진다.
4웹의 타이포는 동적이다.
정답 및 해설

웹에서 서체 사용에 제한이 없다는 설명은 옳지 않다.

웹 문서의 글꼴은 보는 사람의 컴퓨터에 설치된 글꼴에 영향을 받는다.

  • 문자의 모양과 배열이라는 타이포그래피 정의는 맞다.
  • 인터랙티브한 구성은 웹과 결합해 가능해지는 특징이다.
  • 동적인 타이포는 움직임 효과를 줄 수 있는 웹의 특징이다.
문제 55
웹페이지 제작을 도와주는 위지위그(WYSIWYG)프로그램이 아닌 것은?
1프론트페이지(FrontPage)
2드림위버(Dreamweaver)
3나모(Namo Web Editor)
4피디에프(PDF : Portable Document Format)
정답 및 해설

PDF 는 문서 파일 형식이므로 WYSIWYG 웹페이지 제작 프로그램이 아니다.

WYSIWYG 프로그램은 화면에서 결과를 보며 웹페이지를 편집하는 도구다.

  • FrontPage 는 WYSIWYG 방식의 웹페이지 편집기다.
  • Dreamweaver 는 WYSIWYG 방식의 웹 저작 도구다.
  • Namo Web Editor 는 WYSIWYG 방식의 웹 편집기다.
문제 56
웹디자인 프로세스 중 Pre-Production 단계에 해당되지 않는 것은?
1이미지 제작
2디자인 계획 수립
3콘셉트 구상
4디자인 구체화
정답 및 해설

'이미지 제작'은 실제 그래픽 자산을 만드는 행위로, Production(실제 제작) 또는 그 이후 단계에 해당되므로 Pre-Production 범위를 벗어난다.

웹디자인의 Pre-Production 단계는 실제 제작 전 계획 및 설계 단계로, 디자인 방향과 전략을 수립하는 과정이며, 다음은 모두 Pre-Production에 포함된다.

  • '디자인 계획 수립': 프로젝트 목표·타겟·일정을 정하는 초기 기획 활동
  • '콘셉트 구상': 전체 디자인의 기본 개념을 구상하는 단계
  • '디자인 구체화': 와이어프레임이나 목업으로 레이아웃을 정의하는 설계 활동
문제 57
웹 사이트를 제작하기 위한 이미지 소스를 얻는 과정으로 적절하지 않은 것은?
1사이트의 콘셉트에 맞추어 디지털 카메라로 사진을 찍는다.
2타 사이트의 이미지를 복사하여 활용한다.
3적절한 이미지가 없으면 이미지 판매 사이트에서 구입할 수 있다.
4이미지 편집 프로그램을 사용하여 직접 이미지를 제작한다.
정답 및 해설

타 사이트의 이미지를 복사해 쓰는 것은 저작권 문제가 있어 적절하지 않다.

이미지 소스는 직접 확보하거나 사용 권한을 갖춘 것을 써야 한다.

  • 디지털 카메라 촬영은 직접 확보하는 정당한 방법이다.
  • 이미지 판매 사이트 구입은 사용 권한을 갖춘 정당한 방법이다.
  • 편집 프로그램으로 직접 제작은 콘셉트에 맞춰 만드는 정당한 방법이다.
문제 58
컴퓨터그래픽스 시스템에 사용되는 입력장치에 해당 되지 않는 것은?
1트랙볼(track ball)
2터치스크린(touch screen)
3라이트펜(light pen)
4빔 프로젝터(beam projector)
정답 및 해설

빔 프로젝터는 화면을 투사하는 출력장치이므로 입력장치가 아니다.

입력장치는 사용자의 위치·동작·데이터를 컴퓨터에 전달하는 장치다.

  • 트랙볼은 공을 굴려 커서를 움직이는 입력장치다.
  • 터치스크린은 화면 접촉으로 위치를 입력받는 입력장치다.
  • 라이트펜은 화면을 가리켜 위치를 입력하는 입력장치다.
문제 59
로고(Logo)를 제작하기에 적합한 소프트웨어는?
1Flash
23D MAX
3DreamWeaver
4Illustrator
정답 및 해설

로고 제작에는 벡터 그래픽 프로그램인 Illustrator 가 적합하다.

로고는 크기를 바꿔도 깨지지 않는 벡터 방식이 유리하다.

  • Flash 는 웹 애니메이션·인터랙티브 콘텐츠 제작이 주된 용도다.
  • 3D MAX 는 3차원 모델링·렌더링 프로그램이다.
  • DreamWeaver 는 웹페이지 편집 프로그램이다.
문제 60
웹사이트에서 효과적인 배너를 제작할 때 고려사항과 가장 거리가 먼 것은?
1위치가 상단일수록 광고 효과가 크다.
2가능한 밝고 선명한 색을 일관되게 활용한다.
3화려하게 파일 용량을 최대한 크게 할수록 좋다.
4움직임이 있는 경우가 고정형에 비해 클릭율이 높다.
정답 및 해설

파일 용량을 최대한 크게 하는 것은 배너 제작 시 고려할 사항이 아니다.

용량이 크면 로딩이 느려져 오히려 효과가 떨어진다.

  • 상단 배치가 광고 효과가 크다는 점은 배너 제작 시 고려 사항이다.
  • 밝고 선명한 색의 일관된 활용은 시선을 끄는 방법이다.
  • 움직임이 있는 배너가 고정형보다 클릭률이 높다는 점도 고려 사항이다.
웹디자인개발기능사 필기 기출문제모두CBT · moducbt.com
11년 4회차
총 60문항 · 객관식 · 정답·해설 포함
문제 1
눈이 부시지 않고 조도가 균일하며, 그림자가 없는 부드러운 침실이나 병실 등 휴식공간에 사용되는 조명방법은?
1전반확산조명
2간접조명
3직접조명
4반간접조명
문제 2
다음 중 빛의 혼합에 대한 결과로 맞는 것은?
1Green + Cyan = Black
2Green + Blue = Magenta
3Red + Green = Yellow
4Red + Blue = Cyan
정답 및 해설

빛의 혼합 결과로 맞는 것은 Red + Green = Yellow이다.

빛의 혼합은 가산혼합이라 섞을수록 밝아지며 빨강과 초록을 섞으면 노랑이 된다.

  • Green + Cyan 은 둘 다 초록 성분을 지닌 밝은 색이 되고, 가산혼합에서는 검정이 나오지 않는다.
  • Green + Blue 는 청록(Cyan)이 되며 마젠타가 아니다.
  • Red + Blue 는 마젠타가 되며 시안이 아니다.
문제 3
다음 형태(form) 중 반드시 수학적 법칙과 함께 생기며, 가장 뚜렷한 질서를 갖는 것은?
1유기적 형태
2기하학적 형태
3내부적 형태
4자연적 형태
문제 4
부분과 부분 또는 부분과 전체 사이 안정된 관련성을 지니며, 서로 함께 속해있는 것처럼 보이는 디자인의 원리는?
1비례
2조화
3균형
4강조
정답 및 해설

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

문제 5
다음 중 색채에 대한 설명으로 틀린 것은?
1색채는 물체의 지각을 수반하고, 심리적 성질을 갖는다.
2물체가 발광하지 않고 받아서 반사되는 색이다.
3색채의 분류는 무채색, 유채색, 중성색 3가지가 있다.
4우리가 일상생활에서 보는 색을 색채라고 한다.
정답 및 해설

색채 설명으로 틀린 것은 색채의 분류가 무채색·유채색·중성색 3가지라는 설명이다.

색채는 채도 유무에 따라 무채색과 유채색으로 나누며, 중성색은 따뜻하지도 차갑지도 않은 색을 뜻하는 온도감 쪽 개념이다.

  • 색채가 물체의 지각을 수반하고 심리적 성질을 갖는다는 설명은 맞다.
  • 발광하지 않고 빛을 받아 반사되는 색(물체색)이라는 설명도 맞다.
  • 일상생활에서 보는 색을 색채라고 한다는 설명도 맞다.
문제 6
다음 중 커뮤니케이션 디자인의 설명으로 틀린 것은?
1라틴어 ‘Communicare'를 어원으로 한다.
2두 개 이상의 개체가 기호를 매개로 무언가를 공유하는 것이다.
3운동과 시선을 중시하는 디자인이다.
4사람과 사람 사이에 기호에 의해서 의미를 전달하는 과정이다.
정답 및 해설

커뮤니케이션 디자인 설명으로 틀린 것은 운동과 시선을 중시하는 디자인이라는 설명이다.

커뮤니케이션은 기호를 매개로 의미를 전달하고 공유하는 과정이며, 운동과 시선이 핵심이 아니다.

  • 라틴어 Communicare 에서 유래했다는 설명은 맞다.
  • 둘 이상의 개체가 기호를 매개로 무언가를 공유한다는 설명은 맞다.
  • 사람과 사람 사이에 기호로 의미를 전달하는 과정이라는 설명은 맞다.
문제 7
먼셀의 색입체에 대한 설명으로 틀린 것은?
1색상, 명도, 채도의 3속성 2차원 좌표에서 색 감각으로 보는데 용이하다.
2CIE의 색표와 연관성이 용이하다.
3실제로 사용하고 있는 모든 물체색이 색입체에 포함되어 있다.
4모든 색상의 채도 위치가 달라 배색 체계를 응용하기 용이하다.
정답 및 해설

'모든 색상의 채도 위치가 달라 배색 체계를 응용하기 용이하다'는 모든 색상의 채도 위치가 일정하지 않다는 점이 문제다. 먼셀 색입체에서 같은 명도라도 색상에 따라 최대 채도가 달라지므로(예: 빨강은 채도가 높지만 노랑은 더 높고, 파랑은 더 낮음), 배색 체계 응용 시 일관성 있는 규칙 적용이 어렵다.

  • 3속성 좌표: 먼셀 색입체는 수직축이 명도(Value), 수평 반지름이 채도(Chroma), 각도가 색상(Hue)인 입체 좌표계로 구성되어 색 감각을 직관적으로 나타낸다(정확).
  • CIE 색표와의 연관성: CIE 표준색공간과의 상관관계 연구가 활발히 이루어졌으므로 연관성이 용이하다(정확).
  • 모든 물체색 포함: 실제 사용 가능한 모든 물체색이 이 색입체 범위 내에 포함되도록 설계되었다(정확).
문제 8
다음 중 디자인의 의미에 관한 설명으로 틀린 것은?
1디자인이란 일반적으로 하나의 그림 또는 모형으로써 그것을 전개시키는 계획 및 설계라고 할 수 있다.
2디자인 행위란 인간이 좀 더 사용하기 쉽고, 아름답고 쾌적한 생활환경을 창조하는 조형 행위를 말한다.
3프랑스어의 데생(dessin)과 같은 어원으로 르네상스시대 이후 오랫동안 데생과 같이 가벼운 의미로 사용되었다.
41940년대 당시 근대 사상에 입각하여 바우하우스에서 디자인 이념을 세우고 디자인(design)이라는 용어를 처음 사용하였다.
정답 및 해설

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

문제 9
바우하우스의 설립자이며, 근대 건축과 디자인 운동의 대표적 지도자는?
1모리스(MORRIS, WILLIAM)
2그로피우스(GROPIUS, WALTER)
3로위(ROWEY, RAYMOND)
4팹스너(PEVSNER, NIKOLAUS)
정답 및 해설

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

문제 10
시각적으로 안정감을 느끼게 하는 디자인의 원리는?
1균형
2불규칙
3변화
4비대칭
정답 및 해설

시각적으로 안정감을 느끼게 하는 디자인 원리는 균형이다.

균형은 시각적 무게가 고르게 배분된 상태로, 보는 사람에게 안정감을 준다.

  • 불규칙은 질서가 흐트러진 상태라 안정감보다 불안정하고 산만한 느낌을 준다.
  • 변화는 단조로움을 깨뜨려 생동감·자극을 주는 원리이며 안정감을 주는 원리가 아니다.
  • 비대칭은 동적이고 개성적인 느낌을 주는 구성으로, 정적인 안정감을 주는 것은 대칭 쪽이다.
문제 11
디자인의 원리에 대한 설명 중 옳지 않는 것은?
1통일은 조화로운 형, 색, 질감이 공통된 특징을 갖고 있다.
2대칭은 균형의 전형적인 구성형식이며 좌우대칭, 방사대칭이 있다.
3반복은 동일한 요소나 대상 등을 두 개 이상 나열시켜 율동감을 표현하는 것으로 시각적으로 힘의 강약효과가 있다.
4점이는 일정한 방향을 유지하나 크기와 형태가 다른 경우를 의미한다.
문제 12
디자인을 할 때 목적에 합당한 수단을 썼는지에 대한 디자인의 조건은?
1합목적성
2독창성
3심미성
4경제성
정답 및 해설

목적에 합당한 수단을 썼는지를 따지는 디자인 조건은 합목적성이다.

합목적성은 디자인이 목적·기능에 맞게 만들어졌는지를 판단하는 조건이다.

  • 독창성은 새롭고 창의적인가를 따지는 조건이다.
  • 심미성은 아름다움을 따지는 조건이다.
  • 경제성은 적은 비용으로 큰 효과를 내는지를 따지는 조건이다.
문제 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
디자인의 형식적 요소에 포함되지 않는 것은?
1형
2색
3질감
4용도
정답 및 해설

디자인의 형식적(시각) 요소에 포함되지 않는 것은 용도이다.

형식적 요소는 눈에 보이는 형·크기·색·질감이고 용도는 기능에 관한 내용이다.

  • 형은 시각 요소에 속한다.
  • 색은 시각 요소에 속한다.
  • 질감은 시각 요소에 속한다.
문제 19
다음이 설명하고 있는 색의 혼합은?
1감산 혼합
2가산 혼합
3병치 혼합
4중간 혼합
정답 및 해설

그림은 혼합된 색의 명도가 혼합 이전 평균보다 높아지는 혼합, 즉 플러스(Plus) 혼합을 설명하므로 가산 혼합입니다.

가산 혼합은 빛(RGB)의 혼합으로, 섞을수록 밝아지며 빨강·초록·파랑을 모두 섞으면 흰색이 됩니다.

  • 감산 혼합: 색료(CMY)의 혼합으로, 섞을수록 명도가 낮아지는 마이너스 혼합입니다.
  • 병치 혼합: 작은 색점이 나란히 놓여 눈에서 섞이는 현상으로, 명도가 두 색의 평균에 가깝게 보입니다.
  • 중간 혼합: 병치·회전 혼합처럼 혼합 결과 명도가 원래 색들의 평균 정도가 되는 혼합입니다.
문제 20
배색의 조건에 대한 설명으로 틀린 것은?
1사물의 용도나 기능에 부합되는 배색을 해야 한다.
2색이 주는 심리적 효과를 고려해야 한다.
3인간적인 요인으로 계획자의 개인적 특성에 맞추어 배색 한다.
4환경적 요인을 충분히 고려하여 배색 한다.
정답 및 해설

배색 조건 설명으로 틀린 것은 계획자의 개인적 특성에 맞추어 배색한다는 설명이다.

배색은 사용자와 목적을 기준으로 해야 하며 계획자 개인 취향에 맞추는 것은 조건이 아니다.

  • 사물의 용도·기능에 부합하게 배색해야 한다는 설명은 맞다.
  • 색이 주는 심리적 효과를 고려해야 한다는 설명은 맞다.
  • 환경적 요인을 충분히 고려해야 한다는 설명은 맞다.
문제 21
소스 코드가 HTML 문서 내에 포함되어 사용자의 브라우저에서 직접 번역되어 수행되는 것은?
1자바 애플리케이션
2자바 스크립트
3자바 시크리트
4자바 빈즈
문제 22
자바스크립트의 Document 객체에 포함되어 있는 객체가 아닌 것은?
1Anchor 객체
2Area 객체
3Link 객체
4Location 객체
정답 및 해설

Location 객체는 Document 객체의 하위 객체가 아니므로 정답이다.

자바스크립트 객체 계층에서 location 은 document·history 와 나란히 window 바로 아래에 놓이는 객체다.

  • Anchor 객체는 문서 안의 앵커(링크 대상)를 나타내는 document 하위 객체다.
  • Area 객체는 이미지맵의 영역을 나타내며 document 하위 객체로 분류된다.
  • Link 객체는 문서 안의 하이퍼링크를 나타내는 document 하위 객체다.
문제 23
HTML의 태그(tag)에 관한 설명으로 옳은 것은?
1태그는 시작 태그만 필요하다.
2태그의 이름은 대소문자를 구분하지 않는다.
3태그를 중첩하여 사용할 수 없다.
4여러 개의 공백 문자들은 각기 달리 인식된다.
정답 및 해설

HTML 태그 이름은 대소문자를 구분하지 않는다. 따라서 b 와 B 는 같은 태그로 처리된다.

HTML 은 태그 표기 규칙이 느슨한 마크업 언어이므로 대소문자 구별이 없다.

  • 시작 태그만 필요하다는 설명은 틀리다. 굵게 지정이나 표처럼 시작 태그와 끝 태그를 짝으로 쓰는 태그가 많다.
  • 중첩 사용 불가라는 설명은 틀리다. 굵은 글씨 안에 기울임을 넣는 식으로 중첩해 쓴다.
  • 공백이 각기 달리 인식된다는 설명은 틀리다. 연속된 공백은 브라우저가 하나로 합쳐 표시한다.
문제 24
다음 중 웹브라우저의 기능이 아닌 것은?
1웹페이지 저장 및 인쇄
2전자우편 및 뉴스그룹 이용
3텍스트, 이미지 및 멀티미디어 지원 기능
4인터넷 응용프로그램 제작 기능
정답 및 해설

웹 브라우저는 문서를 보는 프로그램이므로 인터넷 응용프로그램을 제작하는 기능은 브라우저의 기능이 아니다.

응용프로그램 제작은 별도의 편집기·개발 도구가 맡는 영역이다.

  • 웹페이지 저장·인쇄는 브라우저의 파일 메뉴로 제공되는 기본 기능이다.
  • 전자우편·뉴스그룹 이용은 브라우저가 다른 인터넷 서비스에도 접근하게 해 주는 기능에 해당한다.
  • 텍스트·이미지·멀티미디어 지원은 웹 문서를 화면에 표시하는 브라우저 본래의 기능이다.
문제 25
국제기구를 나타내는 최상위 도메인은?
1mil
2org
3net
4int
정답 및 해설

국제기구를 나타내는 최상위 도메인은 int 이다.

최상위 도메인은 조직의 성격이나 국가를 구분하는 접미어다.

  • mil 은 군사기관을 나타낸다.
  • org 는 비영리 기구·단체를 나타낸다.
  • net 은 네트워크 관련 기관·서비스를 나타낸다.
문제 26
다음 중 LAN이 물리적 통신망 구조가 아닌 것은?
1성(star)형
2버스(bus)형
3십자(cross)형
4링(ring)형
정답 및 해설

십자(cross)형은 LAN 의 물리적 통신망 구조에 속하지 않는다.

LAN 의 대표 토폴로지는 성형·버스형·링형·트리형 등이다.

  • 성(star)형은 중앙 장치에 각 노드를 연결하는 구조다.
  • 버스(bus)형은 하나의 공통 회선에 노드들을 연결하는 구조다.
  • 링(ring)형은 노드들을 원형으로 연결해 신호를 재생하며 넘기는 구조다.
문제 27
전자우편 서비스 헤더 중 숨은 참조자를 나타내는 것은?
1Rcc
2Bcc
3Bc
4Cc
정답 및 해설

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

문제 28
IP 주소는 숫자로 구성되어 있기 때문에 실제로 사용자가 이용하기에는 불편하다. 이를 대신하여 쉽게 기억할 수 있고, 이용하기 편리하도록 만든 것은?
1파일 이름
2도메인 이름
3주소 클래스
4패킷
정답 및 해설

IP 주소를 문자로 쉽게 기억하도록 만든 것이 도메인 이름이다.

DNS 가 문자로 된 도메인 이름을 숫자 IP 주소로 바꿔 준다.

  • 파일 이름은 저장된 파일을 구별하는 이름일 뿐 호스트 주소를 대신하지 않는다.
  • 주소 클래스는 IP 주소를 네트워크 규모에 따라 나눈 구분이며 여전히 숫자다.
  • 패킷은 네트워크로 전송되는 데이터 조각 단위다.
문제 29
Anonymous FTP 사이트를 대상으로 해서 원하는 파일의 위치를 알려 주는 인터넷 서비스는?
1Archie
2Whois
3Finger
4Veronica
정답 및 해설

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

문제 30
검색엔진과 그에 해당된 서비스가 틀리게 연결된 것은?
1야후 - 거기
2옥션 - 메일 및 메신저
3네이버 - 지식검색
4네이트 - 보는 검색 체험하기
문제 31
범위가 넓지 않은 일정 지역 내에서 다수의 컴퓨터나 OA기기 등을 속도가 빠른 통신선로로 연결하여 기기 간에 통신이 가능하도록 하는 근거리 통신망을 무엇이라 하는가?
1LAN
2MAN
3WAN
4VAN
정답 및 해설

일정 지역 안의 컴퓨터를 고속 선로로 연결한 망은 LAN 이다.

LAN 은 건물이나 구내 같은 좁은 범위를 대상으로 하는 근거리 통신망이다.

  • MAN 은 도시 규모의 중간 범위 통신망이다.
  • WAN 은 국가나 대륙을 잇는 광역 통신망이다.
  • VAN 은 통신 회선을 빌려 부가 서비스를 제공하는 부가가치 통신망이다.
문제 32
다음이 설명하고 있는 웹페이지 검색 엔진은?
1통합형 검색 방식
2웹 디렉터리 방식
3웹 인덱스 방식
4메타형 검색 방식
문제 33
웹 페이지 디자인 시 시각적 요소 중 색상 및 패턴에 관한 설명으로 가장 거리가 먼 것은?
1주변 상황과 대비되는 색채를 사용함으로써 특정 정보를 강조한다.
2서로 상이한 정보 간에는 동일한 색상을 사용하여 정보의 성격과 내용에 따라 체계적인 색채 계획을 적용한다.
3명도와 채도를 갖게 함으로써 다른 색상을 사용하더라도 상호 간에 조화를 이룰 수 있어야 한다.
4공간과 문화를 초월해 공통점을 갖는 색채의 상징성을 이용하여 전달력을 상승시킬 수 있다.
정답 및 해설

서로 상이한 정보에 동일한 색상을 쓰는 것은 부적절하다.

색상은 정보 성격에 따라 구분해 써야 체계적인 색채 계획이 된다.

  • 대비되는 색채로 강조하는 것은 특정 정보를 눈에 띄게 하는 일반적 방법이다.
  • 명도·채도를 맞춰 조화를 이루는 것은 다른 색상이어도 통일감을 주는 방법이다.
  • 색채의 상징성(빨강 = 위험·정지 등)을 활용하면 정보 전달력을 높일 수 있다는 설명은 웹 색채 계획의 일반 원칙에 맞다.
문제 34
인터넷상에 산재해 있는 제반 정보를 미리 수집하고 이를 체계적으로 저장한 후, 사용자가 원하는 정보를 수시로 찾을 수 있도록 해주는 일종의 데이터베이스 관리시스템을 무엇이라 하는가?
1웹브라우저
2메일링리스트
3무료계정
4검색엔진
정답 및 해설

미리 수집·저장한 정보를 찾게 해 주는 데이터베이스 관리 시스템은 검색엔진이다.

검색엔진은 웹상의 정보를 수집해 색인을 만들어 두고 검색어로 찾게 한다.

  • 웹브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이다.
  • 메일링리스트는 이메일로 같은 내용을 여러 사람에게 보내는 서비스다.
  • 무료계정은 무료로 제공되는 호스팅·메일 등의 이용 권한이다.
문제 35
인터넷상의 WWW(월드와이드웹) 콘텐츠를 작성하도록 해주는 언어는?
1IP
2HTTP
3HTML
4URL
정답 및 해설

웹 콘텐츠를 작성하는 언어는 HTML 이다.

HTML 은 태그로 문서의 구조와 표현을 기술하는 마크업 언어다.

  • IP 는 인터넷에서 호스트를 식별하는 주소 체계다.
  • HTTP 는 웹 문서를 주고받는 전송 프로토콜이다.
  • URL 은 인터넷 자원의 위치를 나타내는 표기다.
문제 36
다음 중 자바스크립트의 변수에 대한 설명으로 틀린 것은?
1데이터의 형을 구분하여 선언하여야 한다.
2변수명의 첫 문자는 영문자 또는 _로 시작한다.
3변수명은 영문자의 대문자와 소문자를 구분한다.
4예약어는 변수명으로 사용할 수 없다.
정답 및 해설

자바스크립트는 데이터 형을 구분해 선언하지 않는 언어이므로 해당 설명이 틀렸다.

변수는 var 로 선언하고 값에 따라 형이 정해지는 느슨한 형(loosely typed) 체계다.

  • 첫 문자를 영문자 또는 밑줄로 시작한다는 설명은 변수명 규칙에 맞다.
  • 대소문자 구분은 자바스크립트의 규칙이므로 옳다.
  • 예약어 사용 불가는 문법상 예약어가 변수명이 될 수 없으므로 옳다.
문제 37
인터넷 익스플로러 6.0 인터넷 옵션의 “내용 관리자”부분에 대한 설명으로 옳지 않은 것은?
1인증서 : 범주에 따른 등급을 조정할 수 있으며 그 등급에 해당하는 홈페이지로 이동할 수 있도록 추가 정보를 제공한다.
2승인된 사이트 : 등급 지정에 관계없이 항상 볼 수 있거나 볼 수 없는 사이트를 지정할 수 있다.
3일반 : 사용자 옵션과 감독자 암호를 지정할 수 있는 곳으로, 기본적으로 사용자가 제한된 내용만 보도록 표시되어 있다.
4고급 : 사용자가 다른 등급 시스템을 적용하려고 할 때 이용된다.
정답 및 해설

IE 6.0의 "내용 관리자" 기능에서 인증서는 웹사이트의 신원 확인과 보안을 위한 디지털 인증서를 관리하는 항목이며, 범주별 등급 조정이나 등급에 따른 홈페이지 접근 제어 기능을 제공하지 않는다. 따라서 인증서에 대한 설명이 내용 관리자 기능에 대한 정확한 설명이 아니다.

  • 승인된 사이트는 특정 사이트를 허용 또는 차단 목록에 추가하여 등급과 무관하게 항상 접근 가능하거나 불가능하게 설정할 수 있다.
  • 일반은 감독자 암호와 콘텐츠 필터링 옵션을 관리하는 부분이다.
  • 고급은 PICS(Platform for Internet Content Selection) 등 다른 등급 시스템을 추가로 적용할 때 사용된다.
문제 38
HTML의 문단 구성과 관련된 Tag와 그 용도에 대한 설명으로 옳지 않은 것은?
1<BR> : 줄을 바꿀 때 사용한다.
2<P> : 문단을 바꿀 때 사용한다.
3<MID>...</MID> : 태그 사이에 있는 문단을 가운데로 정렬할 때 사용한다.
4<DIV>...</DIV> : 문서를 구분하여 문단별로 정렬할 때 사용한다.
정답 및 해설

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

문제 39
자바스크립트의 장점으로 볼 수 없는 것은?
1컴파일 과정을 거치지 않기 때문에 신속한 개발을 할 수 있다.
2웹상에서 인터렉티브한 웹페이지를 만드는데 많이 사용된다.
3어떤 운영체제와 하드웨어에서도 작동하는 이식성이 높은 언어이다.
4자바스크립트를 이용한 응용 프로그램은 브라우저가 제한하는 기능적 한계를 벗어날 수 있다.
정답 및 해설

자바스크립트 응용이 브라우저의 기능 한계를 벗어난다는 말은 장점이 아니다.

자바스크립트는 브라우저가 해석·실행하므로 브라우저가 허용하는 범위 안에서만 동작한다.

  • 컴파일 불필요는 인터프리터 방식이라 곧바로 실행해 볼 수 있어 신속한 개발에 유리하다.
  • 인터랙티브한 웹페이지 제작은 자바스크립트의 대표적 용도다.
  • 높은 이식성은 브라우저만 있으면 운영체제와 무관하게 실행되는 장점이다.
문제 40
웹페이지의 외형을 제어하기 위한 언어인 스타일시트(Style Sheet)에 대한 설명 중 적합하지 않은 것은?
1하나의 문서만 수정해도 한꺼번에 여러 페이지의 외형과 형식을 수정할 수 있다.
2스타일시트에서 글꼴, 색상, 크기, 정렬 방식 등을 미리 지정하여 필요한 곳에 적용할 수 있다.
3같은 스타일시트를 사용하는 문서에는 문서들의 일관성을 쉽게 유지할 수 있다.
4웹페이지의 레이아웃 편집을 강화하여 브라우저나 플랫폼의 종류에 많은 제한이 따른다.
정답 및 해설

스타일시트가 브라우저·플랫폼에 많은 제한을 준다는 설명은 적합하지 않다.

스타일시트는 외형을 문서와 분리해 관리하는 표준 방식이다.

  • 한 문서 수정으로 여러 페이지 변경이 가능한 것은 외부 스타일시트의 장점이다.
  • 글꼴·색상·크기·정렬 사전 지정은 스타일시트의 기본 기능이다.
  • 문서 일관성 유지는 같은 스타일시트를 공유하면 쉬워진다.
문제 41
애니메이션에서 사용되는 정지화면 하나하나를 무엇이라 하는가?
1Frame
2Key Frame
3Tweening
4Onion Skin
정답 및 해설

애니메이션의 정지화면 한 장 한 장은 Frame 이다.

프레임을 연속으로 재생하면 움직임으로 보인다.

  • Key Frame 은 움직임에서 변화가 생기는 핵심 프레임이다.
  • Tweening 은 시작·끝 키 프레임 사이 중간 프레임을 자동 생성하는 기법이다.
  • Onion Skin 은 앞뒤 프레임을 반투명하게 겹쳐 보여 주는 편집 보조 기능이다.
문제 42
웹(Web)상에서 애니메이션 사용을 저해하는 요소가 아닌 것은?
1데이터 스트리밍
2대역폭의 한계
3브라우저가 지원하지 못하는 낮은 사양의 컴퓨터
4인터넷의 비동기성
정답 및 해설

데이터 스트리밍은 애니메이션 사용을 저해하는 요소가 아니다.

스트리밍은 전체 내려받기를 마치기 전에 재생을 시작하게 해 주는 기술이다.

  • 대역폭의 한계는 용량이 큰 애니메이션 전송을 느리게 만드는 저해 요소다.
  • 저사양 컴퓨터는 브라우저가 애니메이션을 지원하지 못해 저해 요소가 된다.
  • 인터넷의 비동기성은 패킷 도착 시점이 일정하지 않아 연속 재생이 끊길 수 있게 만드는 저해 요소다.
문제 43
비트맵이미지에서 사용되는 픽셀(Pixel)에 대한 설명으로 옳지 않은 것은?
1디지털 이미지의 기본단위이다.
2이미지는 여러 개의 픽셀들로 구성된다.
3픽셀들은 프레임버퍼(frame buffer)에 저장된다.
4픽셀 하나의 크기는 0.3514mm이다.
정답 및 해설

픽셀 하나가 고정된 크기를 갖는다는 설명은 옳지 않다.

픽셀은 화소 단위일 뿐이며 실제 길이는 해상도와 장치에 따라 달라진다.

  • 디지털 이미지의 기본단위라는 설명은 맞다.
  • 여러 픽셀로 이미지 구성은 비트맵 이미지의 정의에 해당한다.
  • 프레임버퍼 저장은 화면에 표시할 픽셀 값을 보관하는 방식으로 옳다.
문제 44
플래시와 관련된 파일 확장자가 아닌 것은?
1.fla
2.swf
3.spa
4.pdf
문제 45
웹 디자인에 대한 설명 중 옳지 않은 것은?
1레이아웃(Lay-Out) 설계가 매우 중요하다.
2사용자 인터페이스(Interface)를 고려해야 한다.
3Text 중심의 디자인이 시각적 효과를 높여 준다.
4멀티미디어 요소는 정보 전달의 효과를 극대화하기도 한다.
정답 및 해설

웹 디자인에서 Text 중심 디자인이 시각적 효과를 높인다는 설명은 옳지 않다.

웹은 이미지·색상·멀티미디어를 함께 활용해 시각 효과를 얻는다.

  • 레이아웃 설계는 화면 구성의 기초이므로 중요하다는 설명은 옳다.
  • 사용자 인터페이스는 이용 편의를 위해 고려해야 한다.
  • 멀티미디어 요소는 정보 전달 효과를 높일 수 있다.
문제 46
다음 중 HTML에 대한 설명으로 옳지 않은 것은?
1HTML언어는 W3C를 기반으로 한다.
2HTML은 Hyper Text Marking Language의 약자이다.
3확장자는 html 또는 htm 이다.
4HTML은 태그(Tag)로 구성되어 있다.
정답 및 해설

HTML 은 HyperText Markup Language 의 약자이므로 Marking 이라 쓴 설명이 옳지 않다.

HTML 은 태그로 문서를 표시(Markup)하는 언어다.

  • W3C 기반이라는 설명은 W3C 가 표준을 제정한다는 점에서 맞다.
  • 확장자 html 또는 htm 은 HTML 문서의 파일 확장자로 맞다.
  • 태그로 구성된다는 설명은 HTML 의 기본 구조로 맞다.
문제 47
컴퓨터 그래픽스(Computer Graphics)에 대한 정의로 틀린 것은?
1컴퓨터의 하드웨어와 소프트웨어를 이용하여 도형, 그림, 사진 이미지 등의 시각적 이미지를 만들어 내고 디지털화(Digitalize) 시키는 것이다.
2컴퓨터 그래픽스는 크게 2D 그래픽스와 3D 그래픽스로 나눌 수 있다.
3활용 범위가 매우 넓으며, 특히 영화나 영상물 등 의 멀티미디어 분야에서 가장 효과적으로 활용되고 있다.
4전통적인 회화 방식을 응용하여 결과물을 디지털화 시킨 것은 제외한다.
정답 및 해설

전통 회화 방식을 응용해 디지털화한 결과물도 컴퓨터 그래픽스에 포함되므로 제외한다는 설명이 틀렸다.

컴퓨터 그래픽스는 컴퓨터로 시각적 이미지를 만들고 디지털화하는 모든 분야를 가리킨다.

  • 시각적 이미지 제작·디지털화 정의는 컴퓨터 그래픽스의 개념에 맞다.
  • 2D·3D 구분은 컴퓨터 그래픽스의 일반적 분류다.
  • 영화·영상물 활용은 컴퓨터 그래픽스의 대표적 활용 분야를 든 설명으로, 정의 자체에 어긋나는 내용이 아니다.
문제 48
축소형으로 입체 모델을 만들고 여기에 다른 기법을 병합하여 환상적인 장면을 만드는 애니메이션 특수 효과는?
1모핑 효과
2로토스코핑 효과
3미니어처 효과
4페인팅 효과
문제 49
웹의 구조적 측면에서 제작된 웹 사이트의 전형적인 웹 탐색구조 설명이 잘못된 것은?
1선형적 구조는 하나의 홈페이지에서 다음 홈페이지로 또 다음 홈페이지로 연결된 구조로 주제별 검색에 많이 사용된다.
2계층적 구조는 하나의 홈페이지가 있고 그 홈페이지의 메인(Main)에 다양한 메뉴가 있어 주제어 검색에 많이 활용 된다.
3복합적 구조는 선형적 구조와 계층적 구조를 혼합한 것으로 단어별 검색에 많이 사용된다.
4그물형 연결 구조는 단순하고, 개별적인 간결한 구조로 대(큰)주제 검색에 많이 활용된다.
문제 50
캠코더에서 얻은 동영상클립을 편집하여 결과물을 얻기에 적합한 소프트웨어가 아닌 것은?
1Premiere
2Movie Maker
3Vegas
4Media Player
정답 및 해설

Media Player 는 동영상을 재생하는 프로그램이므로 편집용 소프트웨어가 아니다.

캠코더 클립을 편집하려면 컷 편집·효과 기능을 갖춘 영상 편집 소프트웨어가 필요하다.

  • Premiere 는 대표적 영상 편집 소프트웨어다.
  • Movie Maker 는 영상 클립을 잘라 붙여 편집하는 소프트웨어다.
  • Vegas 는 영상·음향 편집 소프트웨어다.
문제 51
투명 효과를 줄 수 있는 파일 포맷끼리 짝지어진 것은?
1JPG, PNG
2PNG, GIF
3GIF, BMP
4PNG, TIFF
문제 52
다음 중 컬러모드에 대한 설명으로 잘못된 것은?
1RGB Color는 화면용 이미지, 홈페이지, CD-ROM 타이틀, 게임 등에 사용한다.
2Index Color는 색의 3속성인 색상, 채도, 명도를 바탕으로 색을 표현하는 방식이다.
3CMYK Color는 인쇄를 통해 제작되는 출판물에 사용한다.
4Gray scale은 흑백 이미지나 원고에 사용된다.
정답 및 해설

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

문제 53
다음 설명에 해당하는 것은?
1퍼펫 애니메이션
2클레이메이션
3로토스코핑 애니메이션
4실루엣 애니메이션
정답 및 해설

그림은 검은 종이나 두꺼운 종이를 오려 캐릭터와 배경을 만들고, 뒤에서 조명을 비춰 생긴 그림자를 흑백의 강한 대비로 촬영한다고 설명하므로 실루엣 애니메이션입니다.

나머지 기법은 그림자 대신 입체물이나 실사 필름을 직접 다룹니다.

  • 퍼펫 애니메이션: 관절이 있는 입체 인형을 조금씩 움직이며 촬영하는 기법입니다.
  • 클레이메이션: 점토로 만든 입체 캐릭터를 프레임 단위로 움직여 찍는 기법입니다.
  • 로토스코핑 애니메이션: 실사 촬영 필름 위에 그대로 따라 그려 동작을 만드는 기법입니다.
문제 54
웹에서 사용되는 타이포크래피의 특징에 대한 설명으로 옳지 않은 것은?
1타이포그래피는 문자의 모양과 배열을 의미하는 것으로 웹과 접목되면 다양한 표현이 가능해진다.
2웹에서는 서체 사용에 제한이 없다.
3웹의 타이포를 이용한 인터랙티브한 구성이 가능해 진다.
4웹의 타이포는 동적이다.
정답 및 해설

웹에서 서체 사용에 제한이 없다는 설명은 옳지 않다.

웹 문서의 글꼴은 보는 사람의 컴퓨터에 설치된 글꼴에 영향을 받는다.

  • 문자의 모양과 배열이라는 타이포그래피 정의는 맞다.
  • 인터랙티브한 구성은 웹과 결합해 가능해지는 특징이다.
  • 동적인 타이포는 움직임 효과를 줄 수 있는 웹의 특징이다.
문제 55
웹페이지 제작을 도와주는 위지위그(WYSIWYG)프로그램이 아닌 것은?
1프론트페이지(FrontPage)
2드림위버(Dreamweaver)
3나모(Namo Web Editor)
4피디에프(PDF : Portable Document Format)
정답 및 해설

PDF 는 문서 파일 형식이므로 WYSIWYG 웹페이지 제작 프로그램이 아니다.

WYSIWYG 프로그램은 화면에서 결과를 보며 웹페이지를 편집하는 도구다.

  • FrontPage 는 WYSIWYG 방식의 웹페이지 편집기다.
  • Dreamweaver 는 WYSIWYG 방식의 웹 저작 도구다.
  • Namo Web Editor 는 WYSIWYG 방식의 웹 편집기다.
문제 56
웹디자인 프로세스 중 Pre-Production 단계에 해당되지 않는 것은?
1이미지 제작
2디자인 계획 수립
3콘셉트 구상
4디자인 구체화
정답 및 해설

'이미지 제작'은 실제 그래픽 자산을 만드는 행위로, Production(실제 제작) 또는 그 이후 단계에 해당되므로 Pre-Production 범위를 벗어난다.

웹디자인의 Pre-Production 단계는 실제 제작 전 계획 및 설계 단계로, 디자인 방향과 전략을 수립하는 과정이며, 다음은 모두 Pre-Production에 포함된다.

  • '디자인 계획 수립': 프로젝트 목표·타겟·일정을 정하는 초기 기획 활동
  • '콘셉트 구상': 전체 디자인의 기본 개념을 구상하는 단계
  • '디자인 구체화': 와이어프레임이나 목업으로 레이아웃을 정의하는 설계 활동
문제 57
웹 사이트를 제작하기 위한 이미지 소스를 얻는 과정으로 적절하지 않은 것은?
1사이트의 콘셉트에 맞추어 디지털 카메라로 사진을 찍는다.
2타 사이트의 이미지를 복사하여 활용한다.
3적절한 이미지가 없으면 이미지 판매 사이트에서 구입할 수 있다.
4이미지 편집 프로그램을 사용하여 직접 이미지를 제작한다.
정답 및 해설

타 사이트의 이미지를 복사해 쓰는 것은 저작권 문제가 있어 적절하지 않다.

이미지 소스는 직접 확보하거나 사용 권한을 갖춘 것을 써야 한다.

  • 디지털 카메라 촬영은 직접 확보하는 정당한 방법이다.
  • 이미지 판매 사이트 구입은 사용 권한을 갖춘 정당한 방법이다.
  • 편집 프로그램으로 직접 제작은 콘셉트에 맞춰 만드는 정당한 방법이다.
문제 58
컴퓨터그래픽스 시스템에 사용되는 입력장치에 해당 되지 않는 것은?
1트랙볼(track ball)
2터치스크린(touch screen)
3라이트펜(light pen)
4빔 프로젝터(beam projector)
정답 및 해설

빔 프로젝터는 화면을 투사하는 출력장치이므로 입력장치가 아니다.

입력장치는 사용자의 위치·동작·데이터를 컴퓨터에 전달하는 장치다.

  • 트랙볼은 공을 굴려 커서를 움직이는 입력장치다.
  • 터치스크린은 화면 접촉으로 위치를 입력받는 입력장치다.
  • 라이트펜은 화면을 가리켜 위치를 입력하는 입력장치다.
문제 59
로고(Logo)를 제작하기에 적합한 소프트웨어는?
1Flash
23D MAX
3DreamWeaver
4Illustrator
정답 및 해설

로고 제작에는 벡터 그래픽 프로그램인 Illustrator 가 적합하다.

로고는 크기를 바꿔도 깨지지 않는 벡터 방식이 유리하다.

  • Flash 는 웹 애니메이션·인터랙티브 콘텐츠 제작이 주된 용도다.
  • 3D MAX 는 3차원 모델링·렌더링 프로그램이다.
  • DreamWeaver 는 웹페이지 편집 프로그램이다.
문제 60
웹사이트에서 효과적인 배너를 제작할 때 고려사항과 가장 거리가 먼 것은?
1위치가 상단일수록 광고 효과가 크다.
2가능한 밝고 선명한 색을 일관되게 활용한다.
3화려하게 파일 용량을 최대한 크게 할수록 좋다.
4움직임이 있는 경우가 고정형에 비해 클릭율이 높다.
정답 및 해설

파일 용량을 최대한 크게 하는 것은 배너 제작 시 고려할 사항이 아니다.

용량이 크면 로딩이 느려져 오히려 효과가 떨어진다.

  • 상단 배치가 광고 효과가 크다는 점은 배너 제작 시 고려 사항이다.
  • 밝고 선명한 색의 일관된 활용은 시선을 끄는 방법이다.
  • 움직임이 있는 배너가 고정형보다 클릭률이 높다는 점도 고려 사항이다.