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

06년 1회차

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

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

06년 1회차

총 60문항 · 객관식 · 정답·해설 포함
문제 1
웹에 사용할 이미지에 대한 설명으로 옳은 것은?
1이미지는 최대한 고해상도의 이미지를 사용한다.
2이미지의 기본단위는 cm이다.
3이미지는 CMYK 모드를 사용한다.
4주로 JPG, GIF 포맷의 이미지를 사용한다.
정답 및 해설

웹 이미지에 대한 옳은 설명은 JPG, GIF 포맷을 주로 쓴다는 것이다.

웹에서는 용량이 작고 브라우저가 널리 지원하는 JPG·GIF 형식을 많이 쓴다.

  • 최대한 고해상도 이미지는 용량이 커져 전송이 느려지므로 알맞지 않다.
  • 이미지의 기본 단위는 cm 가 아니라 픽셀이다.
  • 웹 화면은 빛으로 표현하므로 CMYK 대신 RGB 모드를 쓰며, 구버전 브라우저는 CMYK JPEG 를 표시하지 못한다.
문제 2
색상 · 명도 · 면적의 차가 분명한 배색이 조화를 이룬다는 색채조화의 원리는?
1질서의 원리
2친근성의 원리
3유사성의 원리
4명료성의 원리
정답 및 해설

색상·명도·면적의 차가 분명한 배색이 조화롭다는 원리는 명료성의 원리이다.

저드의 색채 조화 원리 중 모호하지 않고 대비가 분명한 배색을 조화롭다고 보는 원리이다.

  • 질서의 원리는 규칙적으로 선택된 색들이 조화를 이룬다는 원리이다.
  • 친근성의 원리는 눈에 익숙한 배색이 조화를 이룬다는 원리이다.
  • 유사성의 원리는 공통되는 속성을 가진 색끼리 조화를 이룬다는 원리이다.
문제 3
1910년에서 1934년 사이에 러시아(소련)에서 일어난 조형운동이자 사회운동은?
1기능주의
2구성주의
3역사주의
4미래주의
정답 및 해설

1910~1934년 러시아에서 일어난 조형·사회운동은 구성주의이다.

구성주의는 러시아 혁명기에 기하학적 구성과 산업 재료를 사회 변혁과 연결한 운동이다.

  • 기능주의는 형태가 기능을 따라야 한다는 디자인 사조이다.
  • 역사주의는 과거 양식을 되살려 쓰는 경향이다.
  • 미래주의는 1909년 이탈리아에서 시작되어 속도·기계를 찬미한 예술 운동으로, 혁명기 러시아에서 사회운동으로 전개된 조형운동은 구성주의이다.
문제 4
다음의 디자인 용어 중 풀이가 잘못된 것은?
12차원의 화면이나 형식 위에, 3차원의 공간에 존재하는 형(形)이나 형태(形態)를 표시하는 것을 투시(perspective)라 한다.
2장소나 위치 또는 방위가 변화되는 과정이나 움직임을 시차(parallax)라고 한다.
3점진적 변화, 규칙적 단계에 의해 진행되는 변화과정을 그라데이션(gradation)이라고 한다.
4시각적 영역 안에서 어떤 형이나 형태가 다른 형이나 형태를 부분적으로 덮어 감추어지는 현상을 중첩(overlap)이라 한다.
정답 및 해설

풀이가 잘못된 것은 시차(parallax)를 장소·위치·방위가 변화되는 과정이나 움직임이라고 한 설명이다.

시차는 관찰하는 위치가 달라질 때 같은 대상의 위치나 방향이 다르게 보이는 차이를 뜻하며, 위치가 변하는 과정이나 움직임 자체를 가리키지 않는다.

  • 투시(perspective)는 3차원 공간의 형이나 형태를 2차원 화면 위에 표시하는 것으로 맞는 풀이이다.
  • 그라데이션(gradation)은 점진적·규칙적 단계로 진행되는 변화 과정으로 맞는 풀이이다.
  • 중첩(overlap)은 한 형이 다른 형을 부분적으로 덮어 가리는 현상으로 맞는 풀이이다.
문제 5
서로 다르고 관련이 없어 보이는 요소를 합친다는 의미로 보는 관점을 완전히 다르게 하여 연상되는 점과 관련성을 찾아내어 아이디어를 발상시키는 방법은?
1브레인스토밍(Brain storming)법
2연상결합(Image association)법
3입출력(input - output)법
4시넥틱스(Synectics)법
문제 6
인접하는 두 색의 경계 부분에 색상, 명도, 채도의 대비가 더욱 강하게 일어나는 현상을 무엇이라 하는가?
1면적대비
2보색대비
3한난대비
4연변대비
정답 및 해설

인접한 두 색의 경계에서 대비가 강해지는 현상은 연변대비이다.

색이 맞닿는 가장자리에서 서로의 차이가 더 뚜렷해 보이는 현상이다.

  • 면적대비는 면적 크기에 따라 색이 다르게 보이는 현상이다.
  • 보색대비는 보색끼리 나란히 놓았을 때 서로 더 선명해 보이는 현상이다.
  • 한난대비는 한색과 난색의 온도감 차이에서 생기는 대비이다.
문제 7
신문광고의 구성요소 중 조형적 요소가 아닌 것은?
1헤드라인
2일러스트레이션
3심볼마크
4보더라인
정답 및 해설

조형적 요소가 아닌 것은 헤드라인이다.

신문광고 구성요소 중 헤드라인과 카피는 언어적 요소이다.

  • 일러스트레이션은 그림으로 표현하는 조형적 요소이다.
  • 심볼마크는 상징 도형으로 조형적 요소이다.
  • 보더라인은 테두리 선으로 조형적 요소이다.
문제 8
디자인의 조건 중에서 합목적성에 대한 설명으로 가장 올바른 것은?
1화려한 집이 살기에 편리하다.
2주로 장식이 많은 의자가 앉기에 편리하다.
3의자를 디자인할 때는 앉을 사람의 몸의 치수, 체중을 고려해야 한다.
4아름다운 구두가 신기에 편하다.
정답 및 해설

합목적성에 대한 올바른 설명은 앉을 사람의 몸 치수와 체중을 고려해 의자를 디자인한다는 것이다.

합목적성은 사용 목적과 기능에 알맞은 디자인이라는 뜻으로, 사용자 조건에 맞추는 것이 이에 해당한다.

  • 화려한 집이 편리하다는 말은 화려함과 사용 편의의 관계를 단정하는 것이어서 기능 적합성의 설명이 아니다.
  • 장식이 많은 의자는 장식 중심이라 앉기 편리하다는 근거가 되지 않는다.
  • 아름다운 구두는 심미성에 대한 설명이며 신기에 편한 것은 별개이다.
문제 9
해질 무렵 정원을 바라보면 어두워짐에 따라 꽃의 빨간색은 거무스레해지고, 그것에 비해 나뭇잎의 녹색은 점차 뚜렷해짐을 볼 수 있다. 이것과 관련된 현상을 무엇이라고 하는가?
1지각 항상성
2푸르킨예 현상
3착시 현상
4게슈탈트의 시지각 원리
정답 및 해설

어두워질 때 빨강은 거무스레해지고 녹색은 뚜렷해지는 현상은 푸르킨예 현상이다.

밝은 곳에서는 추상체가, 어두운 곳에서는 간상체가 작용해 시감도가 파장이 짧은 쪽으로 이동하기 때문에 생긴다.

  • 지각 항상성은 조건이 바뀌어도 색·크기·형태를 같게 지각하는 현상이다.
  • 착시 현상은 실제와 다르게 보이는 현상이다.
  • 게슈탈트의 시지각 원리는 요소를 하나로 묶어 지각하는 법칙이다.
문제 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디자인이라는 말은 라틴어인 데시그나레(Designare)에서 유래되었다.
2디자인이란 하나의 그림 또는 모형으로서 그것을 전개시키는 계획 및 설계이다.
3오늘날과 근접한 디자인의 의미는 미술공예운동을 통해서이다.
4프랑스어 데생(dessin)과도 어원을 같이 하고 있다.
문제 16
색의 3속성에 따른 색공간을 정량적으로 취급하기 위해서 “오메가 공간”이라는 색입체를 설정하여 색채조화를 주장한 사람은?
1셰브럴
2비렌
3레오나르도 다빈치
4문 · 스펜서
정답 및 해설

오메가 공간이라는 색입체로 색채 조화를 주장한 사람은 문·스펜서이다.

문·스펜서는 색 사이의 기하학적 관계와 면적을 바탕으로 조화를 설명했다.

  • 셰브럴(슈브뢸)은 동시대비와 유사·대비 조화를 주장했다.
  • 비렌은 순색·흰색·검정으로 이루어진 색삼각형을 제시했다.
  • 레오나르도 다빈치는 르네상스 시기의 화가·과학자이다.
문제 17
다음의 그림처럼 일부분이 끊어진 상태인데도 불구하고 문자로 인식되는 것은 어떤 원리 때문인가?
1대치성
2유사성
3폐쇄성
4연속성
문제 18
게슈탈트(Gestalt)의 형태에 관한 시각 기본 법칙에 해당되지 않는 것은?
1통일성
2근접성
3유사성
4연속성
정답 및 해설

게슈탈트의 시각 기본 법칙이 아닌 것은 통일성이다.

통일성은 디자인 원리(통일과 변화)에 속한다.

  • 근접성은 가까이 놓인 것끼리 묶어 보는 법칙이다.
  • 유사성은 닮은 것끼리 묶어 보는 법칙이다.
  • 연속성은 이어진 방향으로 연결해 보는 법칙이다.
문제 19
색의 속성 중 사람의 눈이 가장 예민하게 반응하는 것은?
1명도
2채도
3대비
4색상
정답 및 해설

색의 속성 중 사람의 눈이 가장 예민하게 반응하는 것은 명도이다.

밝기 차이는 색상·채도 차이보다 먼저, 그리고 뚜렷하게 지각되며, 3속성 가운데 눈이 가장 둔하게 반응하는 것은 채도이다.

  • 채도는 색의 맑고 탁한 정도로, 3속성 중 눈의 민감도가 가장 낮다.
  • 대비는 두 색이 서로 영향을 주어 다르게 보이는 현상으로, 색의 3속성에 속하지 않는다.
  • 색상은 빨강·노랑·파랑처럼 색을 구별하는 속성으로, 명도 차이만큼 예민하게 지각되지 않는다.
문제 20
두 개 이상의 요소 사이에서 부분과 부분 또는 전체 사이에 시각상 힘의 안정을 주면 안정감과 명쾌한 감정을 느끼게 하는 디자인 원리는?
1균형
2조화
3비례
4율동
정답 및 해설

