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

15년 1회차

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

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

15년 1회차

총 60문항 · 객관식 · 정답·해설 포함
문제 1
웹 디자인에 대한 설명으로 거리가 먼 것은?
1웹 페이지를 디자인하고 제작하는 것을 의미한다.
2웹 디자인은 개인용 홈페이지 이외에 기업용 등 다양하다.
3웹 디자인은 Web과 Design이라는 두 가지 개념이 결합된 것이다.
4기업, 단체, 행사의 특징과 성격에 맞는 시각적 상징물을 말한다.
정답 및 해설

웹 디자인 설명으로 거리가 먼 것은 시각적 상징물이라는 내용이다.

기업·단체·행사의 특징을 나타내는 시각적 상징물은 CI·심벌 같은 상징 디자인의 설명이며, 웹 디자인은 웹페이지를 디자인하고 제작하는 일이다.

  • 웹 페이지 제작: 웹 페이지를 디자인하고 제작하는 것이 웹 디자인이다.
  • 다양한 용도: 개인 홈페이지뿐 아니라 기업용 등 다양하다.
  • 두 개념의 결합: Web과 Design이 결합된 말이다.
문제 2
디자인의 심미성에 대한 설명으로 맞는 것은?
1아름다움을 느끼는 미적 의식이며 주관적일 수 있다.
2감성적인 부분으로 모든 사람에게 동일하게 나타난다.
3합리적이며 객관적인 미적 활동이다.
4국가, 민족, 관습, 시대와 관계없이 동일하게 나타난다.
정답 및 해설

디자인의 심미성은 아름다움을 느끼는 미적 의식이며 주관적일 수 있다.

심미성은 감성에 바탕을 두므로 사람마다, 문화마다 달라질 수 있다.

  • 모든 사람에게 동일: 감성적 부분은 개인차가 있어 동일하지 않다.
  • 합리적이며 객관적: 이는 합리성·합목적성의 성격이며 심미성은 감성적이다.
  • 시대와 관계없이 동일: 아름다움의 기준은 국가·민족·관습·시대에 따라 달라진다.
문제 3
동시 대비에 해당하지 않는 것은?
1색상 대비
2명도 대비
3보색 대비
4한란 대비
문제 4
계통 색명이라고도 하며 색상, 명도, 채도를 표시하는 색명은?
1특정색명
2관용색명
3일반색명
4근대색명
문제 5
다음 내용이 설명하는 것은?
1포토몽타주
2뜨롬쁘 레이유
3프로타주
4콜라주
정답 및 해설

프랑스어 Frotter(문지르다)에서 유래하고, 나뭇잎·헝겊 위에 종이를 대고 연필·크레용으로 문질러 나타내며 막스 에른스트 같은 초현실주의 화가가 즐겨 쓴 기법은 프로타주이다.