두 개 이상의 요소 사이에서 부분과 부분 또는 전체 사이에 시각상 힘의 안정을 주는 디자인 원리는 균형(Balance)이다. 균형은 시각적 무게감의 배치를 통해 안정감과 명쾌한 감정을 조성하는 기본 원리이며, 대칭균형, 비대칭균형, 방사균형 등의 형태로 나타난다. 조화는 요소들의 어울림, 비례는 부분 간 크기 관계, 율동은 반복을 통한 움직임을 다루므로 정의와 맞지 않는다.

문제 21
웹 브라우저의 주소창에 URL을 잘못 입력한 것은?
1www.abc.or.kr
2webmail://abc123@abc.co.kr
3ftp://ftp.abc.com
4file:///Cabc.hwp
정답 및 해설

주소창에 잘못 입력한 URL은 webmail://abc123@abc.co.kr이다.

URL은 프로토콜(스킴)://호스트/경로 형식으로 쓰며, 스킴 자리에는 http·https·ftp·file처럼 정해진 프로토콜 이름이 와야 한다. webmail이라는 프로토콜은 없으므로 브라우저가 이 주소를 해석하지 못한다.

  • www.abc.or.kr는 스킴을 생략한 형태로, 웹 브라우저가 http://를 자동으로 붙여 접속한다.
  • ftp://ftp.abc.com은 FTP 프로토콜로 파일 서버에 접속하는 올바른 형식이다.
  • file:///로 시작하는 주소는 자기 컴퓨터의 파일을 여는 올바른 스킴이다.
문제 22
웹(Web) 검색 방식이 아닌 것은?
1웹 인텍스 방식
2웹 디렉토리 방식
3메타 방식
4소트 방식
정답 및 해설

웹 검색 방식이 아닌 것은 소트 방식이다.

소트(sort)는 자료를 순서대로 정렬하는 작업을 뜻할 뿐 웹 검색 방식의 분류가 아니다. 웹 검색 방식은 인덱스·디렉토리·메타 방식 등으로 나뉜다.

  • 웹 인덱스 방식은 검색어를 입력해 색인된 자료에서 찾는 검색 방식이다.
  • 웹 디렉토리 방식은 주제별로 분류된 계층을 따라 내려가며 찾는 검색 방식이다.
  • 메타 방식은 여러 검색 엔진을 함께 이용해 결과를 얻는 검색 방식이다.
문제 23
HTML에 대한 설명으로 잘못된 것은?
1HTML은 “Hyper Text Markup Language"의 약자로, WWW의 홈페이지를 만들 때 사용하는 언어이다.
2HTML은 ASCII형식의 일반 텍스트이어야 하며, 한글은 반드시 KSC완성형을 지원하여야 한다.
3HTML은 Hyper Text 형식으로 이루어진 문서로, 관련 정보에 대한 거색을 쉽게 할 수 있는 환경을 제공한다.
4HTML의 태그들은<HTML>...</HTML>과 같이 시작 태그와 마감 태그가 반드시 쌍으로 이루어져야 한다.
문제 24
웹 페이지 저작시 배경 색상 설정에 대한 것으로 다른 색상이 지정되는 것은?
1<BODY bgcolor="#ffffff">
2<BODY bgcolor="white">
3<BODY bgcolor="ffffff">
4<BODY bgcolor="#000000">
정답 및 해설

HTML에서 배경 색상은 색상명 또는 #을 포함한 6자리 16진수 색상 코드로 지정한다. 1번과 2번은 흰색, 3번은 #이 없어 올바른 16진수 색상 코드 형식이 아니며, 4번의 #000000은 검은색을 지정하므로 다른 색상이다.

문제 25
인터넷 용어 중 제품선전이나 상업적 용도로 자주 사용되는 무작위적인 메일 발송을 무엇이라 하는가?
1Hot Mail
2Mailling list
3Spam Mail
4Mail Bomb
정답 및 해설

제품 선전이나 상업적 목적으로 무작위로 보내는 메일은 스팸 메일(Spam Mail)이다.

수신자가 원하지 않는데도 불특정 다수에게 일방적으로 대량 발송되는 광고성 메일을 스팸이라 한다.

  • Hot Mail은 웹에서 메일을 주고받는 웹메일 서비스의 이름이다.
  • Mailing list는 구독 신청한 사람들에게 같은 내용을 일괄 발송하는 방식이어서 무작위 발송이 아니다.
  • Mail Bomb은 특정 대상에게 대량의 메일을 보내 메일 서버나 계정을 마비시키는 공격이다.
문제 26
하이퍼텍스트에서 사용되는 <A>태그에서 A가 지칭하는 용어는?
1앤드(And)
2오토(Auto)
3앵커(Anchor)
4어너니머스(Anonymous)
정답 및 해설

<A> 태그의 A는 앵커(Anchor)를 뜻한다.

앵커는 다른 문서나 같은 문서의 특정 위치로 연결되는 하이퍼링크의 기점으로, <A> 태그에 href 속성을 지정해 링크를 만든다.

  • 앤드(And)는 접속어로, 하이퍼링크 태그의 명칭과 관계가 없다.
  • 오토(Auto)는 하이퍼링크 태그의 명칭이 아니다.
  • 어너니머스(Anonymous)는 익명을 뜻하는 말로, 하이퍼링크 태그의 명칭이 아니다.
문제 27
인터넷 익스플로러 6.0에서 오늘 방문했던 사이트들을 확인하려면 표준단추모음(Standard Button Bar)에서 어떤 버튼을 사용해야 하나?
1검색
2기록
3즐겨찾기
4보기
문제 28
다음이 설명하고 있는 것은?
1프레임
2프로토콜
3인터넷
4레이아웃
정답 및 해설

전 세계의 네트워크를 서로 연결한 네트워크들의 네트워크(Network of Networks)는 인터넷이다.

인터넷은 TCP/IP 프로토콜로 수많은 개별 네트워크를 이어 하나처럼 쓰게 한 통신망이며, 이름은 네트워크 사이를 잇는다는 뜻의 inter-network에서 왔다고 보는 것이 일반적이다. 박스의 'International과 Network의 합성어'라는 풀이는 흔한 교재식 설명일 뿐 정확한 어원으로 보기 어렵다.

  • 프레임: 데이터링크 계층에서 주고받는 데이터 전송 단위(또는 HTML에서 창을 나누는 구조)로, 네트워크들을 연결한 통신망을 뜻하지 않는다.
  • 프로토콜: 컴퓨터끼리 통신할 때 지키는 약속(규약)으로, 네트워크 자체가 아니다.
  • 레이아웃: 화면·지면에 요소를 배치하는 일로, 통신망과 관련이 없다.
문제 29
자바 스크립트 내에서 사용되는 배열(Array)객체에 대한 설명으로 옳지 않은 것은?
1concat( )-두 개 이상의 배열을 결합하여 하나의 배열객체를 생성하여 반환한다.
2join( )-배열 객체의 각 원소들을 하나의 문자열로 만들어서 반환한다.
3sort( )-배열의 각 원소들을 내림차순으로 정렬하여 반환한다.
4slice( )-배열의 원소들 가운데 일부를 새로운 배열로 만들어 반환한다.
정답 및 해설

배열 객체의 설명으로 옳지 않은 것은 sort()를 내림차순 정렬이라 한 설명이다.

sort()는 비교 함수를 주지 않으면 원소를 문자열로 바꾸어 오름차순으로 정렬하므로 내림차순이 기본이 아니다.

  • concat()은 둘 이상의 배열을 이어 붙여 새 배열을 만들어 반환하므로 옳은 설명이다.
  • join()은 배열의 각 원소를 하나의 문자열로 이어 반환하므로 옳은 설명이다.
  • slice()는 배열의 일부 원소를 새 배열로 만들어 반환하므로 옳은 설명이다.
문제 30
자바스크립트로 프로그램을 작성할 때 배경색을 초록색으로 지정하려면 어떤 문장을 사용해야 하는가?
1window.bgColor="green";
2window.background="green";
3document.bgColor="green";
4document.background="green";
정답 및 해설

배경색을 초록색으로 지정하는 문장은 document.bgColor="green";이다.

문서의 배경색은 window 객체가 아니라 document 객체의 bgColor 속성으로 지정한다.

  • window.bgColor는 window 객체에 없는 속성이라 문서 배경색을 바꾸지 못한다.
  • window.background도 window 객체에 없는 속성이다.
  • document.background는 document 객체에 없는 속성이다. 배경색은 bgColor로 지정한다.
문제 31
인터넷 관리 기관 중 국내 IP주소 할당, 도메인 등록 및 네트워크 정보 관리 등의 업무를 담당하여 처리하는 기관으로 옳은 것은?
1RIPE-NCC
2KRNIC
3InterNIC
4APNIC
정답 및 해설

국내 IP 주소 할당과 도메인 등록을 담당하는 기관은 KRNIC이다.

KRNIC은 한국인터넷정보센터로, 국내 IP 주소 할당과 .kr 도메인 등록·네트워크 정보 관리 업무를 맡았다.

  • RIPE-NCC는 유럽 지역의 IP 주소를 관리하는 지역 인터넷 등록 기관이다.
  • InterNIC은 미국에서 도메인 등록과 인터넷 정보 관리를 맡았던 기관이다.
  • APNIC은 아시아·태평양 지역 전체의 IP 주소를 관리하는 지역 기관으로, 국내 업무를 직접 처리하는 곳이 아니다.
문제 32
인터넷 익스플로러 6.0에서 [파일]메뉴에 해당되지 않는 것은?
1새로 만들기
2열기
3새로 고침
4페이지 설정
정답 및 해설

[파일] 메뉴에 해당되지 않는 것은 새로 고침이다.

새로 고침은 현재 페이지를 다시 불러오는 기능으로 [보기] 메뉴에 속한다.

  • 새로 만들기는 [파일] 메뉴에 있다.
  • 열기는 [파일] 메뉴에 있다.
  • 페이지 설정은 [파일] 메뉴에 있다.
문제 33
인터넷의 도메인 이름들의 위치를 알아내기 위한 IP주소로 바꾸어주는 것은?
1Web Server
2Domain Name Server
3DB Server
4Back-Up Server
정답 및 해설

도메인 이름을 IP 주소로 바꾸어 주는 것은 Domain Name Server(DNS)이다.

사용자가 도메인 이름을 입력하면 DNS가 대응하는 IP 주소를 알려 주어 해당 컴퓨터에 접속할 수 있다.

  • Web Server는 웹 문서를 저장해 요청한 클라이언트에 제공하는 서버이다.
  • DB Server는 데이터베이스를 관리하고 질의에 응답하는 서버이다.
  • Back-Up Server는 자료의 사본을 보관하는 서버이다.
문제 34
웹 페이지 저작에 있어서 옳지 않은 것은?
1텍스트를 읽을 때 그래픽이 방해되지 않아야 한다.
2웹페이지에서 가장 중요한 것은 코딩(Coding)이다.
3한 페이지에 너무 많은 것을 보여주기 위한 욕심은 버려야 한다.
4웹디자인의 일관성을 유지해야 한다.
정답 및 해설

웹 페이지 저작에서 옳지 않은 것은 코딩이 가장 중요하다는 말이다.

웹 페이지는 사용자가 읽고 이용하는 것이므로 가독성·구성·일관성 같은 사용자 중심 요소가 핵심이고, 코딩은 이를 구현하는 수단일 뿐이다.

  • 텍스트를 읽을 때 그래픽이 방해되지 않아야 한다는 것은 가독성 원칙에 맞는 설명이다.
  • 한 페이지에 너무 많은 내용을 담으려는 욕심을 버려야 한다는 것은 간결한 구성 원칙에 맞는 설명이다.
  • 웹 디자인의 일관성을 유지해야 한다는 것은 사이트 전체의 통일감을 위한 원칙에 맞는 설명이다.
문제 35
웹브라우저(Web Browser)가 아닌 것은?
1모자익
2익스플로러
3넷스케이프
4프리미어
정답 및 해설

웹 브라우저가 아닌 것은 프리미어이다.

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

  • 모자익(Mosaic)은 초기의 그래픽 웹 브라우저이다.
  • 익스플로러는 마이크로소프트의 웹 브라우저이다.
  • 넷스케이프는 대표적인 웹 브라우저이다.
문제 36
OSI 7계층에 해당되지 않는 것은?
1물리 계층
2데이터 링크 계층
3네트워크 계층
4인터페이스 계층
정답 및 해설

OSI 7계층에 해당되지 않는 것은 인터페이스 계층이다.

OSI 7계층은 물리·데이터 링크·네트워크·전송·세션·표현·응용 계층이며, 인터페이스 계층이라는 이름의 계층은 없다.

  • 물리 계층은 OSI 7계층의 첫 번째 계층이다.
  • 데이터 링크 계층은 OSI 7계층의 두 번째 계층이다.
  • 네트워크 계층은 OSI 7계층의 세 번째 계층이다.
문제 37
일반 전화선을 이용하고 전송거리가 짧은 구간에서 ADSL보다 빠른 전송 속도를 제공하며 대용량의 멀티미디어 컨텐츠를 처리할 수 있는 전송기술은?
1HADSL
2RDSL
3SDSL
4VDSL
문제 38
인터넷 방화벽(fire wall)에 대한 설명으로 올바른 것은?
1컴퓨터 프로그램에 잠입하여 컴퓨터로 하여금 본래 목적 이외의 처리를 하도록 하는 프로그램이다.
2접근을 허가받지 않는 정보 시스템에 불법으로 침투하거나 허가되지 않는 권한을 불법으로 갖는 경우를 말함
3사용자에게 소프트웨어를 합법적으로 사용할 수 있는 권한을 부여하는 것을 말한다.
4내부 네트워크에 대한 접근을 제어하고, 집중화된 보안성을 향상시킬 수 있다.
정답 및 해설

방화벽에 대한 올바른 설명은 내부 네트워크에 대한 접근을 제어하고 보안성을 높인다는 것이다.

방화벽은 외부와 내부 네트워크 사이에서 오가는 접속을 검사해 허용·차단하므로 보안을 한곳에서 집중 관리할 수 있다.

  • 프로그램에 잠입해 본래 목적 외의 처리를 하게 만드는 것은 바이러스 같은 악성 프로그램에 대한 설명이다.
  • 허가받지 않은 시스템에 불법으로 침투하거나 권한을 얻는 행위는 해킹에 대한 설명이다.
  • 소프트웨어를 합법적으로 사용할 권한을 부여하는 것은 라이선스(사용 허가)에 대한 설명이다.
문제 39
다음에서 자바 스크립트의 연산자 중 우선순위가 가장 높은 것은?
1[ ]
2++
3%
4!
정답 및 해설

우선순위가 가장 높은 연산자는 배열 첨자 [ ]이다.

[ ]는 배열 원소·객체 멤버에 접근하는 연산자로, 단항·산술 연산자보다 먼저 계산되는 최상위 그룹에 속한다.

  • ++는 증감 단항 연산자로, 멤버 접근보다 우선순위가 낮다.
  • %는 나머지를 구하는 산술 이항 연산자로, 단항 연산자보다도 우선순위가 낮다.
  • !는 논리 부정 단항 연산자로, 멤버 접근보다 우선순위가 낮다.
문제 40
다음이 설명하고 있는 것은?
1USENET
2FTP
3WAIS
4ARPANET
정답 및 해설

인터넷의 시초가 된 네트워크로, UCLA 등 여러 기관의 컴퓨터를 연결한 것은 ARPANET이다.

ARPANET은 미 국방부 산하 고등연구계획국(ARPA)의 지원으로 1969년 UCLA·SRI(스탠퍼드 연구소)·UCSB·유타대 4곳을 연결하며 시작되었고, 이후 인터넷의 모체가 되었다.

  • USENET: 1980년 전후 등장한 뉴스그룹 형태의 분산 토론 시스템으로, 처음 만들어진 네트워크가 아니다.
  • FTP: 네트워크에서 파일을 주고받는 파일 전송 프로토콜로, 컴퓨터를 연결한 망 자체가 아니다.
  • WAIS: 여러 서버에 흩어진 문서를 색인해 내용으로 찾아 주는 정보 검색 시스템이다.
문제 41
웹사이트에 움직이는 배너광고를 넣고자 할 경우 사용 가능한 툴이 아닌 것은?
1플래시(Flash)
2이미지 레디(Image Ready)
3페인터(Painter)
4스위시(Swish)
정답 및 해설

움직이는 배너광고 제작 툴로 보기 어려운 것은 페인터(Painter)이다.

페인터는 붓·물감 질감을 살려 그림을 그리는 디지털 페인팅 중심의 프로그램이어서 웹 배너 애니메이션 제작 툴로 분류되지 않는다.

  • 플래시는 벡터 기반 애니메이션을 만들어 배너로 쓸 수 있다.
  • 이미지 레디는 GIF 애니메이션을 만들 수 있는 툴이다.
  • 스위시(Swish)는 플래시(SWF) 형식의 움직이는 효과를 만드는 툴이다.
문제 42
컴퓨터그래픽시의 역사 중 제 1세대의 특징에 해당 되지 않는 것은?
11955년 CRT에 의한 영상시대가 개막되었다.
21958년 XY플로터가 개발되었다.
3컴퓨터 애니메이션 프로그램이 개발되었다.
41946년 최초의 컴퓨터인 에니악(ENIAC)이 발명 되었다.
문제 43
다음이 설명하는 파일포맷은?
1*.PICT
2*.PNG
3*.TIFF
4*.AI
정답 및 해설

인터레이싱(Interlacing) 기능과 트루 컬러 지원, 비손실 압축 방식, 감마교정 기능은 PNG 포맷의 대표적 특징이다. PNG는 GIF의 한계를 보완해 만들어진 웹용 이미지 포맷으로, 8비트 팔레트뿐 아니라 24비트 트루 컬러까지 지원하며 무손실 압축과 감마 보정을 통해 원하는 밝기로 이미지를 보정할 수 있다. PICT와 AI는 벡터/매킨토시용 포맷, TIFF는 인쇄용 무손실 포맷으로 인터레이싱이나 감마교정 기능과는 관련이 없다.

문제 44
다음이 설명하고 있는 것은?
1Programming
2Grid System
3GUI
4Margin
정답 및 해설

해상도별로 화면이 어떻게 보일지 정하고 구성요소가 배치될 크기를 비례 있게 잡아 일관된 작업을 하게 하는 것은 그리드 시스템(Grid System)이다.

그리드 시스템은 화면을 일정한 격자(가로·세로 기준선)로 나눠 텍스트·이미지 등 요소의 크기와 위치를 그 격자에 맞춰 정렬하는 레이아웃 방법이어서, 여러 페이지에 일관성을 준다.

  • Programming: 컴퓨터가 실행할 프로그램(코드)을 작성하는 일로, 화면 요소의 배치 크기를 정하는 틀이 아니다.
  • GUI: 아이콘·창·메뉴 등 그래픽 요소로 컴퓨터를 조작하게 하는 사용자 인터페이스 방식이다.
  • Margin: 요소 바깥이나 지면 가장자리의 여백으로, 레이아웃의 한 부분일 뿐 배치 체계 전체가 아니다.
문제 45
컴퓨터의 데이터 용량 표기 단위 중 차례대로 나열된 것은 어느 것인가?
1Byte<Mega Byte<Giga Byte<Kilo Byte<Tera Byte
2Byte<Kilo Byte<Tera Byte<Mega Byte<Giga Byte
3Byte<Kilo Byte<Mega Byte<Giga Byte<Tera Byte
4Byte<Mega Byte<Giga Byte<Tera Byte<Kilo Byte
정답 및 해설

용량 단위가 차례대로 나열된 것은 Byte < Kilo Byte < Mega Byte < Giga Byte < Tera Byte이다.

데이터 용량 단위는 Byte, KB, MB, GB, TB 순으로 한 단계마다 약 1,024배씩 커진다.

  • Mega, Giga 다음에 Kilo를 둔 나열은 Kilo가 Mega보다 작으므로 틀렸다.
  • Tera를 Mega, Giga보다 앞에 둔 나열은 Tera가 가장 큰 단위이므로 틀렸다.
  • Tera 다음에 Kilo를 맨 끝에 둔 나열은 Kilo가 Byte 다음으로 작은 단위이므로 틀렸다.
문제 46
웹디자인에 사용하기 위하여 사진이나 그림 등을 스캔 받을 때 나타나는 현상으로 스캔 받은 이미지에 물결무늬가 격자처럼 교차 되어 보이는 것을 무엇이라고 하는가?
1Dithering
2Scanning
3Moire
4Water Mark
정답 및 해설

스캔한 이미지에 물결무늬가 격자처럼 교차해 보이는 현상은 모아레(Moire)이다.

인쇄물의 망점 패턴과 스캔 시의 샘플링 패턴이 겹쳐 간섭무늬가 생기는 것이 모아레이다.

  • Dithering은 제한된 색상의 점을 섞어 배치해 중간색을 표현하는 기법이다.
  • Scanning은 원본을 읽어 디지털 이미지로 입력하는 작업 자체이다.
  • Water Mark는 저작권 표시 등을 위해 이미지에 넣는 흐릿한 표식이다.