물체 표면의 질감을 문질러 베껴 내는 것이 핵심이다.

  • 포토몽타주는 여러 사진을 오려 붙이거나 합성해 새 화면을 만드는 기법이다.
  • 뜨롬쁘 레이유(trompe-l'œil)는 실물로 착각할 만큼 사실적으로 그리는 눈속임 기법이다.
  • 콜라주는 종이·천·인쇄물 같은 재료를 화면에 직접 붙여 구성하는 기법이다.
문제 6
색채조화의 공통원리에 대한 설명으로 틀린 것은?
1질서의 원리는 효과적인 반응을 일으키는 질서 있는 계획에 따라 선택된 색채들에서 생긴다.
2비모호성의 원리는 두 색 이상의 배색에 있어서 모호함이 없는 명료한 배색에서만 얻어진다.
3동류의 원리는 가장 가까운 색채끼리의 배색은 보는 사람에게 친근감을 주며 조화를 느끼게 한다.
4유사의 원리는 색의 3속성의 차이가 큰 색상의 배색이 더욱 조화롭게 나타난다.
정답 및 해설

색채조화의 공통원리 설명으로 틀린 것은 유사의 원리에 관한 내용이다.

유사의 원리는 색의 3속성이 서로 비슷한 배색이 조화롭다는 것이며, 차이가 클수록 조화롭다는 설명은 반대이다.

  • 질서의 원리: 질서 있는 계획에 따라 선택된 색에서 조화가 생긴다는 설명으로 옳다.
  • 비모호성의 원리: 모호하지 않은 명료한 배색에서 조화를 얻는다는 설명으로 옳다.
  • 동류의 원리: 가까운 색끼리의 배색이 친근감을 준다는 설명으로 옳다.
문제 7
자극이 생긴 후 이제까지 보고 있던 상을 계속해서 볼 수 있는 현상은?
1조화
2연상
3명시성
4잔상
정답 및 해설

자극이 사라진 뒤에도 보던 상이 계속 보이는 현상은 잔상이다.

잔상은 자극이 끝난 뒤에도 시각 반응이 남아 이전 상이 이어져 보이는 것이다.

  • 조화는 색들이 서로 어울리는 상태이다.
  • 연상은 색을 보고 어떤 사물이나 느낌을 떠올리는 것이다.
  • 명시성은 배경과 구별되어 잘 보이는 정도이다.
문제 8
어두운 곳에 들어갔을 때 물체의 상이 흐리게 나타나는 현상과 가장 관계가 깊은 것은?
1색순응
2푸르킨예 현상
3박명시
4조건등색
정답 및 해설

어두운 곳에 들어갔을 때 물체의 상이 흐리게 보이는 현상과 관계 깊은 것은 박명시이다.

박명시는 밝은 곳의 시각(명소시)과 어두운 곳의 시각(암소시) 사이 중간 밝기에서 추상체와 간상체가 함께 작용하는 상태로, 이때 물체의 상이 불명료하게 보인다.

  • 색순응은 조명 색에 눈이 적응해 시간이 지나면 그 색감을 덜 느끼게 되는 현상이다.
  • 푸르킨예 현상은 어두워질 때 파랑 계열이 상대적으로 밝게 보이고 빨강 계열이 어둡게 보이는 현상이다.
  • 조건등색은 분광 분포가 다른 두 색이 특정 조명에서 같게 보이는 현상이다.
문제 9
유사, 대비, 균일, 강약 등의 디자인 요소가 포함되어 있는 디자인 원리는?
1균형
2리듬
3조화
4통일
정답 및 해설

유사, 대비, 균일, 강약 등이 포함된 디자인 원리는 조화이다.

조화는 유사 조화와 대비 조화처럼 요소들이 서로 어울리도록 이루는 원리이다.

  • 균형은 대칭·비례 등으로 이루는 시각적 안정이다.
  • 리듬은 반복·점증 등으로 만드는 율동감이다.
  • 통일은 전체를 하나의 질서로 묶어 일체감을 주는 원리이다.
문제 10
디자인 형태의 분류 중 이념적 형태에 속하는 것은?
1인위 형태
2추상 형태
3자연 형태
4실제 형태
정답 및 해설

이념적 형태에 속하는 것은 추상 형태이다.

형태는 이념적 형태와 현실적 형태로 나뉜다. 이념적 형태는 직접 지각할 수 없고 개념으로만 제시되는 점·선·면·입체 같은 순수 형태로, 추상 형태라고도 한다.

  • 인위 형태는 사람이 만든 형태로 현실적 형태에 속한다.
  • 자연 형태는 자연에 존재하는 형태로 현실적 형태에 속한다.
  • 실제 형태는 눈으로 보고 손으로 만질 수 있게 실제로 존재하는 형태로 현실적 형태에 속한다.
문제 11
데 스틸(De Stijl)에 관한 설명으로 틀린 것은?
1네덜란드를 중심으로 한 신조형 운동으로 요소주의라고도 불리운다.
2도스부르크, 몬드리안, 리트벨트 등이 주요인물이다.
3아르누보의 조형사상에 큰 영향을 주었다.
4현대의 조형 활동은 인공세계를 상징하고 표현하는데 중점을 두어야 한다고 생각하였다.
정답 및 해설

데 스틸에 관한 설명으로 틀린 것은 아르누보의 조형사상에 영향을 주었다는 내용이다.

데 스틸은 1917년 네덜란드에서 시작된 운동으로, 19세기 말~20세기 초에 전개된 아르누보보다 뒤에 등장했다. 데 스틸이 영향을 준 것은 바우하우스 등 이후의 근대 조형이다.

  • 신조형 운동: 네덜란드를 중심으로 한 신조형 운동이며 요소주의라고도 한다.
  • 주요 인물: 도스부르크, 몬드리안, 리트벨트가 대표 인물이다.
  • 인공세계 표현: 현대 조형은 인공 세계를 상징하고 표현해야 한다고 보았다.
문제 12
연속적인 패턴에서 볼 수 있는 디자인 원리는?
1동세
2균형
3반복
4변화
정답 및 해설

연속적인 패턴에서 볼 수 있는 디자인 원리는 반복이다.

같은 요소가 되풀이되어 이어지는 것이 연속 패턴의 특징이다.

  • 동세는 움직이는 듯한 느낌을 주는 원리이다.
  • 균형은 시각적 안정감을 이루는 원리이다.
  • 변화는 통일에 대응하는 다양성의 원리이다.
문제 13
POP(Point of Purchase) 광고의 특징으로 바르지 않는 것은?
1충동구매를 유도한다.
2상품이 있는 장소에서 설득력이 없다.
3소매점의 장식 효과를 찾는다.
4구매를 촉진, 결단하게 하는 설득력을 갖는다.
정답 및 해설

POP 광고의 특징으로 바르지 않은 것은 상품이 있는 장소에서 설득력이 없다는 내용이다.

POP는 구매 시점의 매장에서 소비자에게 직접 작용하므로 오히려 설득력이 크다.

  • 충동구매 유도: 구매 시점에서 충동구매를 이끈다.
  • 장식 효과: 소매점의 장식 효과도 갖는다.
  • 구매 촉진: 구매를 촉진하고 결단하게 하는 설득력이 있다.
문제 14
다음 중 수평선에 대한 설명으로 맞는 것은?
1평화와 정지를 나타내고 안정감을 준다.
2동적이고 불안정한 느낌을 준다.
3이지적 상징을 준다.
4고결, 희망을 나타내고 상승감, 긴장감을 준다.
문제 15
다음 중 4차원 디자인이 아닌 것은?
1TV 디자인
2POP Art
3애니메이션
4무대 디자인
정답 및 해설

4차원 디자인이 아닌 것은 POP Art이다.

4차원 디자인은 시간 요소가 들어가는 디자인이고, POP Art는 미술 사조이다.

  • TV 디자인은 시간에 따라 화면이 변하는 영상 디자인이다.
  • 애니메이션은 시간 흐름에 따라 움직임을 표현한다.
  • 무대 디자인은 공연의 시간 흐름과 함께 공간이 변화한다.
문제 16
다음 중 기계적 질감에 해당하지 않는 것은?
1사진의 망점
2인쇄상의 스크린 톤
3텔레비전 주사선
4나뭇결 무늬
정답 및 해설

기계적 질감에 해당하지 않는 것은 나뭇결 무늬이다.

나뭇결은 자연물에서 나온 자연적 질감이다.

  • 사진의 망점은 기계적 질감이다.
  • 인쇄상의 스크린 톤은 기계적 질감이다.
  • 텔레비전 주사선은 기계적 질감이다.
문제 17
제과점 홈페이지를 제작할 대 식욕을 돋게 하는 색채로 가장 거리가 먼 것은?
1녹색
2주황
3노랑
4빨강
정답 및 해설

제과점 홈페이지에서 식욕을 돋게 하는 색과 가장 거리가 먼 것은 녹색이다.

녹색은 건강·안전의 느낌을 주는 색으로, 식욕을 자극하는 난색 계열과는 거리가 있다.

  • 주황은 따뜻한 난색으로 식욕을 돋운다.
  • 노랑은 명랑하고 따뜻한 난색으로 식욕을 돋운다.
  • 빨강은 따뜻한 난색으로 식욕을 자극한다.
문제 18
그림과 같이 도형의 한쪽이 튀어나와 보여서 입체로 지각되는 착시 현상은?
1방향의 착시
2착시의 분할
3대비의 착시
4반전 실체의 착시
정답 및 해설

같은 계단 그림이 볼 때마다 앞으로 튀어나온 계단과 뒤집힌 계단으로 번갈아 지각되는 것이 반전 실체의 착시다. 평면 도형에 깊이 단서가 모호해 지각이 두 해석 사이를 오가면서 생긴다.

문제 19
색광에서 Red, Blue가 혼합될 때 그 결과 색은?
1Cyan
2Yellow
3Magenta
4White
정답 및 해설

색광에서 Red와 Blue를 혼합하면 Magenta가 된다.

색광은 가산혼합이므로 Red와 Blue가 더해져 Magenta가 된다.

  • Cyan은 Green과 Blue의 혼합색이다.
  • Yellow는 Red와 Green의 혼합색이다.
  • White는 Red·Green·Blue 세 색광을 모두 섞어야 얻는다.
문제 20
다양한 구성 요소끼리 하나의 규칙으로 단일화시키는 원리는?
1주조
2연속
3통일
4반복
정답 및 해설

서로 다른 구성요소를 하나의 규칙으로 묶어 전체가 한 덩어리로 보이게 하는 원리가 통일이다. 반복·연속은 통일을 얻기 위한 수단이고, 대비는 오히려 요소 간 차이를 강조하는 원리다.

문제 21
다음은 어떤 검색엔진의 사용에 대한 설명인가?
1키워드 검색엔진
2주제별 검색엔진
3혼합 검색엔진
4메타 검색엔진
정답 및 해설

분야별로 어떤 정보가 있는지 알고 싶을 때 대분류→중분류→소분류로 범위를 좁혀 찾는 방식은 주제별 검색엔진(디렉터리형)이다.

키워드를 몰라도 찾을 수 있지만, 여러 단계를 거쳐야 하고 분류를 잘못 고르면 시간이 낭비된다는 단점도 함께 설명되어 있다.

  • 키워드 검색엔진은 단어를 입력해 색인된 문서를 찾는 방식으로, 분류 단계를 따라가지 않는다.
  • 혼합 검색엔진은 주제별 분류와 키워드 검색을 함께 제공하는 방식이라, 분류 탐색만으로 설명되지 않는다.
  • 메타 검색엔진은 자체 색인 없이 여러 검색엔진에 동시에 질의해 결과를 모아 보여 준다.
문제 22
하이퍼텍스트에서 사용되는 <A>태그에서 A가 지칭하는 용어는?
1앤드(And)
2오토(Auto)
3앵커(Anchor)
4어너니머스(Anonymous)
정답 및 해설

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

앵커는 문서의 다른 위치나 문서로 연결하는 하이퍼링크의 기점이다.

  • 앤드(And)는 하이퍼링크 개념과 관계없는 접속어이다.
  • 오토(Auto)는 링크 태그의 명칭이 아니다.
  • 어너니머스(Anonymous)는 링크 태그의 명칭이 아니다.
문제 23
HTML 문서의 시작과 끝을 표시하기 위해 사용되는 태그로 옳은 것은?
1<T></T>
2<body></body>
3<html></html>
4<link></link>
정답 및 해설

HTML 문서의 시작과 끝을 표시하는 태그는 문서 전체를 감싸는 <html></html>이다.

html 태그는 문서 전체를 감싸 HTML 문서임을 나타낸다.

  • <T></T>는 HTML에 없는 태그이다.
  • <body></body>는 문서의 본문 영역만 감싼다.
  • <link></link>는 외부 문서·스타일 시트를 연결하는 태그이다.
문제 24
상호작용을 지원하는 웹페이지 제작을 위한 CGI의 설명으로 틀린 것은?
1웹브라우저와 웹 서버, 응용 프로그램 간의 일종의 인터페이스이다.
2방명록이나 카운터, 게시판 등에 사용된다.
3웹 서버 프로그램은 CGI 기능을 사용할 수 없다.
4HTML의 <FORM> 태그를 이용하여 CGI 프로그램으로 데이터를 전달한다.
정답 및 해설

CGI 설명으로 틀린 것은 웹 서버 프로그램이 CGI 기능을 사용할 수 없다는 내용이다.

CGI는 웹 서버가 외부 프로그램을 실행하고 그 결과를 브라우저로 돌려주는 방식이므로 서버 프로그램이 사용한다.

  • 인터페이스: 웹브라우저, 웹 서버, 응용 프로그램 사이의 인터페이스이다.
  • 사용 예: 방명록·카운터·게시판 등에 쓰인다.
  • FORM 태그: HTML의 <FORM> 태그로 CGI 프로그램에 데이터를 전달한다.
문제 25
웹브라우저(Web Browser)가 아닌 것은?
1아파치
2크롬
3파이어폭스
4오페라
정답 및 해설

웹브라우저가 아닌 것은 아파치이다.

아파치는 웹 문서를 제공하는 웹 서버 프로그램이다.

  • 크롬은 웹 브라우저이다.
  • 파이어폭스는 웹 브라우저이다.
  • 오페라는 웹 브라우저이다.
문제 26
다음이 설명하고 있는 통신 프로토콜은?
1TCP/IP
2SLIP/PPP
3ARP/UDP
4POP/SMTP
정답 및 해설

컴퓨터의 직렬포트(시리얼 회선)를 이용해 인터넷에 연결된 호스트를 거쳐 접속하는 프로토콜은 SLIP/PPP이다.

SLIP과 PPP는 모뎀 등 직렬 회선 위에서 IP 패킷을 전달하는 접속 프로토콜이며, PPP는 SLIP을 개선해 인증·오류 검출을 더했다.

  • TCP/IP는 인터넷 통신 전반의 기본 프로토콜 묶음으로, 직렬포트 접속용 프로토콜이 아니다.
  • ARP는 IP 주소를 물리(MAC) 주소로 바꾸고, UDP는 비연결형 전송 프로토콜이다.
  • POP/SMTP는 전자우편 수신·송신 프로토콜이다.
문제 27
인터넷을 이용하여 한 컴퓨터에서 다른 컴퓨터로 파일 전송을 하는 프로토콜은?
1FTP
2Usenet
3Telnet
4ICMP
정답 및 해설

FTP(File Transfer Protocol)는 인터넷을 통해 한 컴퓨터에서 다른 컴퓨터로 파일을 전송하기 위한 표준 프로토콜이다. Usenet은 뉴스그룹 기반의 토론 시스템, Telnet은 원격 터미널 접속 프로토콜, ICMP는 네트워크 진단 목적의 프로토콜로서 파일 전송 목적이 아니다.

문제 28
HTML 문서에 삽입되는 자바 프로그램으로 대화형 페이지를 만드는데 효과적으로 사용될 수 있는 것은?
1컨트롤
2컴포넌트
3클래스
4애플릿
정답 및 해설

HTML 문서에 삽입되는 자바 프로그램은 애플릿이다.

애플릿은 웹 페이지에 포함되어 브라우저에서 실행되는 작은 자바 프로그램이다.

  • 컨트롤은 버튼·입력 상자 같은 화면 조작 부품을 가리키는 말이다.
  • 컴포넌트는 재사용 가능한 소프트웨어 부품을 가리키는 일반 용어이다.
  • 클래스는 객체의 속성과 동작을 정의하는 틀이다.
문제 29
HTML 문서의 작성자, 날짜, 주요 단어 등 웹브라우저의 내용에는 나타나지 않는 웹 문서의 일반 정보를 나타낼 때 사용하는 태그는?
1<title>
2<meta>
3<head>
4<body>
정답 및 해설

웹 문서의 작성자·날짜·키워드 같은 일반 정보는 <meta> 태그로 나타낸다.

<meta> 는 <head> 안에 놓이며 브라우저 화면에는 표시되지 않는 문서 정보(메타데이터)를 담는다.

  • <title> 는 문서의 제목을 지정하며 브라우저 제목 표시줄(탭)에 표시된다.
  • <head> 는 문서 정보를 담는 영역(컨테이너)이지 작성자·날짜 같은 개별 정보를 나타내는 태그가 아니다.
  • <body> 는 브라우저 화면에 표시되는 본문 내용을 담는다.
문제 30
일반적인 웹브라우저(Web Browser)의 기능이 아닌 것은?
1인터넷을 편리하게 사용할 수 있다.
2원하는 웹사이트에 쉽게 접속할 수 있다.
3컴퓨터 바이러스를 치료해 준다.
4자주 이용하는 웹사이트의 목록을 관리할 수 있다.
정답 및 해설

컴퓨터 바이러스 치료는 웹 브라우저의 기능이 아니다.

바이러스 치료는 백신 프로그램의 역할이고, 웹 브라우저는 웹 문서를 읽어 화면에 보여 주는 프로그램이다.

  • 인터넷 이용을 편리하게 해 주는 것은 웹 브라우저의 기본 역할이다.
  • 주소 입력으로 원하는 웹사이트에 접속하는 것은 웹 브라우저의 기능이다.
  • 즐겨찾기로 자주 가는 사이트 목록을 관리하는 것도 웹 브라우저의 기능이다.
문제 31
HTML의 테이블과 관련이 없는 태그는?
1<TR>
2<TH>
3<DT>
4<CAPTION>
정답 및 해설

<DT> 는 테이블이 아니라 정의 목록과 관련된 태그다.

<DT> 는 정의 목록(<DL>)에서 용어를 나타낸다.

  • <TR> 은 표의 행을 만든다.
  • <TH> 는 표의 제목 셀을 만든다.
  • <CAPTION> 은 표의 제목(캡션)을 붙인다.
문제 32
네트워크 구조 중 링(Ring)형의 특징에 대한 설명으로 틀린 것은?
1노드의 변경 및 추가가 쉽다.
22개 이상은 각 노드들이 고리 형태로 연결되어 있다.
3전송중인 데이터는 목적 컴퓨터에 도달할 때까지 링을 통해 전달된다.
4잡음(noise)에 강하다.
정답 및 해설

링형은 고리 구조 때문에 노드의 변경·추가가 쉽지 않아 이 설명이 틀린 것이다.

링형은 노드를 고리로 이어 놓아 노드를 넣거나 뺄 때 링 연결을 끊고 다시 이어야 하므로 구성 변경이 어렵다.

  • 각 노드가 고리 형태로 연결되는 것이 링형 구조의 정의이므로 맞는 설명이다.
  • 데이터가 목적지에 닿을 때까지 링을 따라 노드에서 노드로 전달되므로 맞는 설명이다.
  • 각 노드가 받은 신호를 재생(중계)해 다음 노드로 넘기므로 신호 감쇠·잡음이 누적되지 않아 잡음에 강하다는 설명은 맞다.
문제 33
구글(Google) 검색엔진에 대한 설명으로 틀린 것은?
1로봇(Robot) 프로그램을 이용하는 단어별 다국어 검색 엔진이다.
2검색 결과와 유사한 문서들을 [비슷한 페이지] 링크로 보여준다.
3PDF 형태의 정보 검색이 가능하다.
4모든 검색어에 대해 기본 값으로 OR 연산을 실행한다.
정답 및 해설

구글은 검색어를 여러 개 쓰면 기본적으로 모두 포함한 문서를 찾으므로 기본값이 OR 연산이라는 설명은 틀리다.

구글의 기본 동작은 AND 연산이며, OR 은 검색어 사이에 따로 지정해야 한다.

  • 로봇(크롤러) 프로그램으로 웹 문서를 수집해 단어별로 검색하는 것은 구글의 방식이다.
  • 검색 결과와 유사한 문서를 '비슷한 페이지' 링크로 보여 주는 기능이 구글에 있었다.
  • PDF 문서도 검색 대상에 포함된다.
문제 34
다음이 설명하고 있는 것은?
1Shell
2Ruby
3DHTML
4XML
정답 및 해설

기존 HTML의 단점을 개선해 동적인 웹페이지를 만들고, 문서 요소를 객체로 다뤄 위치·스타일·상호작용·움직임을 주며 자바스크립트를 기반으로 하는 기술은 DHTML이다.

DHTML은 HTML·CSS·자바스크립트에 DOM을 결합해 서버에 다시 요청하지 않고 화면을 바꾼다.

  • Shell은 사용자 명령을 해석해 운영체제에 전달하는 명령어 해석기이다.
  • Ruby는 마츠모토 유키히로가 만든 객체지향 스크립트 언어로, HTML 확장 기술이 아니다.
  • XML은 사용자가 태그를 정의해 데이터 구조를 기술하는 마크업 언어로, 화면 동작을 만드는 기술이 아니다.
문제 35
HTML(Hyper Text Markup Language)의 특징으로 거리가 먼 것은?
1HTML은 Markup 언어이다.
2HTML 문서는 ASCII 코드로 구성된 일반적인 텍스트 파일이다.
3HTML 문서에는 동영상을 재생할 수 없다.
4HTML은 컴퓨터 시스템이나 운영체제에 독립적이다.
정답 및 해설

HTML의 특징을 평가할 때, 1번은 마크업 언어의 정의 자체이고, 2번은 텍스트 기반 파일이며, 4번은 플랫폼 독립성으로 모두 HTML의 핵심 특징입니다. 반면 3번은 현재 HTML5에서 <video> 태그를 통해 동영상 재생이 가능하므로 거리가 먼 설명입니다.

문제 36
자바스크립트에서 사용되는 연산자가 아닌 것은?
1|, ||
2&, &&
3>>, >>>
4<<, <<<
정답 및 해설

자바스크립트에는 비트 왼쪽 시프트 연산자인 <<와 비트 오른쪽 시프트 연산자인 >>, >>>가 있지만, <<< 연산자는 지원되지 않는다. 1번의 |, ||와 2번의 &, &&도 비트·논리 연산자로 사용되며, 3번의 >>, >>> 역시 유효한 시프트 연산자이다.

문제 37
미국의 대학과 연구기관, 일부 민간회사의 컴퓨터 센터를 연결하는 광역 학술 연구망은?
1NSFNET
2ARPANET
3BITNET
4CSNET
문제 38
두 개의 컴퓨터 사이에 정보교환을 위해 사용되는 규칙을 의미하는 것은?
1스트림
2패킷
3프로토콜
4인터페이스
정답 및 해설

두 컴퓨터 사이의 정보 교환 규칙은 프로토콜이다.

프로토콜은 통신 시 데이터 형식·전송 순서·오류 처리 등을 정한 약속이다.

  • 스트림은 데이터가 연속적으로 흘러가는 흐름을 뜻하며 규칙을 가리키지 않는다.
  • 패킷은 전송을 위해 잘게 나눈 데이터 단위이지 규칙이 아니다.
  • 인터페이스는 장치나 프로그램 사이를 잇는 접점·연결 방식을 뜻하며 통신 규칙 자체와는 다르다.
문제 39
인터넷상의 서버에 자신의 계정이 있어 서버 접속을 위해 사용자명과 패스워드를 입력하는 행위를 지칭하는 용어는?
1로그아웃(logout)
2로그인(login)
3링크(Link)
4서핑(surfing)
정답 및 해설

계정 이름과 패스워드를 입력해 서버에 접속하는 행위는 로그인이다.

로그인은 사용자 인증을 거쳐 서버에 접속하는 절차다.

  • 로그아웃은 접속을 끝내고 빠져나오는 행위다.
  • 링크는 문서와 문서를 연결하는 요소다.
  • 서핑은 인터넷에서 여러 사이트를 돌아다니며 정보를 찾는 행위다.
문제 40
자바스크립트에서 일정 시간마다 지정된 처리를 반복 호출하는 함수는?
1escape()
2clearTimeout()
3setInterval()
4setTimeout()
정답 및 해설

일정 시간마다 지정한 처리를 반복해서 호출하는 함수는 setInterval() 이다.

setInterval() 은 지정한 시간 간격으로 함수를 되풀이해서 실행한다.

  • escape() 는 문자열을 URL 등에 쓸 수 있게 인코딩하는 함수다.
  • clearTimeout() 은 setTimeout() 으로 예약한 실행을 취소하는 함수다.
  • setTimeout() 은 지정한 시간이 지난 뒤 한 번만 실행한다.
문제 41
다음 웹디자인 프로세스를 순서대로 바르게 나열한 것은?(일부 컴퓨터에서 보기의 특수문자가 정상적으로 보이지 않아고 괄호뒤에 다시 표기하여 둡니다.)
1㉮→㉯→㉰→㉱→㉲→㉳→㉴(가→나→다→라→마→바→사)
2㉯→㉮→㉰→㉱→㉴→㉲→㉳(나→가→다→라→사→마→바)
3㉮→㉰→㉳→㉴→㉯→㉱→㉲(가→다→바→사→나→라→마)
4㉯→㉮→㉰→㉱→㉲→㉴→㉳(나→가→다→라→마→사→바)
정답 및 해설

바른 순서는 주제설정 → 콘텐츠 준비 → 레이아웃 설계 → 페이지 제작 → 테스트 및 수정 → 서버에 업로드 → 유지보수이다.

주제가 정해져야 모을 콘텐츠가 정해지고, 완성한 페이지는 공개 전에 테스트로 오류를 고친 뒤 서버에 올리며, 유지보수는 공개 이후 단계이다.

  • 콘텐츠 준비로 시작해 서버 업로드 → 유지보수 → 테스트 순으로 끝나는 배열은 주제보다 콘텐츠가 앞서고, 공개·유지보수 뒤에야 테스트한다.
  • 주제설정으로 시작하지만 업로드 뒤에 테스트·유지보수가 오는 배열은 검증 전에 공개한다.
  • 콘텐츠 준비 → 레이아웃 설계 → 유지보수 → 테스트 순으로 가는 배열은 페이지 제작 전에 유지보수가 와서 성립하지 않는다.
문제 42
웹사이트 구축 시 고려사항으로 가장 거리가 먼 것은?
1명확하고 일관된 내비게이션을 유지한다.
2가급적이면 플러그인이 필요 없는 페이지를 만든다.
3메뉴별로 사용한 모든 이미지는 유지보수를 위해 같은 폴더에 관리한다.
4안정된 기술을 사용한다.
정답 및 해설

메뉴와 상관없이 모든 이미지를 한 폴더에 몰아 두는 것은 사이트 구축 시 고려사항과 거리가 멀다.

이미지가 많아질수록 한 폴더에 섞이면 찾기 어려우므로 메뉴·용도별로 폴더를 나누어 관리하는 것이 유지보수에 유리하다.

  • 명확하고 일관된 내비게이션은 사용자가 길을 잃지 않게 하는 기본 고려사항이다.
  • 플러그인이 필요 없는 페이지는 사용자 환경에 상관없이 열리므로 바람직한 고려사항이다.
  • 안정된 기술을 사용하는 것은 오류와 호환 문제를 줄이는 고려사항이다.
문제 43
웹 문서에 텍스트나 이미지 또는 멀티미디어 요소를 클릭하면 외부의 텍스트나 이미지, 기타 다른 멀티미디어 요소로 변경되는 것은?
1테이블
2하이퍼링크
3프레임
4태그
정답 및 해설

클릭하면 다른 텍스트·이미지·멀티미디어로 이동하는 것은 하이퍼링크다.

하이퍼링크는 웹 문서의 요소를 클릭해 다른 자료로 연결되게 하는 기능이다.

  • 테이블은 행과 열로 내용을 배열하는 표다.
  • 프레임은 브라우저 창을 나누어 여러 문서를 보여 주는 방식이다.
  • 태그는 HTML 문서의 구조·의미를 지정하는 표시 요소다.
문제 44
컴퓨터 그래픽의 이미지 표현 방식 중 벡터에 대한 설명으로 거리가 먼 것은?
1이미지가 복잡하지 않은 글자나 로고, 캐릭터 등에 적합하다.
2이미지를 축소, 확대하여도 이미지 질에 손상이 없다.
3도형으로 이루어져서 선과 면이 뭉개지지 않아 깔끔하게 표현된다.
4픽셀이 모여서 점과 점 사이를 연결하여 이미지가 구성되는 방식이다.
정답 및 해설

픽셀이 모여 이미지를 구성한다는 설명은 벡터가 아니라 비트맵(래스터)의 특징이다.

벡터는 점·선·면을 수학적 도형 정보로 저장하는 방식이다.

  • 글자·로고·캐릭터처럼 단순한 이미지에 적합하다는 것은 벡터의 특징이다.
  • 확대·축소해도 화질이 손상되지 않는 것은 벡터의 특징이다.
  • 도형으로 구성되어 선과 면이 뭉개지지 않고 깔끔한 것도 벡터의 특징이다.
문제 45
웹상에 사용되는 파일 포맷 중 GIF와 JPG의 장점을 합친 형태로 GIF와는 달리 투명도 자체를 조절할 수 있는 특징을 가진 것은?
1AI
2PDF
3PNG
4PSD
정답 및 해설

GIF와 JPG의 장점을 결합하면서 투명도 조절 기능을 지닌 파일 포맷은 PNG이다. PNG는 GIF처럼 무손실 압축을 지원하고 JPG처럼 높은 색상 표현력(24비트 이상)을 제공하며, GIF의 1비트 투명도(완전 투명/불투명)와 달리 알파 채널을 통해 256단계의 투명도 값을 자유롭게 조절할 수 있다. AI는 벡터 그래픽, PDF는 문서 포맷, PSD는 포토샵 작업 파일로 웹 표준 포맷이 아니다.

문제 46
동적인 타이포그래피를 나타내는 것으로 틀린 것은?
1키네틱 타이포그래피
2스테이틱 타이포그래피
3무빙 타이포그래피
4모션 타이포그래피
정답 및 해설

스테이틱은 '정적인'이라는 뜻이어서 동적 타이포그래피가 아니다.

동적 타이포그래피는 글자가 움직이는 표현을 가리킨다.

  • 키네틱은 '움직임'을 뜻하며 움직이는 타이포그래피를 가리킨다.
  • 무빙은 말 그대로 움직이는 타이포그래피를 가리킨다.
  • 모션은 '움직임'을 뜻하며 움직이는 타이포그래피를 가리킨다.
문제 47
2D 애니메이션의 종류가 아닌 것은?
1셀 애니메이션
2모래 애니메이션
3페이퍼 애니메이션
4클레이 애니메이션
정답 및 해설

클레이 애니메이션은 2D가 아니라 입체 애니메이션이다.

클레이 애니메이션은 점토 인형을 입체로 조금씩 움직여 촬영하는 방식이다.

  • 셀 애니메이션은 투명 셀룰로이드에 그린 평면 그림을 촬영하는 2D 방식이다.
  • 모래 애니메이션은 평면 위에서 모래로 그림을 만들어 가는 2D 방식이다.
  • 페이퍼 애니메이션은 종이에 그린 평면 그림을 이용하는 2D 방식이다.
문제 48
3차원 그래픽스에서 렌더링 과정과 거리가 먼 것은?
1은면 제거
2그림자 표현
3원근 투명
4텍스쳐 매핑
문제 49
자바스크립트에 사용되는 연산자의 설명으로 틀린 것은?
1"서로 같지 않다"의 관계연산자는 "!="이다.
2"서로 같다"의 관계연산자는 "="이다.
3“++”는 증가 연산자이다.
4“^”는 논리 연산자이다.
문제 50
동영상 파일 포맷으로 틀린 것은?
1*.mp3
2*.asf
3*.avi
4*.rm
정답 및 해설

mp3 는 동영상이 아니라 음향(오디오) 파일 형식이다.

mp3 는 소리를 압축해 저장하는 포맷이다.

  • asf 는 동영상 포맷이다.
  • avi 는 동영상 포맷이다.
  • rm 은 RealMedia 동영상 포맷이다.
문제 51
안티앨리어싱(Anti-aliasing)에 대한 설명으로 맞는 것은?
1외곽선의 계단현상을 선명하게 한다.
2외곽선의 계단현상을 부드럽게 한다.
3외곽선의 계단현상을 만든다.
4외곽선의 계단현상을 사각 형태로 만든다.
정답 및 해설

안티앨리어싱은 외곽선의 계단현상을 부드럽게 하는 기법이다.

경계 부분 픽셀에 중간 색조를 넣어 계단처럼 울퉁불퉁한 외곽선을 매끄럽게 보이게 한다.

  • 계단현상을 선명하게 하는 것은 오히려 계단을 더 두드러지게 하는 것이므로 목적과 반대다.
  • 계단현상을 만드는 것은 안티앨리어싱이 없애려는 현상 자체이므로 반대다.
  • 계단현상을 사각 형태로 만드는 것 역시 경계를 거칠게 하는 것이어서 반대다.
문제 52
인터넷에서 사용 가능한 사운드 파일 포맷이 아닌 것은?
1pdf
2aiff
3wav
4au
정답 및 해설

pdf 는 사운드가 아니라 문서 파일 형식이다.

pdf 는 문서의 레이아웃을 유지하며 보여 주는 문서 포맷이다.

  • aiff 는 사운드 파일 포맷이다.
  • wav 는 사운드 파일 포맷이다.
  • au 는 사운드 파일 포맷이다.
문제 53
애니메이션 제작과정 중 최초 단계로 중요 장면들을 열거해 놓은 그림을 무엇이라 하는가?
1Recoding
2Planning
3Story Board
4Effect Sound
정답 및 해설

애니메이션 제작에서 중요 장면을 그림으로 열거한 것은 스토리보드다.

스토리보드는 주요 장면을 순서대로 그려 놓은 그림으로 제작 초기에 만든다.

  • Recoding(Recording)은 소리·영상을 녹음·녹화하는 작업이며 장면을 열거한 그림이 아니다.
  • Planning 은 아이디어와 계획을 세우는 단계이며 장면을 열거한 그림이 아니다.
  • Effect Sound 는 효과음을 뜻한다.
문제 54
캠코더에서 얻은 동영상클립을 편집하여 결과물을 얻기에 적합한 소프트웨어가 아닌 것은?
1Premiere
2Movie Maker
3Vegas
4Media Player
정답 및 해설

Media Player 는 편집이 아니라 재생용 프로그램이다.

동영상 클립 편집에는 영상을 자르고 붙이는 편집 기능이 있는 소프트웨어가 필요하다.

  • Premiere 는 동영상 편집 소프트웨어다.
  • Movie Maker 는 동영상 편집 소프트웨어다.
  • Vegas 는 동영상 편집 소프트웨어다.
문제 55
사용할 수 있는 색상의 수가 제한될 경우에 주로 활용하며, 적은 수의 색상으로 눈의 착시현상을 이용하여 여러 색을 사용한 것처럼 효과를 얻을 수 있는 방법은?
1Modeling
2Rotating
3Dithering
4Resolution
정답 및 해설

적은 색으로 착시를 이용해 여러 색처럼 보이게 하는 방법은 디더링이다.

디더링은 서로 다른 색의 점을 섞어 배치하여 제한된 색으로 더 많은 색을 표현한다.

  • Modeling 은 3차원 물체의 형상을 만드는 작업이다.
  • Rotating 은 대상을 회전시키는 것이다.
  • Resolution 은 해상도, 즉 화면이나 이미지의 정밀도를 뜻한다.
문제 56
컴퓨터 그래픽스(Computer Graphics)에 대한 정의로 틀린 것은?
1컴퓨터의 하드웨어와 소프트웨어를 이용하여 도형, 그림, 사진 이미지 등의 시각적 이미지를 만들어 내고 디지털화(Digitalize) 시키는 것이다.
2컴퓨터 그래픽스는 크게 2D 그래픽스와 3D 그래픽스로 나눌 수 있다.
3활용 범위가 매우 넓으며, 특히 영화나 영상물 등 의 멀티미디어 분야에서 가장 효과적으로 활용되고 있다.
4전통적인 회화 방식을 응용하여 결과물을 디지털화 시킨 것은 제외한다.
정답 및 해설

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

컴퓨터 그래픽스는 컴퓨터로 시각 이미지를 만들고 디지털화하는 범위 전반을 가리킨다.

  • 하드웨어와 소프트웨어로 도형·그림·사진 이미지를 만들고 디지털화한다는 정의는 맞다.
  • 2D 그래픽스와 3D 그래픽스로 크게 나눌 수 있다는 설명은 맞다.
  • 영화·영상물 같은 멀티미디어 분야에서 널리 활용된다는 설명은 맞다.
문제 57
다음이 설명하고 있는 웹 그래픽 제작 소프트웨어의 기능으로 옳은 것은?
1레이어
2레벨
3오브젝트
4심볼
정답 및 해설

여러 층으로 나뉜 이미지를 겹쳐 새 이미지를 만들고, 층별로 따로 작업할 수 있는 기능은 레이어이다.

투명한 필름을 겹치듯 요소마다 층을 분리해 두면 다른 층에 영향 없이 수정·이동할 수 있다.

  • 레벨은 이미지의 어두운 영역·중간 톤·밝은 영역 값을 조절해 명암 대비를 바꾸는 색 보정 기능이다.
  • 오브젝트는 벡터 프로그램에서 선택·편집하는 개별 도형 단위로, 층을 겹치는 작업 방식이 아니다.
  • 심볼은 반복해 쓰도록 등록해 둔 재사용 요소(그래픽·버튼·무비 클립 등)이다.
문제 58
컴퓨터 그래픽스 활용 분야로 가장 거리가 먼 것은?
1VR(Virtual Reality)
2Animation
3CAM
4Simulation
정답 및 해설

컴퓨터 그래픽스는 화면에 영상을 렌더링하고 시각적으로 표현하는 기술이다. CAM(Computer-Aided Manufacturing)은 CNC 기계 제어를 위한 공구 경로 생성 등 수치 계산 중심으로, 최종 산출물이 기계 코드이지 시각적 렌더링이 아니므로 컴퓨터 그래픽스와의 관련성이 가장 낮다.

  • VR은 3D 그래픽스로 가상 환경을 구축한다.
  • Animation은 시간 경과에 따른 그래픽 변화를 표현한다.
  • Simulation도 물리·화학 현상을 그래픽으로 시각화하는 분야다.

이들은 모두 그래픽스의 직접적인 응용이다.

문제 59
1946년 미국의 “에커드”와 “모클리”에 의해 개발된 세계 최초의 컴퓨터는?
1애플
2맥킨토시
3에니악
4IBM
정답 및 해설

1946년 에커트와 모클리가 개발한 세계 최초의 컴퓨터는 에니악(ENIAC)이다.

에니악은 진공관 약 18,000개를 사용한 범용 전자식 컴퓨터다.

  • 애플은 1970년대 후반에 등장한 개인용 컴퓨터다.
  • 매킨토시는 1980년대에 나온 개인용 컴퓨터다.
  • IBM 은 컴퓨터 제조 회사의 이름이며, IBM PC 는 1980년대 초에 보급된 개인용 컴퓨터다.
문제 60
웹 사이트 기획 시 좋은 정보구조 설계를 위해 고려해야할 사항으로 틀린 것은?
1정보의 양
2정보의 상하관계
3정보의 일관성
4정보의 모호성
정답 및 해설

정보구조 설계에서 정보의 모호성은 고려할 사항이 아니라 피해야 할 것이다.

좋은 정보구조는 사용자가 쉽게 찾도록 명확하고 체계적이어야 한다.

  • 정보의 양은 구조를 나누는 기준을 정하는 데 고려해야 한다.
  • 정보의 상하관계는 계층 구조를 설계할 때 고려해야 한다.
  • 정보의 일관성은 사용자가 구조를 예측하게 하는 요소로 고려해야 한다.
웹디자인개발기능사 필기 기출문제모두CBT · moducbt.com
15년 1회차
총 60문항 · 객관식 · 정답·해설 포함
문제 1
웹 디자인에 대한 설명으로 거리가 먼 것은?
1웹 페이지를 디자인하고 제작하는 것을 의미한다.
2웹 디자인은 개인용 홈페이지 이외에 기업용 등 다양하다.
3웹 디자인은 Web과 Design이라는 두 가지 개념이 결합된 것이다.
4기업, 단체, 행사의 특징과 성격에 맞는 시각적 상징물을 말한다.
정답 및 해설

웹 디자인 설명으로 거리가 먼 것은 시각적 상징물이라는 내용이다.

기업·단체·행사의 특징을 나타내는 시각적 상징물은 CI·심벌 같은 상징 디자인의 설명이며, 웹 디자인은 웹페이지를 디자인하고 제작하는 일이다.

  • 웹 페이지 제작: 웹 페이지를 디자인하고 제작하는 것이 웹 디자인이다.
  • 다양한 용도: 개인 홈페이지뿐 아니라 기업용 등 다양하다.
  • 두 개념의 결합: Web과 Design이 결합된 말이다.
문제 2
디자인의 심미성에 대한 설명으로 맞는 것은?
1아름다움을 느끼는 미적 의식이며 주관적일 수 있다.
2감성적인 부분으로 모든 사람에게 동일하게 나타난다.
3합리적이며 객관적인 미적 활동이다.
4국가, 민족, 관습, 시대와 관계없이 동일하게 나타난다.
정답 및 해설

디자인의 심미성은 아름다움을 느끼는 미적 의식이며 주관적일 수 있다.

심미성은 감성에 바탕을 두므로 사람마다, 문화마다 달라질 수 있다.

  • 모든 사람에게 동일: 감성적 부분은 개인차가 있어 동일하지 않다.
  • 합리적이며 객관적: 이는 합리성·합목적성의 성격이며 심미성은 감성적이다.
  • 시대와 관계없이 동일: 아름다움의 기준은 국가·민족·관습·시대에 따라 달라진다.
문제 3
동시 대비에 해당하지 않는 것은?
1색상 대비
2명도 대비
3보색 대비
4한란 대비
문제 4
계통 색명이라고도 하며 색상, 명도, 채도를 표시하는 색명은?
1특정색명
2관용색명
3일반색명
4근대색명
문제 5
다음 내용이 설명하는 것은?
1포토몽타주
2뜨롬쁘 레이유
3프로타주
4콜라주
정답 및 해설

프랑스어 Frotter(문지르다)에서 유래하고, 나뭇잎·헝겊 위에 종이를 대고 연필·크레용으로 문질러 나타내며 막스 에른스트 같은 초현실주의 화가가 즐겨 쓴 기법은 프로타주이다.

물체 표면의 질감을 문질러 베껴 내는 것이 핵심이다.

  • 포토몽타주는 여러 사진을 오려 붙이거나 합성해 새 화면을 만드는 기법이다.
  • 뜨롬쁘 레이유(trompe-l'œil)는 실물로 착각할 만큼 사실적으로 그리는 눈속임 기법이다.
  • 콜라주는 종이·천·인쇄물 같은 재료를 화면에 직접 붙여 구성하는 기법이다.
문제 6
색채조화의 공통원리에 대한 설명으로 틀린 것은?
1질서의 원리는 효과적인 반응을 일으키는 질서 있는 계획에 따라 선택된 색채들에서 생긴다.
2비모호성의 원리는 두 색 이상의 배색에 있어서 모호함이 없는 명료한 배색에서만 얻어진다.
3동류의 원리는 가장 가까운 색채끼리의 배색은 보는 사람에게 친근감을 주며 조화를 느끼게 한다.
4유사의 원리는 색의 3속성의 차이가 큰 색상의 배색이 더욱 조화롭게 나타난다.
정답 및 해설

색채조화의 공통원리 설명으로 틀린 것은 유사의 원리에 관한 내용이다.

유사의 원리는 색의 3속성이 서로 비슷한 배색이 조화롭다는 것이며, 차이가 클수록 조화롭다는 설명은 반대이다.

  • 질서의 원리: 질서 있는 계획에 따라 선택된 색에서 조화가 생긴다는 설명으로 옳다.
  • 비모호성의 원리: 모호하지 않은 명료한 배색에서 조화를 얻는다는 설명으로 옳다.
  • 동류의 원리: 가까운 색끼리의 배색이 친근감을 준다는 설명으로 옳다.
문제 7
자극이 생긴 후 이제까지 보고 있던 상을 계속해서 볼 수 있는 현상은?
1조화
2연상
3명시성
4잔상
정답 및 해설

자극이 사라진 뒤에도 보던 상이 계속 보이는 현상은 잔상이다.

잔상은 자극이 끝난 뒤에도 시각 반응이 남아 이전 상이 이어져 보이는 것이다.

  • 조화는 색들이 서로 어울리는 상태이다.
  • 연상은 색을 보고 어떤 사물이나 느낌을 떠올리는 것이다.
  • 명시성은 배경과 구별되어 잘 보이는 정도이다.
문제 8
어두운 곳에 들어갔을 때 물체의 상이 흐리게 나타나는 현상과 가장 관계가 깊은 것은?
1색순응
2푸르킨예 현상
3박명시
4조건등색
정답 및 해설

어두운 곳에 들어갔을 때 물체의 상이 흐리게 보이는 현상과 관계 깊은 것은 박명시이다.

박명시는 밝은 곳의 시각(명소시)과 어두운 곳의 시각(암소시) 사이 중간 밝기에서 추상체와 간상체가 함께 작용하는 상태로, 이때 물체의 상이 불명료하게 보인다.

  • 색순응은 조명 색에 눈이 적응해 시간이 지나면 그 색감을 덜 느끼게 되는 현상이다.
  • 푸르킨예 현상은 어두워질 때 파랑 계열이 상대적으로 밝게 보이고 빨강 계열이 어둡게 보이는 현상이다.
  • 조건등색은 분광 분포가 다른 두 색이 특정 조명에서 같게 보이는 현상이다.
문제 9
유사, 대비, 균일, 강약 등의 디자인 요소가 포함되어 있는 디자인 원리는?
1균형
2리듬
3조화
4통일
정답 및 해설

유사, 대비, 균일, 강약 등이 포함된 디자인 원리는 조화이다.

조화는 유사 조화와 대비 조화처럼 요소들이 서로 어울리도록 이루는 원리이다.

  • 균형은 대칭·비례 등으로 이루는 시각적 안정이다.
  • 리듬은 반복·점증 등으로 만드는 율동감이다.
  • 통일은 전체를 하나의 질서로 묶어 일체감을 주는 원리이다.
문제 10
디자인 형태의 분류 중 이념적 형태에 속하는 것은?
1인위 형태
2추상 형태
3자연 형태
4실제 형태
정답 및 해설

이념적 형태에 속하는 것은 추상 형태이다.

형태는 이념적 형태와 현실적 형태로 나뉜다. 이념적 형태는 직접 지각할 수 없고 개념으로만 제시되는 점·선·면·입체 같은 순수 형태로, 추상 형태라고도 한다.

  • 인위 형태는 사람이 만든 형태로 현실적 형태에 속한다.
  • 자연 형태는 자연에 존재하는 형태로 현실적 형태에 속한다.
  • 실제 형태는 눈으로 보고 손으로 만질 수 있게 실제로 존재하는 형태로 현실적 형태에 속한다.
문제 11
데 스틸(De Stijl)에 관한 설명으로 틀린 것은?
1네덜란드를 중심으로 한 신조형 운동으로 요소주의라고도 불리운다.
2도스부르크, 몬드리안, 리트벨트 등이 주요인물이다.
3아르누보의 조형사상에 큰 영향을 주었다.
4현대의 조형 활동은 인공세계를 상징하고 표현하는데 중점을 두어야 한다고 생각하였다.
정답 및 해설

데 스틸에 관한 설명으로 틀린 것은 아르누보의 조형사상에 영향을 주었다는 내용이다.

데 스틸은 1917년 네덜란드에서 시작된 운동으로, 19세기 말~20세기 초에 전개된 아르누보보다 뒤에 등장했다. 데 스틸이 영향을 준 것은 바우하우스 등 이후의 근대 조형이다.

  • 신조형 운동: 네덜란드를 중심으로 한 신조형 운동이며 요소주의라고도 한다.
  • 주요 인물: 도스부르크, 몬드리안, 리트벨트가 대표 인물이다.
  • 인공세계 표현: 현대 조형은 인공 세계를 상징하고 표현해야 한다고 보았다.
문제 12
연속적인 패턴에서 볼 수 있는 디자인 원리는?
1동세
2균형
3반복
4변화
정답 및 해설

연속적인 패턴에서 볼 수 있는 디자인 원리는 반복이다.

같은 요소가 되풀이되어 이어지는 것이 연속 패턴의 특징이다.

  • 동세는 움직이는 듯한 느낌을 주는 원리이다.
  • 균형은 시각적 안정감을 이루는 원리이다.
  • 변화는 통일에 대응하는 다양성의 원리이다.
문제 13
POP(Point of Purchase) 광고의 특징으로 바르지 않는 것은?
1충동구매를 유도한다.
2상품이 있는 장소에서 설득력이 없다.
3소매점의 장식 효과를 찾는다.
4구매를 촉진, 결단하게 하는 설득력을 갖는다.
정답 및 해설

POP 광고의 특징으로 바르지 않은 것은 상품이 있는 장소에서 설득력이 없다는 내용이다.

POP는 구매 시점의 매장에서 소비자에게 직접 작용하므로 오히려 설득력이 크다.

  • 충동구매 유도: 구매 시점에서 충동구매를 이끈다.
  • 장식 효과: 소매점의 장식 효과도 갖는다.
  • 구매 촉진: 구매를 촉진하고 결단하게 하는 설득력이 있다.
문제 14
다음 중 수평선에 대한 설명으로 맞는 것은?
1평화와 정지를 나타내고 안정감을 준다.
2동적이고 불안정한 느낌을 준다.
3이지적 상징을 준다.
4고결, 희망을 나타내고 상승감, 긴장감을 준다.
문제 15
다음 중 4차원 디자인이 아닌 것은?
1TV 디자인
2POP Art
3애니메이션
4무대 디자인
정답 및 해설

4차원 디자인이 아닌 것은 POP Art이다.

4차원 디자인은 시간 요소가 들어가는 디자인이고, POP Art는 미술 사조이다.

  • TV 디자인은 시간에 따라 화면이 변하는 영상 디자인이다.
  • 애니메이션은 시간 흐름에 따라 움직임을 표현한다.
  • 무대 디자인은 공연의 시간 흐름과 함께 공간이 변화한다.
문제 16
다음 중 기계적 질감에 해당하지 않는 것은?
1사진의 망점
2인쇄상의 스크린 톤
3텔레비전 주사선
4나뭇결 무늬
정답 및 해설

기계적 질감에 해당하지 않는 것은 나뭇결 무늬이다.

나뭇결은 자연물에서 나온 자연적 질감이다.

  • 사진의 망점은 기계적 질감이다.
  • 인쇄상의 스크린 톤은 기계적 질감이다.
  • 텔레비전 주사선은 기계적 질감이다.
문제 17
제과점 홈페이지를 제작할 대 식욕을 돋게 하는 색채로 가장 거리가 먼 것은?
1녹색
2주황
3노랑
4빨강
정답 및 해설

제과점 홈페이지에서 식욕을 돋게 하는 색과 가장 거리가 먼 것은 녹색이다.

녹색은 건강·안전의 느낌을 주는 색으로, 식욕을 자극하는 난색 계열과는 거리가 있다.

  • 주황은 따뜻한 난색으로 식욕을 돋운다.
  • 노랑은 명랑하고 따뜻한 난색으로 식욕을 돋운다.
  • 빨강은 따뜻한 난색으로 식욕을 자극한다.
문제 18
그림과 같이 도형의 한쪽이 튀어나와 보여서 입체로 지각되는 착시 현상은?
1방향의 착시
2착시의 분할
3대비의 착시
4반전 실체의 착시
정답 및 해설

같은 계단 그림이 볼 때마다 앞으로 튀어나온 계단과 뒤집힌 계단으로 번갈아 지각되는 것이 반전 실체의 착시다. 평면 도형에 깊이 단서가 모호해 지각이 두 해석 사이를 오가면서 생긴다.

문제 19
색광에서 Red, Blue가 혼합될 때 그 결과 색은?
1Cyan
2Yellow
3Magenta
4White
정답 및 해설

색광에서 Red와 Blue를 혼합하면 Magenta가 된다.

색광은 가산혼합이므로 Red와 Blue가 더해져 Magenta가 된다.

  • Cyan은 Green과 Blue의 혼합색이다.
  • Yellow는 Red와 Green의 혼합색이다.
  • White는 Red·Green·Blue 세 색광을 모두 섞어야 얻는다.
문제 20
다양한 구성 요소끼리 하나의 규칙으로 단일화시키는 원리는?
1주조
2연속
3통일
4반복
정답 및 해설

서로 다른 구성요소를 하나의 규칙으로 묶어 전체가 한 덩어리로 보이게 하는 원리가 통일이다. 반복·연속은 통일을 얻기 위한 수단이고, 대비는 오히려 요소 간 차이를 강조하는 원리다.

문제 21
다음은 어떤 검색엔진의 사용에 대한 설명인가?
1키워드 검색엔진
2주제별 검색엔진
3혼합 검색엔진
4메타 검색엔진
정답 및 해설

분야별로 어떤 정보가 있는지 알고 싶을 때 대분류→중분류→소분류로 범위를 좁혀 찾는 방식은 주제별 검색엔진(디렉터리형)이다.

키워드를 몰라도 찾을 수 있지만, 여러 단계를 거쳐야 하고 분류를 잘못 고르면 시간이 낭비된다는 단점도 함께 설명되어 있다.

  • 키워드 검색엔진은 단어를 입력해 색인된 문서를 찾는 방식으로, 분류 단계를 따라가지 않는다.
  • 혼합 검색엔진은 주제별 분류와 키워드 검색을 함께 제공하는 방식이라, 분류 탐색만으로 설명되지 않는다.
  • 메타 검색엔진은 자체 색인 없이 여러 검색엔진에 동시에 질의해 결과를 모아 보여 준다.
문제 22
하이퍼텍스트에서 사용되는 <A>태그에서 A가 지칭하는 용어는?
1앤드(And)
2오토(Auto)
3앵커(Anchor)
4어너니머스(Anonymous)
정답 및 해설

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

앵커는 문서의 다른 위치나 문서로 연결하는 하이퍼링크의 기점이다.

  • 앤드(And)는 하이퍼링크 개념과 관계없는 접속어이다.
  • 오토(Auto)는 링크 태그의 명칭이 아니다.
  • 어너니머스(Anonymous)는 링크 태그의 명칭이 아니다.
문제 23
HTML 문서의 시작과 끝을 표시하기 위해 사용되는 태그로 옳은 것은?
1<T></T>
2<body></body>
3<html></html>
4<link></link>
정답 및 해설

HTML 문서의 시작과 끝을 표시하는 태그는 문서 전체를 감싸는 <html></html>이다.

html 태그는 문서 전체를 감싸 HTML 문서임을 나타낸다.

  • <T></T>는 HTML에 없는 태그이다.
  • <body></body>는 문서의 본문 영역만 감싼다.
  • <link></link>는 외부 문서·스타일 시트를 연결하는 태그이다.
문제 24
상호작용을 지원하는 웹페이지 제작을 위한 CGI의 설명으로 틀린 것은?
1웹브라우저와 웹 서버, 응용 프로그램 간의 일종의 인터페이스이다.
2방명록이나 카운터, 게시판 등에 사용된다.
3웹 서버 프로그램은 CGI 기능을 사용할 수 없다.
4HTML의 <FORM> 태그를 이용하여 CGI 프로그램으로 데이터를 전달한다.
정답 및 해설

CGI 설명으로 틀린 것은 웹 서버 프로그램이 CGI 기능을 사용할 수 없다는 내용이다.

CGI는 웹 서버가 외부 프로그램을 실행하고 그 결과를 브라우저로 돌려주는 방식이므로 서버 프로그램이 사용한다.

  • 인터페이스: 웹브라우저, 웹 서버, 응용 프로그램 사이의 인터페이스이다.
  • 사용 예: 방명록·카운터·게시판 등에 쓰인다.
  • FORM 태그: HTML의 <FORM> 태그로 CGI 프로그램에 데이터를 전달한다.
문제 25
웹브라우저(Web Browser)가 아닌 것은?
1아파치
2크롬
3파이어폭스
4오페라
정답 및 해설

웹브라우저가 아닌 것은 아파치이다.

아파치는 웹 문서를 제공하는 웹 서버 프로그램이다.

  • 크롬은 웹 브라우저이다.
  • 파이어폭스는 웹 브라우저이다.
  • 오페라는 웹 브라우저이다.
문제 26
다음이 설명하고 있는 통신 프로토콜은?
1TCP/IP
2SLIP/PPP
3ARP/UDP
4POP/SMTP
정답 및 해설

컴퓨터의 직렬포트(시리얼 회선)를 이용해 인터넷에 연결된 호스트를 거쳐 접속하는 프로토콜은 SLIP/PPP이다.

SLIP과 PPP는 모뎀 등 직렬 회선 위에서 IP 패킷을 전달하는 접속 프로토콜이며, PPP는 SLIP을 개선해 인증·오류 검출을 더했다.

  • TCP/IP는 인터넷 통신 전반의 기본 프로토콜 묶음으로, 직렬포트 접속용 프로토콜이 아니다.
  • ARP는 IP 주소를 물리(MAC) 주소로 바꾸고, UDP는 비연결형 전송 프로토콜이다.
  • POP/SMTP는 전자우편 수신·송신 프로토콜이다.
문제 27
인터넷을 이용하여 한 컴퓨터에서 다른 컴퓨터로 파일 전송을 하는 프로토콜은?
1FTP
2Usenet
3Telnet
4ICMP
정답 및 해설

FTP(File Transfer Protocol)는 인터넷을 통해 한 컴퓨터에서 다른 컴퓨터로 파일을 전송하기 위한 표준 프로토콜이다. Usenet은 뉴스그룹 기반의 토론 시스템, Telnet은 원격 터미널 접속 프로토콜, ICMP는 네트워크 진단 목적의 프로토콜로서 파일 전송 목적이 아니다.

문제 28
HTML 문서에 삽입되는 자바 프로그램으로 대화형 페이지를 만드는데 효과적으로 사용될 수 있는 것은?
1컨트롤
2컴포넌트
3클래스
4애플릿
정답 및 해설

HTML 문서에 삽입되는 자바 프로그램은 애플릿이다.

애플릿은 웹 페이지에 포함되어 브라우저에서 실행되는 작은 자바 프로그램이다.

  • 컨트롤은 버튼·입력 상자 같은 화면 조작 부품을 가리키는 말이다.
  • 컴포넌트는 재사용 가능한 소프트웨어 부품을 가리키는 일반 용어이다.
  • 클래스는 객체의 속성과 동작을 정의하는 틀이다.
문제 29
HTML 문서의 작성자, 날짜, 주요 단어 등 웹브라우저의 내용에는 나타나지 않는 웹 문서의 일반 정보를 나타낼 때 사용하는 태그는?
1<title>
2<meta>
3<head>
4<body>
정답 및 해설

웹 문서의 작성자·날짜·키워드 같은 일반 정보는 <meta> 태그로 나타낸다.

<meta> 는 <head> 안에 놓이며 브라우저 화면에는 표시되지 않는 문서 정보(메타데이터)를 담는다.

  • <title> 는 문서의 제목을 지정하며 브라우저 제목 표시줄(탭)에 표시된다.
  • <head> 는 문서 정보를 담는 영역(컨테이너)이지 작성자·날짜 같은 개별 정보를 나타내는 태그가 아니다.
  • <body> 는 브라우저 화면에 표시되는 본문 내용을 담는다.
문제 30
일반적인 웹브라우저(Web Browser)의 기능이 아닌 것은?
1인터넷을 편리하게 사용할 수 있다.
2원하는 웹사이트에 쉽게 접속할 수 있다.
3컴퓨터 바이러스를 치료해 준다.
4자주 이용하는 웹사이트의 목록을 관리할 수 있다.
정답 및 해설

컴퓨터 바이러스 치료는 웹 브라우저의 기능이 아니다.

바이러스 치료는 백신 프로그램의 역할이고, 웹 브라우저는 웹 문서를 읽어 화면에 보여 주는 프로그램이다.

  • 인터넷 이용을 편리하게 해 주는 것은 웹 브라우저의 기본 역할이다.
  • 주소 입력으로 원하는 웹사이트에 접속하는 것은 웹 브라우저의 기능이다.
  • 즐겨찾기로 자주 가는 사이트 목록을 관리하는 것도 웹 브라우저의 기능이다.
문제 31
HTML의 테이블과 관련이 없는 태그는?
1<TR>
2<TH>
3<DT>
4<CAPTION>
정답 및 해설

<DT> 는 테이블이 아니라 정의 목록과 관련된 태그다.

<DT> 는 정의 목록(<DL>)에서 용어를 나타낸다.

  • <TR> 은 표의 행을 만든다.
  • <TH> 는 표의 제목 셀을 만든다.
  • <CAPTION> 은 표의 제목(캡션)을 붙인다.
문제 32
네트워크 구조 중 링(Ring)형의 특징에 대한 설명으로 틀린 것은?
1노드의 변경 및 추가가 쉽다.
22개 이상은 각 노드들이 고리 형태로 연결되어 있다.
3전송중인 데이터는 목적 컴퓨터에 도달할 때까지 링을 통해 전달된다.
4잡음(noise)에 강하다.
정답 및 해설

링형은 고리 구조 때문에 노드의 변경·추가가 쉽지 않아 이 설명이 틀린 것이다.

링형은 노드를 고리로 이어 놓아 노드를 넣거나 뺄 때 링 연결을 끊고 다시 이어야 하므로 구성 변경이 어렵다.

  • 각 노드가 고리 형태로 연결되는 것이 링형 구조의 정의이므로 맞는 설명이다.
  • 데이터가 목적지에 닿을 때까지 링을 따라 노드에서 노드로 전달되므로 맞는 설명이다.
  • 각 노드가 받은 신호를 재생(중계)해 다음 노드로 넘기므로 신호 감쇠·잡음이 누적되지 않아 잡음에 강하다는 설명은 맞다.
문제 33
구글(Google) 검색엔진에 대한 설명으로 틀린 것은?
1로봇(Robot) 프로그램을 이용하는 단어별 다국어 검색 엔진이다.
2검색 결과와 유사한 문서들을 [비슷한 페이지] 링크로 보여준다.
3PDF 형태의 정보 검색이 가능하다.
4모든 검색어에 대해 기본 값으로 OR 연산을 실행한다.
정답 및 해설

구글은 검색어를 여러 개 쓰면 기본적으로 모두 포함한 문서를 찾으므로 기본값이 OR 연산이라는 설명은 틀리다.

구글의 기본 동작은 AND 연산이며, OR 은 검색어 사이에 따로 지정해야 한다.

  • 로봇(크롤러) 프로그램으로 웹 문서를 수집해 단어별로 검색하는 것은 구글의 방식이다.
  • 검색 결과와 유사한 문서를 '비슷한 페이지' 링크로 보여 주는 기능이 구글에 있었다.
  • PDF 문서도 검색 대상에 포함된다.
문제 34
다음이 설명하고 있는 것은?
1Shell
2Ruby
3DHTML
4XML
정답 및 해설

기존 HTML의 단점을 개선해 동적인 웹페이지를 만들고, 문서 요소를 객체로 다뤄 위치·스타일·상호작용·움직임을 주며 자바스크립트를 기반으로 하는 기술은 DHTML이다.

DHTML은 HTML·CSS·자바스크립트에 DOM을 결합해 서버에 다시 요청하지 않고 화면을 바꾼다.

  • Shell은 사용자 명령을 해석해 운영체제에 전달하는 명령어 해석기이다.
  • Ruby는 마츠모토 유키히로가 만든 객체지향 스크립트 언어로, HTML 확장 기술이 아니다.
  • XML은 사용자가 태그를 정의해 데이터 구조를 기술하는 마크업 언어로, 화면 동작을 만드는 기술이 아니다.
문제 35
HTML(Hyper Text Markup Language)의 특징으로 거리가 먼 것은?
1HTML은 Markup 언어이다.
2HTML 문서는 ASCII 코드로 구성된 일반적인 텍스트 파일이다.
3HTML 문서에는 동영상을 재생할 수 없다.
4HTML은 컴퓨터 시스템이나 운영체제에 독립적이다.
정답 및 해설

HTML의 특징을 평가할 때, 1번은 마크업 언어의 정의 자체이고, 2번은 텍스트 기반 파일이며, 4번은 플랫폼 독립성으로 모두 HTML의 핵심 특징입니다. 반면 3번은 현재 HTML5에서 <video> 태그를 통해 동영상 재생이 가능하므로 거리가 먼 설명입니다.

문제 36
자바스크립트에서 사용되는 연산자가 아닌 것은?
1|, ||
2&, &&
3>>, >>>
4<<, <<<
정답 및 해설

자바스크립트에는 비트 왼쪽 시프트 연산자인 <<와 비트 오른쪽 시프트 연산자인 >>, >>>가 있지만, <<< 연산자는 지원되지 않는다. 1번의 |, ||와 2번의 &, &&도 비트·논리 연산자로 사용되며, 3번의 >>, >>> 역시 유효한 시프트 연산자이다.

문제 37
미국의 대학과 연구기관, 일부 민간회사의 컴퓨터 센터를 연결하는 광역 학술 연구망은?
1NSFNET
2ARPANET
3BITNET
4CSNET
문제 38
두 개의 컴퓨터 사이에 정보교환을 위해 사용되는 규칙을 의미하는 것은?
1스트림
2패킷
3프로토콜
4인터페이스
정답 및 해설

두 컴퓨터 사이의 정보 교환 규칙은 프로토콜이다.

프로토콜은 통신 시 데이터 형식·전송 순서·오류 처리 등을 정한 약속이다.

  • 스트림은 데이터가 연속적으로 흘러가는 흐름을 뜻하며 규칙을 가리키지 않는다.
  • 패킷은 전송을 위해 잘게 나눈 데이터 단위이지 규칙이 아니다.
  • 인터페이스는 장치나 프로그램 사이를 잇는 접점·연결 방식을 뜻하며 통신 규칙 자체와는 다르다.
문제 39
인터넷상의 서버에 자신의 계정이 있어 서버 접속을 위해 사용자명과 패스워드를 입력하는 행위를 지칭하는 용어는?
1로그아웃(logout)
2로그인(login)
3링크(Link)
4서핑(surfing)
정답 및 해설

계정 이름과 패스워드를 입력해 서버에 접속하는 행위는 로그인이다.

로그인은 사용자 인증을 거쳐 서버에 접속하는 절차다.

  • 로그아웃은 접속을 끝내고 빠져나오는 행위다.
  • 링크는 문서와 문서를 연결하는 요소다.
  • 서핑은 인터넷에서 여러 사이트를 돌아다니며 정보를 찾는 행위다.
문제 40
자바스크립트에서 일정 시간마다 지정된 처리를 반복 호출하는 함수는?
1escape()
2clearTimeout()
3setInterval()
4setTimeout()
정답 및 해설

일정 시간마다 지정한 처리를 반복해서 호출하는 함수는 setInterval() 이다.

setInterval() 은 지정한 시간 간격으로 함수를 되풀이해서 실행한다.

  • escape() 는 문자열을 URL 등에 쓸 수 있게 인코딩하는 함수다.
  • clearTimeout() 은 setTimeout() 으로 예약한 실행을 취소하는 함수다.
  • setTimeout() 은 지정한 시간이 지난 뒤 한 번만 실행한다.
문제 41
다음 웹디자인 프로세스를 순서대로 바르게 나열한 것은?(일부 컴퓨터에서 보기의 특수문자가 정상적으로 보이지 않아고 괄호뒤에 다시 표기하여 둡니다.)
1㉮→㉯→㉰→㉱→㉲→㉳→㉴(가→나→다→라→마→바→사)
2㉯→㉮→㉰→㉱→㉴→㉲→㉳(나→가→다→라→사→마→바)
3㉮→㉰→㉳→㉴→㉯→㉱→㉲(가→다→바→사→나→라→마)
4㉯→㉮→㉰→㉱→㉲→㉴→㉳(나→가→다→라→마→사→바)
정답 및 해설

바른 순서는 주제설정 → 콘텐츠 준비 → 레이아웃 설계 → 페이지 제작 → 테스트 및 수정 → 서버에 업로드 → 유지보수이다.

주제가 정해져야 모을 콘텐츠가 정해지고, 완성한 페이지는 공개 전에 테스트로 오류를 고친 뒤 서버에 올리며, 유지보수는 공개 이후 단계이다.

  • 콘텐츠 준비로 시작해 서버 업로드 → 유지보수 → 테스트 순으로 끝나는 배열은 주제보다 콘텐츠가 앞서고, 공개·유지보수 뒤에야 테스트한다.
  • 주제설정으로 시작하지만 업로드 뒤에 테스트·유지보수가 오는 배열은 검증 전에 공개한다.
  • 콘텐츠 준비 → 레이아웃 설계 → 유지보수 → 테스트 순으로 가는 배열은 페이지 제작 전에 유지보수가 와서 성립하지 않는다.
문제 42
웹사이트 구축 시 고려사항으로 가장 거리가 먼 것은?
1명확하고 일관된 내비게이션을 유지한다.
2가급적이면 플러그인이 필요 없는 페이지를 만든다.
3메뉴별로 사용한 모든 이미지는 유지보수를 위해 같은 폴더에 관리한다.
4안정된 기술을 사용한다.
정답 및 해설

메뉴와 상관없이 모든 이미지를 한 폴더에 몰아 두는 것은 사이트 구축 시 고려사항과 거리가 멀다.

이미지가 많아질수록 한 폴더에 섞이면 찾기 어려우므로 메뉴·용도별로 폴더를 나누어 관리하는 것이 유지보수에 유리하다.

  • 명확하고 일관된 내비게이션은 사용자가 길을 잃지 않게 하는 기본 고려사항이다.
  • 플러그인이 필요 없는 페이지는 사용자 환경에 상관없이 열리므로 바람직한 고려사항이다.
  • 안정된 기술을 사용하는 것은 오류와 호환 문제를 줄이는 고려사항이다.
문제 43
웹 문서에 텍스트나 이미지 또는 멀티미디어 요소를 클릭하면 외부의 텍스트나 이미지, 기타 다른 멀티미디어 요소로 변경되는 것은?
1테이블
2하이퍼링크
3프레임
4태그
정답 및 해설

클릭하면 다른 텍스트·이미지·멀티미디어로 이동하는 것은 하이퍼링크다.

하이퍼링크는 웹 문서의 요소를 클릭해 다른 자료로 연결되게 하는 기능이다.

  • 테이블은 행과 열로 내용을 배열하는 표다.
  • 프레임은 브라우저 창을 나누어 여러 문서를 보여 주는 방식이다.
  • 태그는 HTML 문서의 구조·의미를 지정하는 표시 요소다.
문제 44
컴퓨터 그래픽의 이미지 표현 방식 중 벡터에 대한 설명으로 거리가 먼 것은?
1이미지가 복잡하지 않은 글자나 로고, 캐릭터 등에 적합하다.
2이미지를 축소, 확대하여도 이미지 질에 손상이 없다.
3도형으로 이루어져서 선과 면이 뭉개지지 않아 깔끔하게 표현된다.
4픽셀이 모여서 점과 점 사이를 연결하여 이미지가 구성되는 방식이다.
정답 및 해설

픽셀이 모여 이미지를 구성한다는 설명은 벡터가 아니라 비트맵(래스터)의 특징이다.

벡터는 점·선·면을 수학적 도형 정보로 저장하는 방식이다.

  • 글자·로고·캐릭터처럼 단순한 이미지에 적합하다는 것은 벡터의 특징이다.
  • 확대·축소해도 화질이 손상되지 않는 것은 벡터의 특징이다.
  • 도형으로 구성되어 선과 면이 뭉개지지 않고 깔끔한 것도 벡터의 특징이다.
문제 45
웹상에 사용되는 파일 포맷 중 GIF와 JPG의 장점을 합친 형태로 GIF와는 달리 투명도 자체를 조절할 수 있는 특징을 가진 것은?
1AI
2PDF
3PNG
4PSD
정답 및 해설

GIF와 JPG의 장점을 결합하면서 투명도 조절 기능을 지닌 파일 포맷은 PNG이다. PNG는 GIF처럼 무손실 압축을 지원하고 JPG처럼 높은 색상 표현력(24비트 이상)을 제공하며, GIF의 1비트 투명도(완전 투명/불투명)와 달리 알파 채널을 통해 256단계의 투명도 값을 자유롭게 조절할 수 있다. AI는 벡터 그래픽, PDF는 문서 포맷, PSD는 포토샵 작업 파일로 웹 표준 포맷이 아니다.

문제 46
동적인 타이포그래피를 나타내는 것으로 틀린 것은?
1키네틱 타이포그래피
2스테이틱 타이포그래피
3무빙 타이포그래피
4모션 타이포그래피
정답 및 해설

스테이틱은 '정적인'이라는 뜻이어서 동적 타이포그래피가 아니다.

동적 타이포그래피는 글자가 움직이는 표현을 가리킨다.

  • 키네틱은 '움직임'을 뜻하며 움직이는 타이포그래피를 가리킨다.
  • 무빙은 말 그대로 움직이는 타이포그래피를 가리킨다.
  • 모션은 '움직임'을 뜻하며 움직이는 타이포그래피를 가리킨다.
문제 47
2D 애니메이션의 종류가 아닌 것은?
1셀 애니메이션
2모래 애니메이션
3페이퍼 애니메이션
4클레이 애니메이션
정답 및 해설

클레이 애니메이션은 2D가 아니라 입체 애니메이션이다.

클레이 애니메이션은 점토 인형을 입체로 조금씩 움직여 촬영하는 방식이다.

  • 셀 애니메이션은 투명 셀룰로이드에 그린 평면 그림을 촬영하는 2D 방식이다.
  • 모래 애니메이션은 평면 위에서 모래로 그림을 만들어 가는 2D 방식이다.
  • 페이퍼 애니메이션은 종이에 그린 평면 그림을 이용하는 2D 방식이다.
문제 48
3차원 그래픽스에서 렌더링 과정과 거리가 먼 것은?
1은면 제거
2그림자 표현
3원근 투명
4텍스쳐 매핑
문제 49
자바스크립트에 사용되는 연산자의 설명으로 틀린 것은?
1"서로 같지 않다"의 관계연산자는 "!="이다.
2"서로 같다"의 관계연산자는 "="이다.
3“++”는 증가 연산자이다.
4“^”는 논리 연산자이다.
문제 50
동영상 파일 포맷으로 틀린 것은?
1*.mp3
2*.asf
3*.avi
4*.rm
정답 및 해설

mp3 는 동영상이 아니라 음향(오디오) 파일 형식이다.

mp3 는 소리를 압축해 저장하는 포맷이다.

  • asf 는 동영상 포맷이다.
  • avi 는 동영상 포맷이다.
  • rm 은 RealMedia 동영상 포맷이다.
문제 51
안티앨리어싱(Anti-aliasing)에 대한 설명으로 맞는 것은?
1외곽선의 계단현상을 선명하게 한다.
2외곽선의 계단현상을 부드럽게 한다.
3외곽선의 계단현상을 만든다.
4외곽선의 계단현상을 사각 형태로 만든다.
정답 및 해설

안티앨리어싱은 외곽선의 계단현상을 부드럽게 하는 기법이다.

경계 부분 픽셀에 중간 색조를 넣어 계단처럼 울퉁불퉁한 외곽선을 매끄럽게 보이게 한다.

  • 계단현상을 선명하게 하는 것은 오히려 계단을 더 두드러지게 하는 것이므로 목적과 반대다.
  • 계단현상을 만드는 것은 안티앨리어싱이 없애려는 현상 자체이므로 반대다.
  • 계단현상을 사각 형태로 만드는 것 역시 경계를 거칠게 하는 것이어서 반대다.
문제 52
인터넷에서 사용 가능한 사운드 파일 포맷이 아닌 것은?
1pdf
2aiff
3wav
4au
정답 및 해설

pdf 는 사운드가 아니라 문서 파일 형식이다.

pdf 는 문서의 레이아웃을 유지하며 보여 주는 문서 포맷이다.

  • aiff 는 사운드 파일 포맷이다.
  • wav 는 사운드 파일 포맷이다.
  • au 는 사운드 파일 포맷이다.
문제 53
애니메이션 제작과정 중 최초 단계로 중요 장면들을 열거해 놓은 그림을 무엇이라 하는가?
1Recoding
2Planning
3Story Board
4Effect Sound
정답 및 해설

애니메이션 제작에서 중요 장면을 그림으로 열거한 것은 스토리보드다.

스토리보드는 주요 장면을 순서대로 그려 놓은 그림으로 제작 초기에 만든다.

  • Recoding(Recording)은 소리·영상을 녹음·녹화하는 작업이며 장면을 열거한 그림이 아니다.
  • Planning 은 아이디어와 계획을 세우는 단계이며 장면을 열거한 그림이 아니다.
  • Effect Sound 는 효과음을 뜻한다.
문제 54
캠코더에서 얻은 동영상클립을 편집하여 결과물을 얻기에 적합한 소프트웨어가 아닌 것은?
1Premiere
2Movie Maker
3Vegas
4Media Player
정답 및 해설

Media Player 는 편집이 아니라 재생용 프로그램이다.

동영상 클립 편집에는 영상을 자르고 붙이는 편집 기능이 있는 소프트웨어가 필요하다.

  • Premiere 는 동영상 편집 소프트웨어다.
  • Movie Maker 는 동영상 편집 소프트웨어다.
  • Vegas 는 동영상 편집 소프트웨어다.
문제 55
사용할 수 있는 색상의 수가 제한될 경우에 주로 활용하며, 적은 수의 색상으로 눈의 착시현상을 이용하여 여러 색을 사용한 것처럼 효과를 얻을 수 있는 방법은?
1Modeling
2Rotating
3Dithering
4Resolution
정답 및 해설

적은 색으로 착시를 이용해 여러 색처럼 보이게 하는 방법은 디더링이다.

디더링은 서로 다른 색의 점을 섞어 배치하여 제한된 색으로 더 많은 색을 표현한다.

  • Modeling 은 3차원 물체의 형상을 만드는 작업이다.
  • Rotating 은 대상을 회전시키는 것이다.
  • Resolution 은 해상도, 즉 화면이나 이미지의 정밀도를 뜻한다.
문제 56
컴퓨터 그래픽스(Computer Graphics)에 대한 정의로 틀린 것은?
1컴퓨터의 하드웨어와 소프트웨어를 이용하여 도형, 그림, 사진 이미지 등의 시각적 이미지를 만들어 내고 디지털화(Digitalize) 시키는 것이다.
2컴퓨터 그래픽스는 크게 2D 그래픽스와 3D 그래픽스로 나눌 수 있다.
3활용 범위가 매우 넓으며, 특히 영화나 영상물 등 의 멀티미디어 분야에서 가장 효과적으로 활용되고 있다.
4전통적인 회화 방식을 응용하여 결과물을 디지털화 시킨 것은 제외한다.
정답 및 해설

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

컴퓨터 그래픽스는 컴퓨터로 시각 이미지를 만들고 디지털화하는 범위 전반을 가리킨다.

  • 하드웨어와 소프트웨어로 도형·그림·사진 이미지를 만들고 디지털화한다는 정의는 맞다.
  • 2D 그래픽스와 3D 그래픽스로 크게 나눌 수 있다는 설명은 맞다.
  • 영화·영상물 같은 멀티미디어 분야에서 널리 활용된다는 설명은 맞다.
문제 57
다음이 설명하고 있는 웹 그래픽 제작 소프트웨어의 기능으로 옳은 것은?
1레이어
2레벨
3오브젝트
4심볼
정답 및 해설

여러 층으로 나뉜 이미지를 겹쳐 새 이미지를 만들고, 층별로 따로 작업할 수 있는 기능은 레이어이다.

투명한 필름을 겹치듯 요소마다 층을 분리해 두면 다른 층에 영향 없이 수정·이동할 수 있다.

  • 레벨은 이미지의 어두운 영역·중간 톤·밝은 영역 값을 조절해 명암 대비를 바꾸는 색 보정 기능이다.
  • 오브젝트는 벡터 프로그램에서 선택·편집하는 개별 도형 단위로, 층을 겹치는 작업 방식이 아니다.
  • 심볼은 반복해 쓰도록 등록해 둔 재사용 요소(그래픽·버튼·무비 클립 등)이다.
문제 58
컴퓨터 그래픽스 활용 분야로 가장 거리가 먼 것은?
1VR(Virtual Reality)
2Animation
3CAM
4Simulation
정답 및 해설

컴퓨터 그래픽스는 화면에 영상을 렌더링하고 시각적으로 표현하는 기술이다. CAM(Computer-Aided Manufacturing)은 CNC 기계 제어를 위한 공구 경로 생성 등 수치 계산 중심으로, 최종 산출물이 기계 코드이지 시각적 렌더링이 아니므로 컴퓨터 그래픽스와의 관련성이 가장 낮다.

  • VR은 3D 그래픽스로 가상 환경을 구축한다.
  • Animation은 시간 경과에 따른 그래픽 변화를 표현한다.
  • Simulation도 물리·화학 현상을 그래픽으로 시각화하는 분야다.

이들은 모두 그래픽스의 직접적인 응용이다.

문제 59
1946년 미국의 “에커드”와 “모클리”에 의해 개발된 세계 최초의 컴퓨터는?
1애플
2맥킨토시
3에니악
4IBM
정답 및 해설

1946년 에커트와 모클리가 개발한 세계 최초의 컴퓨터는 에니악(ENIAC)이다.

에니악은 진공관 약 18,000개를 사용한 범용 전자식 컴퓨터다.

  • 애플은 1970년대 후반에 등장한 개인용 컴퓨터다.
  • 매킨토시는 1980년대에 나온 개인용 컴퓨터다.
  • IBM 은 컴퓨터 제조 회사의 이름이며, IBM PC 는 1980년대 초에 보급된 개인용 컴퓨터다.
문제 60
웹 사이트 기획 시 좋은 정보구조 설계를 위해 고려해야할 사항으로 틀린 것은?
1정보의 양
2정보의 상하관계
3정보의 일관성
4정보의 모호성
정답 및 해설

정보구조 설계에서 정보의 모호성은 고려할 사항이 아니라 피해야 할 것이다.

좋은 정보구조는 사용자가 쉽게 찾도록 명확하고 체계적이어야 한다.

  • 정보의 양은 구조를 나누는 기준을 정하는 데 고려해야 한다.
  • 정보의 상하관계는 계층 구조를 설계할 때 고려해야 한다.
  • 정보의 일관성은 사용자가 구조를 예측하게 하는 요소로 고려해야 한다.