문제 47
현실이나 상상속에서 제안되거나 계획된 일련의 사건들의 개략적인 줄거리를 일컫는 말로, 스토리보드를 작성하는데 토대가 되는 것은?
1시나리오
2플로우차트
3가상현실
4레이아웃 설정
정답 및 해설

스토리보드 작성의 토대가 되는 개략적인 줄거리는 시나리오이다.

시나리오는 계획된 일련의 사건을 줄거리로 정리한 것이며, 이를 바탕으로 화면별 구성을 그린 것이 스토리보드이다.

  • 플로우차트는 작업 흐름·순서를 도형으로 나타낸 순서도이다.
  • 가상현실은 컴퓨터로 만든 가상의 환경을 실제처럼 체험하게 하는 기술이다.
  • 레이아웃 설정은 화면 안 요소의 배치를 정하는 작업이다.
문제 48
다음은 컴퓨터 애니메이션의 단계별 제작 순서이다. ( )안에 들어갈 제작과정이 A부터 D의 순서대로 맞게 표시된 것은 무엇인가?
1(A)시나리오, (B)디지털채색, (C)녹음, (D)스캐닝
2(A)스캐닝, (B)시나리오, (C)디지털채색, (D)녹음
3(A)시나리오, (B)스캐닝, (C)디지털채색, (D)녹음
4(A)디지털채색, (B)시나리오, (C)스캐닝, (D)녹음
정답 및 해설

빈칸에는 차례로 (A) 시나리오, (B) 스캐닝, (C) 디지털채색, (D) 녹음이 들어간다.

도식의 흐름은 기획 → 시나리오 → 스토리보드 → 레이아웃 → 원화 → 스캐닝 → 디지털드로잉 → 디지털채색 → 편집 → 녹음이다. 종이에 그린 원화를 스캐닝해 컴퓨터로 옮긴 뒤 선을 정리(디지털드로잉)하고 색을 입히는 순서이다. 녹음은 제작 방식에 따라 그림보다 먼저 하는 선녹음도 있으나, 이 도식의 빈칸은 스캐닝과 디지털채색의 위치만으로 가려진다.

  • (A) 시나리오, (B) 디지털채색, (C) 녹음, (D) 스캐닝: 스캐닝이 편집 뒤 맨 끝에 놓여, 원화를 컴퓨터로 옮기기 전에 디지털채색부터 하는 순서가 되어 맞지 않다.
  • (A) 스캐닝, (B) 시나리오, (C) 디지털채색, (D) 녹음: 아직 스토리보드·원화도 없는 단계에서 스캐닝을 하게 되어 맞지 않다.
  • (A) 디지털채색, (B) 시나리오, (C) 스캐닝, (D) 녹음: 그림이 그려지기도 전인 기획 직후에 채색을 하게 되어 맞지 않다.
문제 49
다음 설명은 컴퓨터 그래픽시의 역사 중 몇 세대를 의미하는가?
1제 2세대
2제 3세대
3제 4세대
4제 5세대
문제 50
디지털 이미지의 최소단위를 말하는 것으로 “picture”와 “element”의 합성어는?
1픽셀(pixel)
2도트(dot)
3벡터(vector)
4이미지(image)
정답 및 해설

디지털 이미지의 최소 단위인 “picture”와 “element”의 합성어는 픽셀(pixel)이다.

pixel은 picture element를 줄인 말로, 화면을 이루는 가장 작은 점 하나를 뜻한다.

  • 도트(dot)는 인쇄·출력에서 찍히는 점을 가리키는 말로 해상도 단위(dpi)에 쓰인다.
  • 벡터(vector)는 수학적 계산으로 도형을 표현하는 방식의 이름이다.
  • 이미지(image)는 화상 전체를 가리키는 일반적인 말이다.
문제 51
그래픽 툴(Tool)인 포토샵의 전용 이미지 파일 포맷은?
1PXR
2TIFF
3PCT
4PSD
정답 및 해설

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

PSD는 포토샵이 레이어·채널 등 작업 정보를 그대로 저장하는 고유 형식이다.

  • PXR은 픽사(Pixar) 계열의 이미지 형식이다.
  • TIFF는 여러 프로그램에서 쓰는 범용 비트맵 형식으로 포토샵 전용이 아니다.
  • PCT는 매킨토시의 PICT 그래픽 형식이다.
문제 52
이미지 파일 형식 중 미국의 컴퓨서브(compuserve)사에서 통신망에서 이미지 자료를 교환하기 위해 만든 파일 포맷으로 연속적으로 움직이는 그림파일을 만들 수 있어 웹에서 많이 사용되는 파일 형식은?
1BMP
2GIF
3JPEG
4EPS
정답 및 해설

컴퓨서브사가 만들었고 움직이는 그림을 만들 수 있는 형식은 GIF이다.

GIF는 통신망에서 이미지를 교환하기 위해 개발되었고, 여러 장의 이미지를 묶어 애니메이션을 만들 수 있다.

  • BMP는 윈도의 기본 비트맵 형식으로 움직이는 그림을 만들 수 없다.
  • JPEG는 손실 압축을 쓰는 정지 영상 형식으로 움직이는 그림을 만들 수 없다.
  • EPS는 인쇄·출판에 쓰는 포스트스크립트 기반 형식이다.
문제 53
다음은 무엇에 관한 설명인가?
1CGI
2JAVA
3DHTML
4CSS
정답 및 해설

기존 HTML의 단점을 개선해 동적인 웹 페이지를 만들고, 문서의 각 요소를 객체로 다루며 자바스크립트를 기반으로 하는 기술은 DHTML이다.

DHTML(Dynamic HTML)은 HTML·CSS·자바스크립트와 DOM을 함께 써서, 서버에 페이지를 다시 요청하지 않고도 요소의 위치·스타일을 바꾸거나 사용자 동작에 반응하게 만드는 기술의 묶음이다.

  • CGI: 웹 서버가 외부 프로그램을 실행해 결과를 돌려주는 서버 측 연동 방식으로, 자바스크립트 기반의 클라이언트 기술이 아니다.
  • JAVA: 썬 마이크로시스템즈가 개발한 객체지향 프로그래밍 언어로, 자바스크립트와는 별개의 언어이다.
  • CSS: 글꼴·색·배치 등 문서의 표현을 지정하는 스타일시트 언어로, 자바스크립트를 기반으로 하는 기술이 아니다.
문제 54
1인치당 픽셀의 수를 나타내는 단위는?
1LPI
2EPI
3PPI
4DPI
문제 55
웹 사이트를 제작하기 위해 타사의 웹 사이트를 분석하는 이유로 적당하지 않은 것은?
1해당 분야의 인터넷 시장을 파악한다.
2경쟁 사이트들을 분석하여 자신의 사이트 경쟁력을 제고 한다.
3인터넷 시장의 흐름을 이해한다.
4웹 사이트에 사용할 이미지를 얻는다.
정답 및 해설

타사 사이트를 분석하는 이유로 적당하지 않은 것은 이미지를 얻기 위해서라는 것이다.

타사 사이트의 이미지는 저작권이 있는 자료이므로 분석 목적이 될 수 없고, 가져다 쓰면 저작권 침해가 된다.

  • 해당 분야의 인터넷 시장을 파악하는 것은 경쟁 분석의 정당한 목적이다.
  • 경쟁 사이트를 분석해 자사 사이트의 경쟁력을 높이는 것은 정당한 목적이다.
  • 인터넷 시장의 흐름을 이해하는 것은 정당한 목적이다.
문제 56
RGB컬러에서 R=255, G=255, B=255로 설정할 때 모니터에 어떤 색상이 나타나는가?
1White
2Black
3Blue
4Yellow
정답 및 해설

R=255, G=255, B=255로 설정하면 흰색(White)이 나타난다.

RGB는 빛의 가산혼합이어서 세 색을 모두 최대로 섞으면 백색광이 된다.

  • Black은 R, G, B가 모두 0일 때의 색이다.
  • Blue는 B만 최대이고 R, G가 0일 때의 색이다.
  • Yellow는 R, G가 최대이고 B가 0일 때의 색이다.
문제 57
픽셀 단위의 이미지 처리시 미관상 부자연스럽게 생기는 사선 형태의 경계를 부드럽게 처리해 주는 것을 무엇이라 하는가?
1앨리어싱(aliasing)
2안티앨리어싱(anti-aliasing)
3플래싱(flashing)
4인터레이싱
문제 58
인터넷상에서 사용하는 이미지 파일 포맷이 아닌 것은?
1GIF
2JPEG
3EPS
4PNG
정답 및 해설

인터넷에서 쓰는 이미지 포맷이 아닌 것은 EPS이다.

EPS는 인쇄·출판용 포스트스크립트 기반 형식으로, 웹 브라우저가 일반적으로 표시하는 형식이 아니다.

  • GIF는 웹에서 널리 쓰는 이미지 형식이다.
  • JPEG는 웹에서 널리 쓰는 이미지 형식이다.
  • PNG는 웹에서 쓰는 이미지 형식이다.
문제 59
컴퓨터그래픽스 시스템에서 입력장치로 옳지 않은 것은?
1디지타이저
2타블릿
3스캐너
4플로터
정답 및 해설

컴퓨터그래픽스 입력장치로 옳지 않은 것은 플로터이다.

플로터는 펜이나 잉크로 도면·그림을 종이에 그려 내는 출력장치이다.

  • 디지타이저는 좌표를 읽어 컴퓨터에 입력하는 입력장치이다.
  • 타블릿은 펜으로 그린 좌표를 입력하는 입력장치이다.
  • 스캐너는 이미지를 읽어 디지털 자료로 입력하는 입력장치이다.
문제 60
현재 남한과 북한에서 지원되는 비디오 출력방식을 바르게 연결한 것은?
1남한 : NTSC방식,북한 : LCD방식
2남한 : PAL방식, 북한 : SECAN방식
3남한 : NTSC, 북한 : PAL방식
4남한 : LCD방식, 북한 : NTSC방식
정답 및 해설

남한과 북한의 비디오 출력방식을 바르게 연결한 것은 남한 NTSC, 북한 PAL이다.

남한은 미국식 NTSC 방식을, 북한은 유럽식 PAL 방식을 사용한다.

  • 북한을 LCD 방식이라 한 연결은 LCD가 비디오 출력방식이 아니라 디스플레이 패널 기술이므로 틀렸다.
  • 남한을 PAL 방식이라 한 연결은 남한이 NTSC 방식을 쓰므로 틀렸다.
  • 남한을 LCD, 북한을 NTSC라 한 연결은 LCD가 출력방식이 아니고 북한은 PAL 방식을 쓰므로 틀렸다.
웹디자인개발기능사 필기 기출문제모두CBT · moducbt.com
06년 1회차
총 60문항 · 객관식 · 정답·해설 포함
문제 1
웹에 사용할 이미지에 대한 설명으로 옳은 것은?
1이미지는 최대한 고해상도의 이미지를 사용한다.
2이미지의 기본단위는 cm이다.
3이미지는 CMYK 모드를 사용한다.
4주로 JPG, GIF 포맷의 이미지를 사용한다.
정답 및 해설

웹 이미지에 대한 옳은 설명은 JPG, GIF 포맷을 주로 쓴다는 것이다.

웹에서는 용량이 작고 브라우저가 널리 지원하는 JPG·GIF 형식을 많이 쓴다.

  • 최대한 고해상도 이미지는 용량이 커져 전송이 느려지므로 알맞지 않다.
  • 이미지의 기본 단위는 cm 가 아니라 픽셀이다.
  • 웹 화면은 빛으로 표현하므로 CMYK 대신 RGB 모드를 쓰며, 구버전 브라우저는 CMYK JPEG 를 표시하지 못한다.
문제 2
색상 · 명도 · 면적의 차가 분명한 배색이 조화를 이룬다는 색채조화의 원리는?
1질서의 원리
2친근성의 원리
3유사성의 원리
4명료성의 원리
정답 및 해설

색상·명도·면적의 차가 분명한 배색이 조화롭다는 원리는 명료성의 원리이다.

저드의 색채 조화 원리 중 모호하지 않고 대비가 분명한 배색을 조화롭다고 보는 원리이다.

  • 질서의 원리는 규칙적으로 선택된 색들이 조화를 이룬다는 원리이다.
  • 친근성의 원리는 눈에 익숙한 배색이 조화를 이룬다는 원리이다.
  • 유사성의 원리는 공통되는 속성을 가진 색끼리 조화를 이룬다는 원리이다.
문제 3
1910년에서 1934년 사이에 러시아(소련)에서 일어난 조형운동이자 사회운동은?
1기능주의
2구성주의
3역사주의
4미래주의
정답 및 해설

1910~1934년 러시아에서 일어난 조형·사회운동은 구성주의이다.

구성주의는 러시아 혁명기에 기하학적 구성과 산업 재료를 사회 변혁과 연결한 운동이다.

  • 기능주의는 형태가 기능을 따라야 한다는 디자인 사조이다.
  • 역사주의는 과거 양식을 되살려 쓰는 경향이다.
  • 미래주의는 1909년 이탈리아에서 시작되어 속도·기계를 찬미한 예술 운동으로, 혁명기 러시아에서 사회운동으로 전개된 조형운동은 구성주의이다.
문제 4
다음의 디자인 용어 중 풀이가 잘못된 것은?
12차원의 화면이나 형식 위에, 3차원의 공간에 존재하는 형(形)이나 형태(形態)를 표시하는 것을 투시(perspective)라 한다.
2장소나 위치 또는 방위가 변화되는 과정이나 움직임을 시차(parallax)라고 한다.
3점진적 변화, 규칙적 단계에 의해 진행되는 변화과정을 그라데이션(gradation)이라고 한다.
4시각적 영역 안에서 어떤 형이나 형태가 다른 형이나 형태를 부분적으로 덮어 감추어지는 현상을 중첩(overlap)이라 한다.
정답 및 해설

풀이가 잘못된 것은 시차(parallax)를 장소·위치·방위가 변화되는 과정이나 움직임이라고 한 설명이다.

시차는 관찰하는 위치가 달라질 때 같은 대상의 위치나 방향이 다르게 보이는 차이를 뜻하며, 위치가 변하는 과정이나 움직임 자체를 가리키지 않는다.

  • 투시(perspective)는 3차원 공간의 형이나 형태를 2차원 화면 위에 표시하는 것으로 맞는 풀이이다.
  • 그라데이션(gradation)은 점진적·규칙적 단계로 진행되는 변화 과정으로 맞는 풀이이다.
  • 중첩(overlap)은 한 형이 다른 형을 부분적으로 덮어 가리는 현상으로 맞는 풀이이다.
문제 5
서로 다르고 관련이 없어 보이는 요소를 합친다는 의미로 보는 관점을 완전히 다르게 하여 연상되는 점과 관련성을 찾아내어 아이디어를 발상시키는 방법은?
1브레인스토밍(Brain storming)법
2연상결합(Image association)법
3입출력(input - output)법
4시넥틱스(Synectics)법
문제 6
인접하는 두 색의 경계 부분에 색상, 명도, 채도의 대비가 더욱 강하게 일어나는 현상을 무엇이라 하는가?
1면적대비
2보색대비
3한난대비
4연변대비
정답 및 해설

인접한 두 색의 경계에서 대비가 강해지는 현상은 연변대비이다.

색이 맞닿는 가장자리에서 서로의 차이가 더 뚜렷해 보이는 현상이다.

  • 면적대비는 면적 크기에 따라 색이 다르게 보이는 현상이다.
  • 보색대비는 보색끼리 나란히 놓았을 때 서로 더 선명해 보이는 현상이다.
  • 한난대비는 한색과 난색의 온도감 차이에서 생기는 대비이다.
문제 7
신문광고의 구성요소 중 조형적 요소가 아닌 것은?
1헤드라인
2일러스트레이션
3심볼마크
4보더라인
정답 및 해설

조형적 요소가 아닌 것은 헤드라인이다.

신문광고 구성요소 중 헤드라인과 카피는 언어적 요소이다.

  • 일러스트레이션은 그림으로 표현하는 조형적 요소이다.
  • 심볼마크는 상징 도형으로 조형적 요소이다.
  • 보더라인은 테두리 선으로 조형적 요소이다.
문제 8
디자인의 조건 중에서 합목적성에 대한 설명으로 가장 올바른 것은?
1화려한 집이 살기에 편리하다.
2주로 장식이 많은 의자가 앉기에 편리하다.
3의자를 디자인할 때는 앉을 사람의 몸의 치수, 체중을 고려해야 한다.
4아름다운 구두가 신기에 편하다.
정답 및 해설

합목적성에 대한 올바른 설명은 앉을 사람의 몸 치수와 체중을 고려해 의자를 디자인한다는 것이다.

합목적성은 사용 목적과 기능에 알맞은 디자인이라는 뜻으로, 사용자 조건에 맞추는 것이 이에 해당한다.

  • 화려한 집이 편리하다는 말은 화려함과 사용 편의의 관계를 단정하는 것이어서 기능 적합성의 설명이 아니다.
  • 장식이 많은 의자는 장식 중심이라 앉기 편리하다는 근거가 되지 않는다.
  • 아름다운 구두는 심미성에 대한 설명이며 신기에 편한 것은 별개이다.
문제 9
해질 무렵 정원을 바라보면 어두워짐에 따라 꽃의 빨간색은 거무스레해지고, 그것에 비해 나뭇잎의 녹색은 점차 뚜렷해짐을 볼 수 있다. 이것과 관련된 현상을 무엇이라고 하는가?
1지각 항상성
2푸르킨예 현상
3착시 현상
4게슈탈트의 시지각 원리
정답 및 해설

어두워질 때 빨강은 거무스레해지고 녹색은 뚜렷해지는 현상은 푸르킨예 현상이다.

밝은 곳에서는 추상체가, 어두운 곳에서는 간상체가 작용해 시감도가 파장이 짧은 쪽으로 이동하기 때문에 생긴다.

  • 지각 항상성은 조건이 바뀌어도 색·크기·형태를 같게 지각하는 현상이다.
  • 착시 현상은 실제와 다르게 보이는 현상이다.
  • 게슈탈트의 시지각 원리는 요소를 하나로 묶어 지각하는 법칙이다.
문제 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디자인이라는 말은 라틴어인 데시그나레(Designare)에서 유래되었다.
2디자인이란 하나의 그림 또는 모형으로서 그것을 전개시키는 계획 및 설계이다.
3오늘날과 근접한 디자인의 의미는 미술공예운동을 통해서이다.
4프랑스어 데생(dessin)과도 어원을 같이 하고 있다.
문제 16
색의 3속성에 따른 색공간을 정량적으로 취급하기 위해서 “오메가 공간”이라는 색입체를 설정하여 색채조화를 주장한 사람은?
1셰브럴
2비렌
3레오나르도 다빈치
4문 · 스펜서
정답 및 해설

오메가 공간이라는 색입체로 색채 조화를 주장한 사람은 문·스펜서이다.

문·스펜서는 색 사이의 기하학적 관계와 면적을 바탕으로 조화를 설명했다.

  • 셰브럴(슈브뢸)은 동시대비와 유사·대비 조화를 주장했다.
  • 비렌은 순색·흰색·검정으로 이루어진 색삼각형을 제시했다.
  • 레오나르도 다빈치는 르네상스 시기의 화가·과학자이다.
문제 17
다음의 그림처럼 일부분이 끊어진 상태인데도 불구하고 문자로 인식되는 것은 어떤 원리 때문인가?
1대치성
2유사성
3폐쇄성
4연속성
문제 18
게슈탈트(Gestalt)의 형태에 관한 시각 기본 법칙에 해당되지 않는 것은?
1통일성
2근접성
3유사성
4연속성
정답 및 해설

게슈탈트의 시각 기본 법칙이 아닌 것은 통일성이다.

통일성은 디자인 원리(통일과 변화)에 속한다.

  • 근접성은 가까이 놓인 것끼리 묶어 보는 법칙이다.
  • 유사성은 닮은 것끼리 묶어 보는 법칙이다.
  • 연속성은 이어진 방향으로 연결해 보는 법칙이다.
문제 19
색의 속성 중 사람의 눈이 가장 예민하게 반응하는 것은?
1명도
2채도
3대비
4색상
정답 및 해설

색의 속성 중 사람의 눈이 가장 예민하게 반응하는 것은 명도이다.

밝기 차이는 색상·채도 차이보다 먼저, 그리고 뚜렷하게 지각되며, 3속성 가운데 눈이 가장 둔하게 반응하는 것은 채도이다.

  • 채도는 색의 맑고 탁한 정도로, 3속성 중 눈의 민감도가 가장 낮다.
  • 대비는 두 색이 서로 영향을 주어 다르게 보이는 현상으로, 색의 3속성에 속하지 않는다.
  • 색상은 빨강·노랑·파랑처럼 색을 구별하는 속성으로, 명도 차이만큼 예민하게 지각되지 않는다.
문제 20
두 개 이상의 요소 사이에서 부분과 부분 또는 전체 사이에 시각상 힘의 안정을 주면 안정감과 명쾌한 감정을 느끼게 하는 디자인 원리는?
1균형
2조화
3비례
4율동
정답 및 해설

두 개 이상의 요소 사이에서 부분과 부분 또는 전체 사이에 시각상 힘의 안정을 주는 디자인 원리는 균형(Balance)이다. 균형은 시각적 무게감의 배치를 통해 안정감과 명쾌한 감정을 조성하는 기본 원리이며, 대칭균형, 비대칭균형, 방사균형 등의 형태로 나타난다. 조화는 요소들의 어울림, 비례는 부분 간 크기 관계, 율동은 반복을 통한 움직임을 다루므로 정의와 맞지 않는다.

문제 21
웹 브라우저의 주소창에 URL을 잘못 입력한 것은?
1www.abc.or.kr
2webmail://abc123@abc.co.kr
3ftp://ftp.abc.com
4file:///Cabc.hwp
정답 및 해설

주소창에 잘못 입력한 URL은 webmail://abc123@abc.co.kr이다.

URL은 프로토콜(스킴)://호스트/경로 형식으로 쓰며, 스킴 자리에는 http·https·ftp·file처럼 정해진 프로토콜 이름이 와야 한다. webmail이라는 프로토콜은 없으므로 브라우저가 이 주소를 해석하지 못한다.

  • www.abc.or.kr는 스킴을 생략한 형태로, 웹 브라우저가 http://를 자동으로 붙여 접속한다.
  • ftp://ftp.abc.com은 FTP 프로토콜로 파일 서버에 접속하는 올바른 형식이다.
  • file:///로 시작하는 주소는 자기 컴퓨터의 파일을 여는 올바른 스킴이다.
문제 22
웹(Web) 검색 방식이 아닌 것은?
1웹 인텍스 방식
2웹 디렉토리 방식
3메타 방식
4소트 방식
정답 및 해설

웹 검색 방식이 아닌 것은 소트 방식이다.

소트(sort)는 자료를 순서대로 정렬하는 작업을 뜻할 뿐 웹 검색 방식의 분류가 아니다. 웹 검색 방식은 인덱스·디렉토리·메타 방식 등으로 나뉜다.

  • 웹 인덱스 방식은 검색어를 입력해 색인된 자료에서 찾는 검색 방식이다.
  • 웹 디렉토리 방식은 주제별로 분류된 계층을 따라 내려가며 찾는 검색 방식이다.
  • 메타 방식은 여러 검색 엔진을 함께 이용해 결과를 얻는 검색 방식이다.
문제 23
HTML에 대한 설명으로 잘못된 것은?
1HTML은 “Hyper Text Markup Language"의 약자로, WWW의 홈페이지를 만들 때 사용하는 언어이다.
2HTML은 ASCII형식의 일반 텍스트이어야 하며, 한글은 반드시 KSC완성형을 지원하여야 한다.
3HTML은 Hyper Text 형식으로 이루어진 문서로, 관련 정보에 대한 거색을 쉽게 할 수 있는 환경을 제공한다.
4HTML의 태그들은<HTML>...</HTML>과 같이 시작 태그와 마감 태그가 반드시 쌍으로 이루어져야 한다.
문제 24
웹 페이지 저작시 배경 색상 설정에 대한 것으로 다른 색상이 지정되는 것은?
1<BODY bgcolor="#ffffff">
2<BODY bgcolor="white">
3<BODY bgcolor="ffffff">
4<BODY bgcolor="#000000">
정답 및 해설

HTML에서 배경 색상은 색상명 또는 #을 포함한 6자리 16진수 색상 코드로 지정한다. 1번과 2번은 흰색, 3번은 #이 없어 올바른 16진수 색상 코드 형식이 아니며, 4번의 #000000은 검은색을 지정하므로 다른 색상이다.

문제 25
인터넷 용어 중 제품선전이나 상업적 용도로 자주 사용되는 무작위적인 메일 발송을 무엇이라 하는가?
1Hot Mail
2Mailling list
3Spam Mail
4Mail Bomb
정답 및 해설

제품 선전이나 상업적 목적으로 무작위로 보내는 메일은 스팸 메일(Spam Mail)이다.

수신자가 원하지 않는데도 불특정 다수에게 일방적으로 대량 발송되는 광고성 메일을 스팸이라 한다.

  • Hot Mail은 웹에서 메일을 주고받는 웹메일 서비스의 이름이다.
  • Mailing list는 구독 신청한 사람들에게 같은 내용을 일괄 발송하는 방식이어서 무작위 발송이 아니다.
  • Mail Bomb은 특정 대상에게 대량의 메일을 보내 메일 서버나 계정을 마비시키는 공격이다.
문제 26
하이퍼텍스트에서 사용되는 <A>태그에서 A가 지칭하는 용어는?
1앤드(And)
2오토(Auto)
3앵커(Anchor)
4어너니머스(Anonymous)
정답 및 해설

<A> 태그의 A는 앵커(Anchor)를 뜻한다.

앵커는 다른 문서나 같은 문서의 특정 위치로 연결되는 하이퍼링크의 기점으로, <A> 태그에 href 속성을 지정해 링크를 만든다.

  • 앤드(And)는 접속어로, 하이퍼링크 태그의 명칭과 관계가 없다.
  • 오토(Auto)는 하이퍼링크 태그의 명칭이 아니다.
  • 어너니머스(Anonymous)는 익명을 뜻하는 말로, 하이퍼링크 태그의 명칭이 아니다.
문제 27
인터넷 익스플로러 6.0에서 오늘 방문했던 사이트들을 확인하려면 표준단추모음(Standard Button Bar)에서 어떤 버튼을 사용해야 하나?
1검색
2기록
3즐겨찾기
4보기
문제 28
다음이 설명하고 있는 것은?
1프레임
2프로토콜
3인터넷
4레이아웃
정답 및 해설

전 세계의 네트워크를 서로 연결한 네트워크들의 네트워크(Network of Networks)는 인터넷이다.

인터넷은 TCP/IP 프로토콜로 수많은 개별 네트워크를 이어 하나처럼 쓰게 한 통신망이며, 이름은 네트워크 사이를 잇는다는 뜻의 inter-network에서 왔다고 보는 것이 일반적이다. 박스의 'International과 Network의 합성어'라는 풀이는 흔한 교재식 설명일 뿐 정확한 어원으로 보기 어렵다.

  • 프레임: 데이터링크 계층에서 주고받는 데이터 전송 단위(또는 HTML에서 창을 나누는 구조)로, 네트워크들을 연결한 통신망을 뜻하지 않는다.
  • 프로토콜: 컴퓨터끼리 통신할 때 지키는 약속(규약)으로, 네트워크 자체가 아니다.
  • 레이아웃: 화면·지면에 요소를 배치하는 일로, 통신망과 관련이 없다.
문제 29
자바 스크립트 내에서 사용되는 배열(Array)객체에 대한 설명으로 옳지 않은 것은?
1concat( )-두 개 이상의 배열을 결합하여 하나의 배열객체를 생성하여 반환한다.
2join( )-배열 객체의 각 원소들을 하나의 문자열로 만들어서 반환한다.
3sort( )-배열의 각 원소들을 내림차순으로 정렬하여 반환한다.
4slice( )-배열의 원소들 가운데 일부를 새로운 배열로 만들어 반환한다.
정답 및 해설

배열 객체의 설명으로 옳지 않은 것은 sort()를 내림차순 정렬이라 한 설명이다.

sort()는 비교 함수를 주지 않으면 원소를 문자열로 바꾸어 오름차순으로 정렬하므로 내림차순이 기본이 아니다.

  • concat()은 둘 이상의 배열을 이어 붙여 새 배열을 만들어 반환하므로 옳은 설명이다.
  • join()은 배열의 각 원소를 하나의 문자열로 이어 반환하므로 옳은 설명이다.
  • slice()는 배열의 일부 원소를 새 배열로 만들어 반환하므로 옳은 설명이다.
문제 30
자바스크립트로 프로그램을 작성할 때 배경색을 초록색으로 지정하려면 어떤 문장을 사용해야 하는가?
1window.bgColor="green";
2window.background="green";
3document.bgColor="green";
4document.background="green";
정답 및 해설

배경색을 초록색으로 지정하는 문장은 document.bgColor="green";이다.

문서의 배경색은 window 객체가 아니라 document 객체의 bgColor 속성으로 지정한다.

  • window.bgColor는 window 객체에 없는 속성이라 문서 배경색을 바꾸지 못한다.
  • window.background도 window 객체에 없는 속성이다.
  • document.background는 document 객체에 없는 속성이다. 배경색은 bgColor로 지정한다.
문제 31
인터넷 관리 기관 중 국내 IP주소 할당, 도메인 등록 및 네트워크 정보 관리 등의 업무를 담당하여 처리하는 기관으로 옳은 것은?
1RIPE-NCC
2KRNIC
3InterNIC
4APNIC
정답 및 해설

국내 IP 주소 할당과 도메인 등록을 담당하는 기관은 KRNIC이다.

KRNIC은 한국인터넷정보센터로, 국내 IP 주소 할당과 .kr 도메인 등록·네트워크 정보 관리 업무를 맡았다.

  • RIPE-NCC는 유럽 지역의 IP 주소를 관리하는 지역 인터넷 등록 기관이다.
  • InterNIC은 미국에서 도메인 등록과 인터넷 정보 관리를 맡았던 기관이다.
  • APNIC은 아시아·태평양 지역 전체의 IP 주소를 관리하는 지역 기관으로, 국내 업무를 직접 처리하는 곳이 아니다.
문제 32
인터넷 익스플로러 6.0에서 [파일]메뉴에 해당되지 않는 것은?
1새로 만들기
2열기
3새로 고침
4페이지 설정
정답 및 해설

[파일] 메뉴에 해당되지 않는 것은 새로 고침이다.

새로 고침은 현재 페이지를 다시 불러오는 기능으로 [보기] 메뉴에 속한다.

  • 새로 만들기는 [파일] 메뉴에 있다.
  • 열기는 [파일] 메뉴에 있다.
  • 페이지 설정은 [파일] 메뉴에 있다.
문제 33
인터넷의 도메인 이름들의 위치를 알아내기 위한 IP주소로 바꾸어주는 것은?
1Web Server
2Domain Name Server
3DB Server
4Back-Up Server
정답 및 해설

도메인 이름을 IP 주소로 바꾸어 주는 것은 Domain Name Server(DNS)이다.

사용자가 도메인 이름을 입력하면 DNS가 대응하는 IP 주소를 알려 주어 해당 컴퓨터에 접속할 수 있다.

  • Web Server는 웹 문서를 저장해 요청한 클라이언트에 제공하는 서버이다.
  • DB Server는 데이터베이스를 관리하고 질의에 응답하는 서버이다.
  • Back-Up Server는 자료의 사본을 보관하는 서버이다.
문제 34
웹 페이지 저작에 있어서 옳지 않은 것은?
1텍스트를 읽을 때 그래픽이 방해되지 않아야 한다.
2웹페이지에서 가장 중요한 것은 코딩(Coding)이다.
3한 페이지에 너무 많은 것을 보여주기 위한 욕심은 버려야 한다.
4웹디자인의 일관성을 유지해야 한다.
정답 및 해설

웹 페이지 저작에서 옳지 않은 것은 코딩이 가장 중요하다는 말이다.

웹 페이지는 사용자가 읽고 이용하는 것이므로 가독성·구성·일관성 같은 사용자 중심 요소가 핵심이고, 코딩은 이를 구현하는 수단일 뿐이다.

  • 텍스트를 읽을 때 그래픽이 방해되지 않아야 한다는 것은 가독성 원칙에 맞는 설명이다.
  • 한 페이지에 너무 많은 내용을 담으려는 욕심을 버려야 한다는 것은 간결한 구성 원칙에 맞는 설명이다.
  • 웹 디자인의 일관성을 유지해야 한다는 것은 사이트 전체의 통일감을 위한 원칙에 맞는 설명이다.
문제 35
웹브라우저(Web Browser)가 아닌 것은?
1모자익
2익스플로러
3넷스케이프
4프리미어
정답 및 해설

웹 브라우저가 아닌 것은 프리미어이다.

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

  • 모자익(Mosaic)은 초기의 그래픽 웹 브라우저이다.
  • 익스플로러는 마이크로소프트의 웹 브라우저이다.
  • 넷스케이프는 대표적인 웹 브라우저이다.
문제 36
OSI 7계층에 해당되지 않는 것은?
1물리 계층
2데이터 링크 계층
3네트워크 계층
4인터페이스 계층
정답 및 해설

OSI 7계층에 해당되지 않는 것은 인터페이스 계층이다.

OSI 7계층은 물리·데이터 링크·네트워크·전송·세션·표현·응용 계층이며, 인터페이스 계층이라는 이름의 계층은 없다.

  • 물리 계층은 OSI 7계층의 첫 번째 계층이다.
  • 데이터 링크 계층은 OSI 7계층의 두 번째 계층이다.
  • 네트워크 계층은 OSI 7계층의 세 번째 계층이다.
문제 37
일반 전화선을 이용하고 전송거리가 짧은 구간에서 ADSL보다 빠른 전송 속도를 제공하며 대용량의 멀티미디어 컨텐츠를 처리할 수 있는 전송기술은?
1HADSL
2RDSL
3SDSL
4VDSL
문제 38
인터넷 방화벽(fire wall)에 대한 설명으로 올바른 것은?
1컴퓨터 프로그램에 잠입하여 컴퓨터로 하여금 본래 목적 이외의 처리를 하도록 하는 프로그램이다.
2접근을 허가받지 않는 정보 시스템에 불법으로 침투하거나 허가되지 않는 권한을 불법으로 갖는 경우를 말함
3사용자에게 소프트웨어를 합법적으로 사용할 수 있는 권한을 부여하는 것을 말한다.
4내부 네트워크에 대한 접근을 제어하고, 집중화된 보안성을 향상시킬 수 있다.
정답 및 해설

방화벽에 대한 올바른 설명은 내부 네트워크에 대한 접근을 제어하고 보안성을 높인다는 것이다.

방화벽은 외부와 내부 네트워크 사이에서 오가는 접속을 검사해 허용·차단하므로 보안을 한곳에서 집중 관리할 수 있다.

  • 프로그램에 잠입해 본래 목적 외의 처리를 하게 만드는 것은 바이러스 같은 악성 프로그램에 대한 설명이다.
  • 허가받지 않은 시스템에 불법으로 침투하거나 권한을 얻는 행위는 해킹에 대한 설명이다.
  • 소프트웨어를 합법적으로 사용할 권한을 부여하는 것은 라이선스(사용 허가)에 대한 설명이다.
문제 39
다음에서 자바 스크립트의 연산자 중 우선순위가 가장 높은 것은?
1[ ]
2++
3%
4!
정답 및 해설

우선순위가 가장 높은 연산자는 배열 첨자 [ ]이다.

[ ]는 배열 원소·객체 멤버에 접근하는 연산자로, 단항·산술 연산자보다 먼저 계산되는 최상위 그룹에 속한다.

  • ++는 증감 단항 연산자로, 멤버 접근보다 우선순위가 낮다.
  • %는 나머지를 구하는 산술 이항 연산자로, 단항 연산자보다도 우선순위가 낮다.
  • !는 논리 부정 단항 연산자로, 멤버 접근보다 우선순위가 낮다.
문제 40
다음이 설명하고 있는 것은?
1USENET
2FTP
3WAIS
4ARPANET
정답 및 해설

인터넷의 시초가 된 네트워크로, UCLA 등 여러 기관의 컴퓨터를 연결한 것은 ARPANET이다.

ARPANET은 미 국방부 산하 고등연구계획국(ARPA)의 지원으로 1969년 UCLA·SRI(스탠퍼드 연구소)·UCSB·유타대 4곳을 연결하며 시작되었고, 이후 인터넷의 모체가 되었다.

  • USENET: 1980년 전후 등장한 뉴스그룹 형태의 분산 토론 시스템으로, 처음 만들어진 네트워크가 아니다.
  • FTP: 네트워크에서 파일을 주고받는 파일 전송 프로토콜로, 컴퓨터를 연결한 망 자체가 아니다.
  • WAIS: 여러 서버에 흩어진 문서를 색인해 내용으로 찾아 주는 정보 검색 시스템이다.
문제 41
웹사이트에 움직이는 배너광고를 넣고자 할 경우 사용 가능한 툴이 아닌 것은?
1플래시(Flash)
2이미지 레디(Image Ready)
3페인터(Painter)
4스위시(Swish)
정답 및 해설

움직이는 배너광고 제작 툴로 보기 어려운 것은 페인터(Painter)이다.

페인터는 붓·물감 질감을 살려 그림을 그리는 디지털 페인팅 중심의 프로그램이어서 웹 배너 애니메이션 제작 툴로 분류되지 않는다.

  • 플래시는 벡터 기반 애니메이션을 만들어 배너로 쓸 수 있다.
  • 이미지 레디는 GIF 애니메이션을 만들 수 있는 툴이다.
  • 스위시(Swish)는 플래시(SWF) 형식의 움직이는 효과를 만드는 툴이다.
문제 42
컴퓨터그래픽시의 역사 중 제 1세대의 특징에 해당 되지 않는 것은?
11955년 CRT에 의한 영상시대가 개막되었다.
21958년 XY플로터가 개발되었다.
3컴퓨터 애니메이션 프로그램이 개발되었다.
41946년 최초의 컴퓨터인 에니악(ENIAC)이 발명 되었다.
문제 43
다음이 설명하는 파일포맷은?
1*.PICT
2*.PNG
3*.TIFF
4*.AI
정답 및 해설

인터레이싱(Interlacing) 기능과 트루 컬러 지원, 비손실 압축 방식, 감마교정 기능은 PNG 포맷의 대표적 특징이다. PNG는 GIF의 한계를 보완해 만들어진 웹용 이미지 포맷으로, 8비트 팔레트뿐 아니라 24비트 트루 컬러까지 지원하며 무손실 압축과 감마 보정을 통해 원하는 밝기로 이미지를 보정할 수 있다. PICT와 AI는 벡터/매킨토시용 포맷, TIFF는 인쇄용 무손실 포맷으로 인터레이싱이나 감마교정 기능과는 관련이 없다.

문제 44
다음이 설명하고 있는 것은?
1Programming
2Grid System
3GUI
4Margin
정답 및 해설

해상도별로 화면이 어떻게 보일지 정하고 구성요소가 배치될 크기를 비례 있게 잡아 일관된 작업을 하게 하는 것은 그리드 시스템(Grid System)이다.

그리드 시스템은 화면을 일정한 격자(가로·세로 기준선)로 나눠 텍스트·이미지 등 요소의 크기와 위치를 그 격자에 맞춰 정렬하는 레이아웃 방법이어서, 여러 페이지에 일관성을 준다.

  • Programming: 컴퓨터가 실행할 프로그램(코드)을 작성하는 일로, 화면 요소의 배치 크기를 정하는 틀이 아니다.
  • GUI: 아이콘·창·메뉴 등 그래픽 요소로 컴퓨터를 조작하게 하는 사용자 인터페이스 방식이다.
  • Margin: 요소 바깥이나 지면 가장자리의 여백으로, 레이아웃의 한 부분일 뿐 배치 체계 전체가 아니다.
문제 45
컴퓨터의 데이터 용량 표기 단위 중 차례대로 나열된 것은 어느 것인가?
1Byte<Mega Byte<Giga Byte<Kilo Byte<Tera Byte
2Byte<Kilo Byte<Tera Byte<Mega Byte<Giga Byte
3Byte<Kilo Byte<Mega Byte<Giga Byte<Tera Byte
4Byte<Mega Byte<Giga Byte<Tera Byte<Kilo Byte
정답 및 해설

용량 단위가 차례대로 나열된 것은 Byte < Kilo Byte < Mega Byte < Giga Byte < Tera Byte이다.

데이터 용량 단위는 Byte, KB, MB, GB, TB 순으로 한 단계마다 약 1,024배씩 커진다.

  • Mega, Giga 다음에 Kilo를 둔 나열은 Kilo가 Mega보다 작으므로 틀렸다.
  • Tera를 Mega, Giga보다 앞에 둔 나열은 Tera가 가장 큰 단위이므로 틀렸다.
  • Tera 다음에 Kilo를 맨 끝에 둔 나열은 Kilo가 Byte 다음으로 작은 단위이므로 틀렸다.
문제 46
웹디자인에 사용하기 위하여 사진이나 그림 등을 스캔 받을 때 나타나는 현상으로 스캔 받은 이미지에 물결무늬가 격자처럼 교차 되어 보이는 것을 무엇이라고 하는가?
1Dithering
2Scanning
3Moire
4Water Mark
정답 및 해설

스캔한 이미지에 물결무늬가 격자처럼 교차해 보이는 현상은 모아레(Moire)이다.

인쇄물의 망점 패턴과 스캔 시의 샘플링 패턴이 겹쳐 간섭무늬가 생기는 것이 모아레이다.

  • Dithering은 제한된 색상의 점을 섞어 배치해 중간색을 표현하는 기법이다.
  • Scanning은 원본을 읽어 디지털 이미지로 입력하는 작업 자체이다.
  • Water Mark는 저작권 표시 등을 위해 이미지에 넣는 흐릿한 표식이다.
문제 47
현실이나 상상속에서 제안되거나 계획된 일련의 사건들의 개략적인 줄거리를 일컫는 말로, 스토리보드를 작성하는데 토대가 되는 것은?
1시나리오
2플로우차트
3가상현실
4레이아웃 설정
정답 및 해설

스토리보드 작성의 토대가 되는 개략적인 줄거리는 시나리오이다.

시나리오는 계획된 일련의 사건을 줄거리로 정리한 것이며, 이를 바탕으로 화면별 구성을 그린 것이 스토리보드이다.

  • 플로우차트는 작업 흐름·순서를 도형으로 나타낸 순서도이다.
  • 가상현실은 컴퓨터로 만든 가상의 환경을 실제처럼 체험하게 하는 기술이다.
  • 레이아웃 설정은 화면 안 요소의 배치를 정하는 작업이다.
문제 48
다음은 컴퓨터 애니메이션의 단계별 제작 순서이다. ( )안에 들어갈 제작과정이 A부터 D의 순서대로 맞게 표시된 것은 무엇인가?
1(A)시나리오, (B)디지털채색, (C)녹음, (D)스캐닝
2(A)스캐닝, (B)시나리오, (C)디지털채색, (D)녹음
3(A)시나리오, (B)스캐닝, (C)디지털채색, (D)녹음
4(A)디지털채색, (B)시나리오, (C)스캐닝, (D)녹음
정답 및 해설

빈칸에는 차례로 (A) 시나리오, (B) 스캐닝, (C) 디지털채색, (D) 녹음이 들어간다.

도식의 흐름은 기획 → 시나리오 → 스토리보드 → 레이아웃 → 원화 → 스캐닝 → 디지털드로잉 → 디지털채색 → 편집 → 녹음이다. 종이에 그린 원화를 스캐닝해 컴퓨터로 옮긴 뒤 선을 정리(디지털드로잉)하고 색을 입히는 순서이다. 녹음은 제작 방식에 따라 그림보다 먼저 하는 선녹음도 있으나, 이 도식의 빈칸은 스캐닝과 디지털채색의 위치만으로 가려진다.

  • (A) 시나리오, (B) 디지털채색, (C) 녹음, (D) 스캐닝: 스캐닝이 편집 뒤 맨 끝에 놓여, 원화를 컴퓨터로 옮기기 전에 디지털채색부터 하는 순서가 되어 맞지 않다.
  • (A) 스캐닝, (B) 시나리오, (C) 디지털채색, (D) 녹음: 아직 스토리보드·원화도 없는 단계에서 스캐닝을 하게 되어 맞지 않다.
  • (A) 디지털채색, (B) 시나리오, (C) 스캐닝, (D) 녹음: 그림이 그려지기도 전인 기획 직후에 채색을 하게 되어 맞지 않다.
문제 49
다음 설명은 컴퓨터 그래픽시의 역사 중 몇 세대를 의미하는가?
1제 2세대
2제 3세대
3제 4세대
4제 5세대
문제 50
디지털 이미지의 최소단위를 말하는 것으로 “picture”와 “element”의 합성어는?
1픽셀(pixel)
2도트(dot)
3벡터(vector)
4이미지(image)
정답 및 해설

디지털 이미지의 최소 단위인 “picture”와 “element”의 합성어는 픽셀(pixel)이다.

pixel은 picture element를 줄인 말로, 화면을 이루는 가장 작은 점 하나를 뜻한다.

  • 도트(dot)는 인쇄·출력에서 찍히는 점을 가리키는 말로 해상도 단위(dpi)에 쓰인다.
  • 벡터(vector)는 수학적 계산으로 도형을 표현하는 방식의 이름이다.
  • 이미지(image)는 화상 전체를 가리키는 일반적인 말이다.
문제 51
그래픽 툴(Tool)인 포토샵의 전용 이미지 파일 포맷은?
1PXR
2TIFF
3PCT
4PSD
정답 및 해설

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

PSD는 포토샵이 레이어·채널 등 작업 정보를 그대로 저장하는 고유 형식이다.

  • PXR은 픽사(Pixar) 계열의 이미지 형식이다.
  • TIFF는 여러 프로그램에서 쓰는 범용 비트맵 형식으로 포토샵 전용이 아니다.
  • PCT는 매킨토시의 PICT 그래픽 형식이다.
문제 52
이미지 파일 형식 중 미국의 컴퓨서브(compuserve)사에서 통신망에서 이미지 자료를 교환하기 위해 만든 파일 포맷으로 연속적으로 움직이는 그림파일을 만들 수 있어 웹에서 많이 사용되는 파일 형식은?
1BMP
2GIF
3JPEG
4EPS
정답 및 해설

컴퓨서브사가 만들었고 움직이는 그림을 만들 수 있는 형식은 GIF이다.

GIF는 통신망에서 이미지를 교환하기 위해 개발되었고, 여러 장의 이미지를 묶어 애니메이션을 만들 수 있다.

  • BMP는 윈도의 기본 비트맵 형식으로 움직이는 그림을 만들 수 없다.
  • JPEG는 손실 압축을 쓰는 정지 영상 형식으로 움직이는 그림을 만들 수 없다.
  • EPS는 인쇄·출판에 쓰는 포스트스크립트 기반 형식이다.
문제 53
다음은 무엇에 관한 설명인가?
1CGI
2JAVA
3DHTML
4CSS
정답 및 해설

기존 HTML의 단점을 개선해 동적인 웹 페이지를 만들고, 문서의 각 요소를 객체로 다루며 자바스크립트를 기반으로 하는 기술은 DHTML이다.

DHTML(Dynamic HTML)은 HTML·CSS·자바스크립트와 DOM을 함께 써서, 서버에 페이지를 다시 요청하지 않고도 요소의 위치·스타일을 바꾸거나 사용자 동작에 반응하게 만드는 기술의 묶음이다.

  • CGI: 웹 서버가 외부 프로그램을 실행해 결과를 돌려주는 서버 측 연동 방식으로, 자바스크립트 기반의 클라이언트 기술이 아니다.
  • JAVA: 썬 마이크로시스템즈가 개발한 객체지향 프로그래밍 언어로, 자바스크립트와는 별개의 언어이다.
  • CSS: 글꼴·색·배치 등 문서의 표현을 지정하는 스타일시트 언어로, 자바스크립트를 기반으로 하는 기술이 아니다.
문제 54
1인치당 픽셀의 수를 나타내는 단위는?
1LPI
2EPI
3PPI
4DPI
문제 55
웹 사이트를 제작하기 위해 타사의 웹 사이트를 분석하는 이유로 적당하지 않은 것은?
1해당 분야의 인터넷 시장을 파악한다.
2경쟁 사이트들을 분석하여 자신의 사이트 경쟁력을 제고 한다.
3인터넷 시장의 흐름을 이해한다.
4웹 사이트에 사용할 이미지를 얻는다.
정답 및 해설

타사 사이트를 분석하는 이유로 적당하지 않은 것은 이미지를 얻기 위해서라는 것이다.

타사 사이트의 이미지는 저작권이 있는 자료이므로 분석 목적이 될 수 없고, 가져다 쓰면 저작권 침해가 된다.

  • 해당 분야의 인터넷 시장을 파악하는 것은 경쟁 분석의 정당한 목적이다.
  • 경쟁 사이트를 분석해 자사 사이트의 경쟁력을 높이는 것은 정당한 목적이다.
  • 인터넷 시장의 흐름을 이해하는 것은 정당한 목적이다.
문제 56
RGB컬러에서 R=255, G=255, B=255로 설정할 때 모니터에 어떤 색상이 나타나는가?
1White
2Black
3Blue
4Yellow
정답 및 해설

R=255, G=255, B=255로 설정하면 흰색(White)이 나타난다.

RGB는 빛의 가산혼합이어서 세 색을 모두 최대로 섞으면 백색광이 된다.

  • Black은 R, G, B가 모두 0일 때의 색이다.
  • Blue는 B만 최대이고 R, G가 0일 때의 색이다.
  • Yellow는 R, G가 최대이고 B가 0일 때의 색이다.
문제 57
픽셀 단위의 이미지 처리시 미관상 부자연스럽게 생기는 사선 형태의 경계를 부드럽게 처리해 주는 것을 무엇이라 하는가?
1앨리어싱(aliasing)
2안티앨리어싱(anti-aliasing)
3플래싱(flashing)
4인터레이싱
문제 58
인터넷상에서 사용하는 이미지 파일 포맷이 아닌 것은?
1GIF
2JPEG
3EPS
4PNG
정답 및 해설

인터넷에서 쓰는 이미지 포맷이 아닌 것은 EPS이다.

EPS는 인쇄·출판용 포스트스크립트 기반 형식으로, 웹 브라우저가 일반적으로 표시하는 형식이 아니다.

  • GIF는 웹에서 널리 쓰는 이미지 형식이다.
  • JPEG는 웹에서 널리 쓰는 이미지 형식이다.
  • PNG는 웹에서 쓰는 이미지 형식이다.
문제 59
컴퓨터그래픽스 시스템에서 입력장치로 옳지 않은 것은?
1디지타이저
2타블릿
3스캐너
4플로터
정답 및 해설

컴퓨터그래픽스 입력장치로 옳지 않은 것은 플로터이다.

플로터는 펜이나 잉크로 도면·그림을 종이에 그려 내는 출력장치이다.

  • 디지타이저는 좌표를 읽어 컴퓨터에 입력하는 입력장치이다.
  • 타블릿은 펜으로 그린 좌표를 입력하는 입력장치이다.
  • 스캐너는 이미지를 읽어 디지털 자료로 입력하는 입력장치이다.
문제 60
현재 남한과 북한에서 지원되는 비디오 출력방식을 바르게 연결한 것은?
1남한 : NTSC방식,북한 : LCD방식
2남한 : PAL방식, 북한 : SECAN방식
3남한 : NTSC, 북한 : PAL방식
4남한 : LCD방식, 북한 : NTSC방식
정답 및 해설

남한과 북한의 비디오 출력방식을 바르게 연결한 것은 남한 NTSC, 북한 PAL이다.

남한은 미국식 NTSC 방식을, 북한은 유럽식 PAL 방식을 사용한다.

  • 북한을 LCD 방식이라 한 연결은 LCD가 비디오 출력방식이 아니라 디스플레이 패널 기술이므로 틀렸다.
  • 남한을 PAL 방식이라 한 연결은 남한이 NTSC 방식을 쓰므로 틀렸다.
  • 남한을 LCD, 북한을 NTSC라 한 연결은 LCD가 출력방식이 아니고 북한은 PAL 방식을 쓰므로 틀렸다.