기출노트 로고기출노트
시작하기

2013웹디자인기능사 5회차

60문제로 구성된 기출 시험

💡 학습 진행률을 저장하시겠어요?
로그인하면 학습 진행률, 오답노트, 북마크 기능을 사용할 수 있습니다.

시험 문제

문제 1

디자인의 요소 중 "형"에 대한 설명으로 옳지 않은 것은?    
  1. 한 개의 점은 공간의 위치를 가리킨다.
  2. 점이 확대되면 면으로 이동된다.
  3. 점의 운동에 의해서 선이 만들어진다.
  4. 이동하는 선의 자취가 입체를 이룬다.
정답: 4

해설

"형"은 디자인의 시각적 요소를 의미하며, 점, 선, 면, 입체 등으로 구성됩니다. 1번부터 3번까지는 점이 확대되거나 움직여 선과 면을 형성하는 과정을 올바르게 설명하고 있습니다. 그러나 4번은 이동하는 선의 자취가 '입체'가 아닌 '면'을 이룬다는 점에서 옳지 않습니다. 입체는 면이 닫히거나 겹쳐져서 생기는 3차원적인 형태를 말합니다.

문제 2

우리나라의 교육부에 고시된 기본 색명은 몇 색상환인가?    
  1. 5
  2. 10
  3. 15
  4. 20
정답: 4

해설

우리나라 교육부 고시 기본 색명은 20가지 색상환입니다. 이는 교육 과정에서 학생들이 명확하게 인지하고 사용할 수 있도록 표준화된 색상 목록을 제공하기 위함입니다. 따라서 정답은 4번 20가지입니다.

문제 3

일반적으로 도구 개념으로 물건을 창조하는 디자인 분야는?    
  1. 시각디자인
  2. 제품디자인
  3. 환경디자인
  4. 공예디자인
정답: 2

해설

제품디자인은 사용자의 필요를 충족시키기 위해 기능성과 심미성을 갖춘 물건을 창조하는 디자인 분야입니다. 따라서 도구 개념으로 물건을 창조한다는 설명에 가장 부합합니다. 시각디자인은 정보 전달을 위한 시각적 요소에, 환경디자인은 공간과 경험에, 공예디자인은 수공예적 가치와 예술성에 더 중점을 둡니다.

문제 4

디자인 형태의 개념에 조화(harmony)를 이루는 법칙과 거리가 먼 것은?    
  1. 균형
  2. 대비
  3. 통일
  4. 색상
정답: 4

해설

디자인 형태의 조화는 요소들이 서로 잘 어우러져 전체적으로 안정감 있고 보기 좋은 느낌을 주는 것을 의미합니다. 균형, 대비, 통일은 모두 디자인 요소 간의 관계를 통해 조화를 이루는 중요한 원리입니다. 반면 색상은 조화를 이루는 데 영향을 줄 수 있는 요소이지만, 그 자체로 조화의 법칙이라고 보기는 어렵습니다. 따라서 색상은 조화를 이루는 법칙과 가장 거리가 멉니다.

문제 5

NICS 표색계에 대한 설명으로 옳은 것은?    
  1. 색상환은 노랑(Y), 빨강(R), 파랑(B), 초록(G)으로 구분되어 있다.
  2. 기본 6색 중 흰색과 검정은 포함되지 않는다.
  3. 20% 흰색도와 30%의 유채색도를 표시하고 90%는 노랑색도를 지닌 백색이다.
  4. 색자각 양의 합은 100 이며, 이것은 명도, 채도, 색상의 합이다.
정답: 1

해설

NICS 표색계는 색상을 10가지 기본색상(빨강, 주황, 노랑, 연두, 초록, 청록, 파랑, 남색, 보라, 자주)으로 구분하고, 각 색상은 다시 10단계로 세분화하여 표현합니다. 1번 보기는 NICS 표색계의 색상환이 노랑(Y), 빨강(R), 파랑(B), 초록(G)으로 구분된다는 점에서 옳습니다. 핵심 개념은 NICS 표색계가 색상을 체계적으로 분류하고 표현하는 방식이며, 특히 색상환의 구성이 중요한 요소임을 이해하는 것입니다.

문제 6

선(Line)의 종류에 따른 의미로 틀린 것은?    
  1. 사선 - 움직임이 있는 활력 있는 운동감, 불안정한 느낌에서 동적 원근감을 느낄 수 있다.
  2. 소용돌이선 - 빨려들 것 같은 혼돈과 환각을 의미한다.
  3. 수평선 - 대범한 퍼짐과 화려함을 의미한다.
  4. 수직선 - 상하공간으로의 방향성, 긴장, 엄숙, 경직을 의미한다.
정답: 3

해설

정답은 3번입니다. 수평선은 일반적으로 안정감, 평온함, 휴식, 넓게 퍼져나가는 느낌을 나타내지만, '대범한 퍼짐과 화려함'과는 직접적인 연관성이 적습니다. 오히려 수평선은 차분하고 정적인 이미지를 연상시키는 경우가 많습니다.

문제 7

다음 중 색의 3속성을 나타내는 것은?    
  1. color, value, chroma
  2. hue, black, saturation
  3. hue, value, cloudy
  4. hue, value, chroma
정답: 4

해설

정답은 4번 'hue, value, chroma'입니다. 색의 3속성은 색을 구분하는 기본적인 세 가지 요소로, 색상(hue), 명도(value), 채도(chroma)를 의미합니다. hue는 빨강, 파랑과 같은 색의 종류를 나타내고, value는 색의 밝고 어두움을, chroma는 색의 선명하고 탁함을 나타냅니다.

문제 8

시각 디자인 분야에 해당하지 않는 것은?    
  1. 그래픽디자인
  2. 광고디자인
  3. 편집디자인
  4. 가구디자인
정답: 4

해설

시각 디자인은 주로 이미지, 텍스트, 색상 등을 활용하여 정보를 전달하고 미적인 경험을 제공하는 분야입니다. 그래픽 디자인, 광고 디자인, 편집 디자인은 모두 시각적인 요소를 통해 메시지를 전달하는 대표적인 시각 디자인 영역입니다. 반면 가구 디자인은 사용자의 편의성과 기능성을 고려하여 물리적인 형태와 공간을 디자인하는 것으로, 시각적인 측면도 중요하지만 주로 제품 디자인 또는 산업 디자인 분야에 속합니다.

문제 9

CIE(국제조명 위원회) 표색계에 대한 설명으로 틀린 것은?    
  1. 완전한 흰색, 완전한 검정색을 만들수 없으므로 0.5~9.5까지의 기호로 나타낸다.
  2. 1~14까지의 채도를 사용하며, 일반적으로 짝수만들 기준으로 하고 있다.
  3. 헤링의 4원색 이론을 기본으로 하며, 기본색은 보라, 노랑 빨강, 검정이다.
  4. 채도가 낮은 부분을 색표집에 의해서 사용할 때는 짝수의 기본에 1, 3을 추가하고 있다.
정답: 3

해설

CIE 표색계는 인간의 시각 시스템을 기반으로 색을 객관적으로 표현하는 시스템입니다. 정답 3번이 틀린 이유는 CIE 표색계가 헤링의 4원색 이론이 아닌, **삼자극값(XYZ) 이론**을 기본으로 하기 때문입니다. 헤링의 4원색 이론은 보라, 노랑, 빨강, 검정이 아니라 빨강, 초록, 파랑, 노랑 등을 기반으로 합니다.

문제 10

빛이 눈의 망막 위에서 해석되는 과정에서 혼색효과가 가져다주는 가법혼색으로 점표파 화가들이 많이 사용 하였고, 디더링의 혼색원리이기도 한 혼합방법을 무엇이라 하는가?     
  1. 병치혼합
  2. 감색혼합
  3. 중간혼합
  4. 회전혼합
정답: 1

해설

정답은 1번 병치혼합입니다. 병치혼합은 서로 다른 색상의 작은 점들을 나란히 배치하여, 보는 사람의 눈에서 색상이 혼합되어 보이도록 하는 원리입니다. 점묘파 화가들은 이 기법을 사용하여 물감을 섞지 않고도 다양한 색상을 표현했으며, 디더링 기법에서도 디지털 이미지의 색상 표현을 위해 유사한 원리를 활용합니다. 감색혼합은 물감처럼 색을 섞을수록 어두워지는 방식과는 대조적입니다.

문제 11

다음이 설명하고 있는 형태는?          
  1. 유기적 형태
  2. 기하학적 형태
  3. 윤곽형 형태
  4. 추상적 형태
정답: 2

해설

정답은 2번, 기하학적 형태입니다. 문제에서 제시된 이미지는 직선, 원, 사각형 등 수학적으로 정의되는 명확한 선과 면으로 이루어져 있습니다. 이러한 특징은 자연에서 볼 수 있는 불규칙하고 유연한 형태와 대비되는 기하학적 형태의 핵심 개념을 잘 보여줍니다. 따라서 이미지는 기하학적 형태를 설명하고 있습니다.

문제 12

다음 중 색채 계획상 유의할 점으로 관련성이 가장 거리가 먼 것은?     
  1. 안정성
  2. 사회성
  3. 심미성
  4. 도덕성
정답: 4

해설

색채 계획에서 **도덕성**은 직접적인 고려 사항이 아닙니다. 색채 계획은 주로 **안정성**(시각적 편안함, 안전), **사회성**(문화적 의미, 집단적 인식), **심미성**(미적 만족감, 조화) 등을 고려하여 대상의 목적과 사용자에게 긍정적인 영향을 주는 데 초점을 맞춥니다.

문제 13

바우하우스에서 디자인이라는 용어 대신 사용한 용어는?     
  1. 데시나레
  2. 조형학
  3. 데셍
  4. 심리학
정답: 2

해설

바우하우스에서는 '디자인'이라는 용어 대신 '조형학'이라는 용어를 사용했습니다. 이는 단순히 미적인 형태를 만드는 것을 넘어, 기능과 재료, 생산 방식까지 포괄하는 종합적인 학문으로서 디자인을 이해했기 때문입니다. 조형학은 예술과 기술의 통합을 통해 실용적인 결과물을 만들어내는 것을 목표로 했습니다.

문제 14

어느 색이 다른 색에 둘러쌓여 있거나 인접한 두 색을 동시에 볼 때 일어나는 대비를 무엇이라고 하는가?     
  1. 동시대비
  2. 색상대비
  3. 연변대비
  4. 계시대비
정답: 1

해설

정답은 **1번 동시대비**입니다. 동시대비는 두 가지 이상의 색을 동시에 볼 때, 서로의 영향으로 인해 색의 차이가 더욱 두드러지거나 변화하는 현상을 말합니다. 문제에서 설명하는 '다른 색에 둘러싸여 있거나 인접한 두 색을 동시에 볼 때 일어나는 대비'가 바로 동시대비의 핵심 개념입니다.

문제 15

난색에대한 설명과 관계가 있는 것은?     
  1. 황색, 주황색, 청자색은 수축과 후퇴를 나타낸다.
  2. 적색, 주황색, 황색은 팽창과 진출을 나타낸다.
  3. 청록, 청, 청자색은 수축과 후퇴를 나타낸다.
  4. 적색, 주황색, 청자색은 팽창과 진출을 나타낸다.
정답: 2

해설

난색은 일반적으로 따뜻하고 활기찬 느낌을 주며, 시각적으로 앞으로 나아가는 듯한 팽창과 진출의 느낌을 나타냅니다. 보기 중 적색, 주황색, 황색은 대표적인 난색으로, 이러한 시각적 효과와 가장 잘 부합합니다. 따라서 난색에 대한 설명과 관계가 있는 것은 2번입니다.

문제 16

다음 두개의 꽃모양 중심에 있는 원의 실제 크기는 동일하다. 그런데 위쪽의 원이 아래쪽보다 커 보이는 현상은?          
  1. 주변과의 대비에 의한 착시현상
  2. 반복원리에 의한 착시현상
  3. 폐쇄원리에 의한 착시현상
  4. 연속원리에 의한 착시현상
정답: 1

해설

정답은 1번, 주변과의 대비에 의한 착시현상입니다. 이 현상은 '에빙하우스 착시' 또는 '동심원 착시'라고도 불립니다. 중심의 원은 실제 크기가 같지만, 위쪽 원은 더 작은 꽃잎들로 둘러싸여 있어 상대적으로 커 보입니다. 반면 아래쪽 원은 더 큰 꽃잎들로 둘러싸여 있어 상대적으로 작아 보이는 것입니다. 즉, 주변 사물과의 크기 대비 때문에 중심 원의 크기가 다르게 인식되는 착시 현상입니다.

문제 17

색채 조화를 위한 배색에 있어 고려해야 할 사항으로 잘못된 것은?     
  1. 배색할 때 전체 색조를 생각한 후, 색상 수를 될 수 있은 대로 많이 한다.
  2. 색의 전체적인 인상을 통일하기 위해 색상, 명도, 채도 중 한가지 공통된 부분을 만들어 준다.
  3. 비슷한 색상들로 이루어진 조화는 명도나 채도에 차이를 두어 대비 효과를 구성한다.
  4. 일반적으로 가벼운 색은 위쪽으로 하고, 무거운 색은 아래쪽으로 한다.
정답: 1

해설

색채 조화를 위한 배색에서 잘못된 것은 1번입니다. 색채 조화는 전체적인 통일감을 주는 것이 중요하며, 이를 위해 색상의 수를 제한하고 조화로운 관계를 이루는 색을 선택해야 합니다. 너무 많은 색상을 사용하면 오히려 혼란스럽고 불안정한 느낌을 줄 수 있습니다.

문제 18

게슐탈트(Gastalt)의 시각에 관한 원리가 아닌 것은?     
  1. 유사성의 원리
  2. 착시성의 원리
  3. 폐쇄성의 원리
  4. 연속성의 원리
정답: 2

해설

게슈탈트 시각 원리는 인간이 시각 정보를 어떻게 조직하고 인식하는지에 대한 이론입니다. 유사성, 폐쇄성, 연속성의 원리는 모두 게슈탈트 원리에 해당하며, 우리는 비슷한 것끼리 묶거나, 불완전한 형태를 완성하거나, 연속적인 흐름을 따라 시각 정보를 인식합니다. 반면, '착시성의 원리'는 게슈탈트 시각 원리에 포함되지 않는 개념입니다.

문제 19

시각적 균형과 가장 거리가 먼 것은?     
  1. 명암에 의한 균형
  2. 경험에 의한 균형
  3. 질감에 의한 균형
  4. 위치에 의한 균형
정답: 2

해설

## 정답 이유 및 핵심 개념 해설 정답은 **2. 경험에 의한 균형**입니다. **핵심 개념:** 시각적 균형은 주로 **명암, 질감, 위치** 등 시각적으로 인지되는 요소들의 조화를 통해 이루어집니다. 이러한 요소들은 객관적으로 파악 가능하며, 디자인 원리로서 활용됩니다. 반면, '경험에 의한 균형'은 개인의 주관적인 경험이나 문화적 배경에 따라 다르게 해석될 수 있어, 보편적인 시각적 균형의 원리로 보기 어렵습니다. 따라서 시각적 균형과 가장 거리가 먼 것은 경험에 의한 균형입니다.

문제 20

색이 점이(점증)는 디자인의 원리 중 어느 영역에 속하는가?     
  1. 균형
  2. 율동
  3. 반복
  4. 조화
정답: 2

해설

색이 점증하는 것은 시각적인 흐름과 움직임을 만들어내어 디자인에 생동감을 부여하는 **율동**의 원리에 속합니다. 이는 색상의 변화나 밀도의 증가를 통해 시선이 자연스럽게 이동하도록 유도하며, 디자인에 리듬감을 더하는 효과를 줍니다. 따라서 색이 점증하는 것은 율동이라는 디자인 원리의 한 표현 방식입니다.

문제 21

웹 브라우저(browser)가 아닌 것은?     
  1. 핫 자바(hot java)
  2. 익스프레스(express)
  3. 오페라(opera)
  4. 모자익(mosaic)
정답: 2

해설

정답은 2번 익스프레스(express)입니다. 익스프레스는 웹 서버를 구축하는 데 사용되는 Node.js 프레임워크로, 웹 브라우저와는 달리 웹 페이지를 보여주는 프로그램이 아닙니다. 핫 자바, 오페라, 모자익은 모두 웹 브라우저의 이름입니다.

문제 22

자바 스크립트에서 현재 활성화된 창을 닫는 명령어가 아닌 것은?     
  1. self.close()
  2. top.close()
  3. window.close()
  4. opener.close()
정답: 4

해설

정답은 4번 `opener.close()`입니다. `window.close()`, `self.close()`, `top.close()`는 모두 현재 창을 닫는 명령입니다. 반면 `opener.close()`는 현재 창을 연 부모 창을 닫는 명령으로, 현재 활성화된 창을 닫는 것과는 다릅니다. 핵심 개념은 `window` 객체의 `close()` 메서드가 현재 창을 닫는 데 사용되며, `opener` 속성은 현재 창을 연 창을 참조한다는 점입니다.

문제 23

웹 페이지에서 특정한 문장을 가장 큰 글씨로 화면에 출력하고자 할 때 사용되는 HTML 태그는?     
  1. 〈H1〉
  2. 〈H3〉
  3. 〈H5〉
  4. 〈H6〉
정답: 1

해설

HTML에서 제목을 나타내는 `

`부터 `

`까지의 태그 중, `

` 태그는 가장 중요한 제목을 나타내며 기본적으로 가장 큰 글씨로 화면에 출력됩니다. 따라서 웹 페이지에서 특정한 문장을 가장 큰 글씨로 출력하고자 할 때 `

` 태그를 사용합니다.

문제 24

PDF(Portable Document Format)의 파일포맷을 웹 브라우저에서 구현하기 위해 설치하는 플러그인 프로그램은?     
  1. Acrobat Reader
  2. Windows Media Player
  3. Shockwave Flash Player
  4. QuickTime player
정답: 1

해설

PDF 파일은 웹 브라우저에서 직접 열리지 않기 때문에, 이를 구현하기 위한 별도의 프로그램이 필요합니다. 정답인 **Acrobat Reader**는 Adobe에서 개발한 PDF 뷰어로, 웹 브라우저에 플러그인 형태로 설치되어 PDF 문서를 열람하고 상호작용할 수 있게 해줍니다. 다른 보기들은 각각 동영상, 애니메이션, 멀티미디어 재생 등 다른 목적을 가진 프로그램들입니다.

문제 25

인터넷 익스플로러 6.0의 도구 메뉴의 인터넷 옵션 중에서 홈페이지를 볼 수 있는 등급, 사람의 시원 또는 웹사이트의 보안을 증명하는 문서와 사용자의정보를 제공하는 것은?     
  1. 연결
  2. 개인정보
  3. 보안
  4. 내용
정답: 4

해설

인터넷 익스플로러 6.0의 도구 메뉴에서 "내용" 탭은 웹사이트의 보안 증명서, 사용자 정보, 그리고 홈페이지 설정을 관리하는 기능을 제공합니다. 특히 "인증서" 기능을 통해 웹사이트의 보안을 확인할 수 있으며, 이는 웹사이트가 신뢰할 수 있는 기관에 의해 검증되었음을 보여줍니다. 따라서 문제에서 설명하는 홈페이지 설정, 보안 증명, 사용자 정보 제공이라는 세 가지 기능을 모두 포함하는 것은 "내용" 탭입니다.

문제 26

다음 여러 검색엔진에서 연산자 "*" 가 검색 결과에 주는 영향이 다른 하나는?     
  1. 구글 : 인터넷*
  2. 네이버 : 인터넷*
  3. 알타비스타 : 인터넷*
  4. 야후 : 인터넷*
정답: 1

해설

이 문제는 검색 엔진에서 와일드카드 문자 '*'의 작동 방식 차이를 묻고 있습니다. '*'는 보통 단어의 일부를 대체하여 다양한 검색 결과를 얻는 데 사용됩니다. 정답은 1번 구글입니다. 구글은 '*'를 와일드카드로 인식하여 '인터넷'으로 시작하는 다양한 단어를 찾아주지만, 네이버, 알타비스타, 야후는 '*'를 일반 문자로 취급하여 '인터넷*'이라는 정확한 구문만 검색합니다. 핵심 개념은 검색 엔진별 와일드카드 연산자 지원 여부 및 작동 방식의 차이입니다.

문제 27

URL의 일반적일 표현식으로 맞는 것은?     
  1. 프로토콜://화일경로/화일명
  2. 프로토콜://호스트주소[:포트번호]/화일경로/화일명
  3. 포트번호://프로토콜/화일경로/화일명
  4. 포트번호://프로토콜/호스트주소/화일경로/화일명
정답: 2

해설

URL은 웹에서 자원의 위치를 나타내는 표준 형식입니다. 일반적으로 '프로토콜://호스트주소[:포트번호]/경로' 형태로 구성되며, 여기서 프로토콜은 통신 방식(예: http, https), 호스트주소는 서버의 위치, 포트번호는 서버 내 특정 서비스의 식별자, 경로는 자원의 상세 위치를 나타냅니다. 따라서 보기 2번이 URL의 일반적인 표현식으로 가장 적합합니다.

문제 28

www.hywoman.kr의 도메인 네임을 128.134.111.6과 같이 컴퓨터가 이해할 수 있는 숫자로 구성된 IP 주소로 변경시켜주는 서버는?     
  1. DB Server
  2. Web Server
  3. DNS Server
  4. NMS Server
정답: 3

해설

정답은 3번 DNS Server입니다. DNS(Domain Name System) 서버는 사람이 기억하기 쉬운 www.hywoman.kr과 같은 도메인 이름을 컴퓨터가 통신할 때 사용하는 128.134.111.6과 같은 IP 주소로 변환해주는 역할을 합니다. 이는 마치 전화번호부처럼, 이름(도메인)을 통해 실제 번호(IP 주소)를 찾아주는 것과 같습니다.

문제 29

자바스크립트의 특징으로 틀린 것은?     
  1. 객체 지향 프로그램 언어로 내장 객체를 사용한다.
  2. HTML 내에 삽입되어 홈페이지를 좀 더 동적이고 다양하게 제작할 수 있도록 한다.
  3. 대소문자를 구별하지 않는다.
  4. 데이터 형을 설정하지 않아도 된다.
정답: 3

해설

자바스크립트는 **대소문자를 구별하는 프로그래밍 언어**입니다. 따라서 `myVariable`과 `myvariable`은 서로 다른 변수로 인식됩니다. 보기 3번은 이러한 자바스크립트의 대소문자 구분 특징과 반대되는 설명이므로 틀렸습니다. 핵심 개념은 **대소문자 구분 (Case-sensitive)**입니다.

문제 30

라우팅 프로토콜에 해당하지 않는 것은?     
  1. BGP
  2. NNTP
  3. OSPF
  4. RIP
정답: 2

해설

라우팅 프로토콜은 네트워크 장치들이 데이터를 목적지까지 전달하기 위한 최적의 경로를 찾는 데 사용됩니다. BGP, OSPF, RIP는 모두 이러한 경로 탐색을 위한 프로토콜입니다. 반면 NNTP는 뉴스 기사를 전달하는 프로토콜로, 라우팅과는 관련이 없습니다. 따라서 라우팅 프로토콜에 해당하지 않는 것은 NNTP입니다.

문제 31

로그인시 아이디 저장과 같이 웹 서버가 사용자에 관한 정보를 사용자 컴퓨터에 저장하도록 허용하는 것은?     
  1. Session
  2. Cookie
  3. MIME
  4. URL
정답: 2

해설

정답은 2번 쿠키(Cookie)입니다. 쿠키는 웹 서버가 사용자의 컴퓨터에 저장하는 작은 데이터 조각으로, 로그인 정보나 장바구니 내용 등을 기억하는 데 사용됩니다. 세션은 서버 측에 사용자 정보를 저장하는 반면, 쿠키는 클라이언트 측에 저장하여 다음 방문 시 사용자 경험을 향상시키는 역할을 합니다.

문제 32

다음 네트워커 관련 장비에 대한 설명에 해당하는 것은?          
  1. 라우터
  2. 리피터
  3. 허브
  4. 게이트웨이
정답: 2

해설

이 문제는 신호 증폭 기능을 하는 네트워크 장비를 묻고 있습니다. **리피터**는 약해진 네트워크 신호를 증폭하여 더 먼 거리까지 전달하는 역할을 합니다. 라우터는 네트워크 간의 데이터 경로를 설정하고, 허브는 여러 장치를 연결하며, 게이트웨이는 서로 다른 네트워크를 연결하는 역할을 합니다. 따라서 신호 증폭이라는 설명에 해당하는 것은 리피터입니다.

문제 33

전자우편(e-mail)에 대한 설명으로 틀린 것은?     
  1. 컴퓨터 통신망을 통하여 다른 사람에게 서신을 교환하는 것을 의미한다.
  2. 컴퓨터로 작성된 서신을 매우 빠르게 여러 사람에게 동시에 전송할 수 있다.
  3. 작성된 서신과 함께 각종 디지털 정보를 함께 보낼 수 있다.
  4. 메일을 보낼 때 사용하는 일반적인 프로토콜은 FTP이고 받을 때 사용되는 프로토콜은 POP1을 가장 많이 사용한다.
정답: 4

해설

전자우편(e-mail)은 컴퓨터 통신망을 통해 서신을 빠르게 주고받는 서비스입니다. 작성된 서신뿐만 아니라 다양한 디지털 정보도 함께 보낼 수 있습니다. 하지만 메일을 보낼 때 주로 사용하는 프로토콜은 SMTP이며, 받을 때는 POP3나 IMAP을 사용하므로 4번 보기가 틀렸습니다.

문제 34

다음 자바스크립트 연산자 중 우선순위가 가장 높은것은?     
  1. +
  2. /
  3. <
  4. [ ]
정답: 4

해설

자바스크립트에서 대괄호 `[ ]` 연산자는 배열 요소에 접근하거나 객체의 속성에 접근하는 데 사용되며, 이는 다른 산술 연산자나 비교 연산자보다 우선순위가 높습니다. 이는 코드를 더 명확하게 만들고 예상치 못한 동작을 방지하는 데 중요합니다. 따라서 보기 중 `[ ]`가 가장 높은 우선순위를 가집니다.

문제 35

최상위 도메인 edu와 동일한 성격을 갖는 서브 도메인의 이름은?     
  1. ac
  2. go
  3. or
  4. re
정답: 1

해설

'edu'는 교육 기관을 나타내는 최상위 도메인입니다. 'ac' 역시 대학 및 교육 기관을 의미하는 도메인으로, 'edu'와 같은 성격을 가집니다. 따라서 정답은 1번 'ac'입니다.

문제 36

동시 접속자 수가 많아서 서비스 요청에 응답할 수 없는 경우 발생하는 웹 브라우저 오류메시지는?     
  1. HTTP 403 Forbidden
  2. HTTP 404 Not Found
  3. HTTP 500 Internal Server Error
  4. HTTP 503 Service Unavailable
정답: 4

해설

동시 접속자가 많아 서비스 요청에 응답할 수 없을 때 발생하는 웹 브라우저 오류 메시지는 **HTTP 503 Service Unavailable**입니다. 이 오류는 서버가 일시적으로 요청을 처리할 수 없음을 나타내며, 주로 과도한 트래픽이나 서버 점검 등으로 인해 발생합니다. 즉, 서버 자체의 문제보다는 **일시적인 과부하**로 인해 서비스가 불가능한 상황을 의미합니다.

문제 37

HTML 문서를 작성할 때 글자 사이의 공백으로 띄우기 위해 사용되는 것은?     
  1. <
  2. >
  3. &
  4. &nbsp;
정답: 4

해설

HTML 문서에서 글자 사이의 공백을 나타내기 위해 특수 문자인 ` `를 사용합니다. 이 코드는 "non-breaking space"의 약자로, 브라우저가 이 공백을 일반 공백과 동일하게 인식하지만, 줄바꿈이 일어나지 않도록 합니다. 따라서 ` `는 글자 사이의 간격을 조절하거나 특정 위치에 공백을 유지하는 데 유용합니다.

문제 38

다음이 설명하고 있는 것은?          
  1. CGI
  2. CSS
  3. DHTML
  4. WML
정답: 3

해설

정답은 3번 DHTML입니다. DHTML은 동적인 웹 페이지를 만들기 위해 HTML, JavaScript, CSS를 함께 사용하는 기술입니다. 이를 통해 사용자와 상호작용하며 내용이 변화하는 웹 페이지를 구현할 수 있습니다.

문제 39

HTTP 프로토콜에 대한 설명으로 가장 옳은 것은?     
  1. 서버와 클라이언트 사이에서 파일을 전송하기 위한 프로토콜이다.
  2. 클라이언트에서 서버로 E-mail를 송신할 때 사용하는 프로토콜이다.
  3. 웹에서 서버와 클라이언트 사이에서 웹 문서 전송에 사용되는 프로토콜 이다.
  4. 서버에서 클라이언트로 E-mail 을 송수신할 때 사용하는 프로토콜이다.
정답: 3

해설

HTTP 프로토콜은 웹 브라우저(클라이언트)와 웹 서버 간에 웹 페이지, 이미지 등 **웹 문서**를 주고받는 데 사용되는 핵심적인 통신 규칙입니다. 따라서 3번이 가장 옳은 설명입니다. 1번은 FTP와 같은 파일 전송 프로토콜에 해당하며, 2번과 4번은 이메일 송수신에 사용되는 SMTP, POP3, IMAP과 같은 프로토콜과는 다릅니다.

문제 40

웹 페이지를 제작할 때 사용하는 웹에디터의 종류가 아닌 것은?     
  1. ActiveX
  2. Notepad
  3. UltraEdit
  4. Dreamweaver
정답: 1

해설

웹 페이지 제작 시 웹 에디터는 코드를 작성하고 시각적으로 편집하는 도구입니다. 보기 중 Notepad와 UltraEdit는 텍스트 에디터로 웹 코드를 직접 작성하는 데 사용될 수 있습니다. Dreamweaver는 전문적인 웹 디자인 및 개발을 위한 통합 개발 환경(IDE)입니다. 반면, ActiveX는 웹 페이지에 동적인 기능을 추가하기 위한 기술로, 웹 에디터 자체의 종류에 해당하지 않습니다.

문제 41

웹디자인 프로세스에서 기획 단계에 설정될 내용이 아닌 것은?     
  1. 전체 사이트 구조
  2. 색상의 전반적인 분위기
  3. 메뉴 구성
  4. 이미지 편집
정답: 4

해설

웹디자인 기획 단계에서는 전체적인 틀을 잡는 것이 중요하므로, **전체 사이트 구조, 메뉴 구성** 등이 포함됩니다. **색상의 전반적인 분위기** 역시 사용자 경험에 영향을 미치므로 기획 단계에서 고려될 수 있습니다. 하지만 **이미지 편집**은 디자인 구현 단계에서 이루어지는 구체적인 작업이므로 기획 단계에 해당하지 않습니다.

문제 42

웹사이트를 디자인하기 위한 조건으로 옳지 않은 것은?     
  1. 관리하기 쉽도록 관리자 중심으로 제작한다.
  2. 일관성 있는 레이아웃으로 배치한다.
  3. 웹사이트의 주제를 쉽게 파악할 수 있도록 구성한다.
  4. 내비게이션을 최적화 한다.
정답: 1

해설

웹사이트 디자인 시 가장 중요한 것은 사용자 경험입니다. 따라서 웹사이트는 사용자가 쉽게 정보를 찾고 이용할 수 있도록 사용자 중심으로 설계되어야 합니다. 관리자 중심의 디자인은 사용자 편의성을 저해할 수 있으므로 옳지 않은 조건입니다. 일관성 있는 레이아웃, 명확한 주제 파악, 최적화된 내비게이션은 모두 사용자 경험을 향상시키는 핵심 개념입니다.

문제 43

콘텐츠가 서로 조화를 이루어 논리적으로 보일 수 있도록 시각적 계층구조를 만드는 것을 무엇이라 하는가?     
  1. 웹 타이포그라피 디자인
  2. 웹 컬러 디자인
  3. 웹 레이아웃 디자인
  4. 내비게이션 디자인
정답: 3

해설

정답은 3번 웹 레이아웃 디자인입니다. 웹 레이아웃 디자인은 콘텐츠의 중요도에 따라 크기, 위치, 색상 등을 조절하여 시각적 계층구조를 만드는 과정입니다. 이를 통해 사용자는 콘텐츠를 쉽게 이해하고 원하는 정보를 빠르게 찾을 수 있습니다. 즉, 웹 레이아웃 디자인은 콘텐츠의 논리적인 흐름과 가독성을 높이는 핵심적인 역할을 합니다.

문제 44

다음 설명하는 애니메이션 기법은?          
  1. 트위닝
  2. 어니언 스키닝
  3. 매핑
  4. 모델링
정답: 1

해설

이 문제는 애니메이션 제작 과정에서 사용되는 기법을 묻고 있습니다. 정답은 '트위닝'으로, 이는 키 프레임 사이에 중간 동작을 자동으로 생성하여 부드러운 움직임을 만드는 기법입니다. 마치 움직이는 그림의 각 프레임 사이를 '이어준다'는 의미를 가지고 있습니다.

문제 45

다음 중 웹사이트에 등재할 이미지의 크기가 클 경우 크기를 조정하기 위한 가장 올바른 방법은?     
  1. 웹에서 소스 수정으로 사이즈를 조정한다.
  2. 드림위버에서 이미지 크기를 줄인다.
  3. 포토샵의 이미지 사이즈에서 픽셀 수를 줄인다.
  4. 나모에서 뭽용으로 저장할 때 Quality를 낮춘다.
정답: 3

해설

정답은 3번입니다. 이미지의 품질 저하를 최소화하면서 웹사이트에 적합한 크기로 만들기 위해서는 원본 이미지 파일 자체의 픽셀 수를 줄이는 것이 가장 효과적입니다. 포토샵과 같은 이미지 편집 프로그램의 '이미지 사이즈' 기능을 사용하면 픽셀 수를 직접 조정하여 파일 크기를 줄일 수 있습니다. 다른 보기들은 웹사이트에 이미지를 올린 후 수정하거나, 파일 용량은 줄지만 품질 저하가 심할 수 있는 방법입니다.

문제 46

RGB 컬러 모드는 어떤 혼합방식으로 색상을 표현하는가?     
  1. 가산 혼합
  2. 감산 혼합
  3. 병치 혼합
  4. 회전 혼합
정답: 1

해설

RGB 컬러 모드는 **가산 혼합** 방식을 사용합니다. 이는 빛의 삼원색인 빨강(Red), 초록(Green), 파랑(Blue)을 각각 다른 비율로 섞어 다양한 색상을 만들어내는 방식입니다. 모든 색을 최대로 섞으면 흰색이 되며, 색을 섞을수록 밝아지는 특징을 가집니다.

문제 47

웹사이트의 전형적인 탐색구조에 대한 설명으로 틀린 것은?     
  1. 선형적인 구조는 하나의 홈페이지에서 다른 홈페이지로 또 다음 홈페이지로 연결된 구조로 주제별 검색에 많이 사용된다.
  2. 계층적인 구조는 하나의 홈페이지가 있고 그 홈페이지의 메인페이지에서는 단순한 메뉴로만 보여주고 하위페이지들로 계층적으로 연결되는 구조이다.
  3. 복합적 구조는 선형적 구조와 계층적 구조를 혼합한 것으로 단어별 검색에 많이 사용된다.
  4. 그물형 연결 구조는 대주제 검색을 위해 상호 연결하여 검색하기 위한 간결한 구조이다.
정답: 4

해설

정답은 4번입니다. 그물형 연결 구조는 웹사이트 내 다양한 페이지들을 자유롭게 연결하여 사용자가 원하는 정보를 쉽게 찾도록 돕는 구조입니다. 이는 대주제 검색뿐만 아니라 세부적인 정보 탐색에도 유용하며, 간결한 구조라기보다는 오히려 복잡하고 유연한 연결성을 특징으로 합니다. 따라서 대주제 검색을 위한 간결한 구조라는 설명은 틀렸습니다.

문제 48

다음은 무엇에 관한 설명인가?          
  1. 인터페이스
  2. 내비게이션
  3. 데이터베이스
  4. 프로토타입
정답: 2

해설

이 문제는 사용자가 웹사이트나 애플리케이션을 탐색하고 원하는 정보를 찾는 데 도움을 주는 요소들을 설명하고 있습니다. 이러한 요소들은 사용자가 시스템을 쉽게 이해하고 효율적으로 사용할 수 있도록 안내하는 역할을 합니다. 따라서 정답은 '내비게이션'이며, 이는 사용자의 이동과 정보 접근을 돕는 기능을 의미합니다.

문제 49

컴퓨터그래픽스 시스템의 입력 장치가 아닌 것은?     
  1. 키보드
  2. 마우스
  3. 플로터
  4. 스캐너
정답: 3

해설

컴퓨터 그래픽스 시스템에서 **입력 장치**는 사용자가 컴퓨터에 데이터를 전달하는 데 사용되는 장치를 의미합니다. 키보드, 마우스, 스캐너는 모두 사용자가 그림이나 텍스트 등의 정보를 컴퓨터로 입력하는 데 활용됩니다. 반면, **플로터**는 컴퓨터의 데이터를 종이 등에 출력하는 **출력 장치**이므로 입력 장치가 아닙니다.

문제 50

컴퓨터그래픽스의 렌더링에서 물체의 각 꼭지점(Vertex)에서 빛의 양을 계산한 후 그 값들을 보관하여 각 점에 색 값을 할당하는 쉐이딩 기법은?     
  1. Modeling
  2. Flat
  3. Gouraud
  4. Phong
정답: 3

해설

정답은 3번 Gouraud 쉐이딩입니다. 이 기법은 물체의 각 꼭지점에서 빛의 양을 계산하고, 이 꼭지점들의 색상 값을 보간하여 면 전체에 부드러운 색상 변화를 적용합니다. Flat 쉐이딩은 면마다 하나의 색상만 사용하고, Phong 쉐이딩은 각 픽셀마다 법선 벡터를 보간하여 더 정교한 빛 반사를 표현하는 차이가 있습니다.

문제 51

다음 중 내비게이션 디자인의 원칙으로 가장 옳은 것은?     
  1. 일관성을 유지하며 현재 위치를 알 수 있도록 한다.
  2. 정보를 효율적으로 전달할 수 있도록 컬러를 선택한다.
  3. 콘텐츠가 서로 시각적 계층 구조와 형태로 구성되도록 한다.
  4. 많은 내비게이션 요소를 배치하여 사용자의 환경을 구축한다.
정답: 1

해설

내비게이션 디자인의 핵심은 사용자가 길을 잃지 않고 원하는 목적지로 쉽게 이동하도록 돕는 것입니다. 따라서 **일관성**을 유지하여 사용자가 항상 현재 어디에 있는지 명확히 인지할 수 있도록 하는 것이 가장 중요합니다. 이는 사용자가 혼란 없이 시스템을 탐색하고 목표를 달성하는 데 필수적인 요소입니다.

문제 52

컴퓨터 그래픽스 활용 분야로 거리가 가장 먼 것은?     
  1. VR(Virtual Reality)
  2. Animation
  3. CAM
  4. Simulation
정답: 3

해설

컴퓨터 그래픽스는 시각적인 정보를 생성하고 조작하는 기술로, VR, 애니메이션, 시뮬레이션 등 시각적 표현이 중요한 분야에서 핵심적으로 활용됩니다. 반면 CAM(Computer-Aided Manufacturing)은 컴퓨터를 이용해 제품을 설계하고 생산 공정을 자동화하는 기술로, 그래픽스보다는 제조 및 공학 분야에 더 가깝습니다. 따라서 컴퓨터 그래픽스 활용 분야와 가장 거리가 먼 것은 CAM입니다.

문제 53

포토샵 CS4에서 픽셀의 색상 정보에 따라 일정 범위를 적용해 비슷한 색상 정보의 픽셀들을 한 번에 선택하게 해주는 툴은?     
  1. 도장 툴(Stamp Tool)
  2. 이미지 분할 툴(Slice Tool)
  3. 마술 봉 툴(Magic Wand Tool)
  4. 자석 올가미 툴(Magnetic Lasso Tool)
정답: 3

해설

정답은 3번 마술 봉 툴입니다. 마술 봉 툴은 클릭한 픽셀의 색상 정보를 기준으로, 유사한 색상 정보를 가진 주변 픽셀들을 자동으로 선택해주는 도구입니다. 이를 통해 이미지에서 특정 색상 영역을 빠르고 효율적으로 선택할 수 있습니다.

문제 54

다음 그래픽 파일 포맷 중 비트맵 저장 방식이 아닌 것은?     
  1. GIF
  2. JPEG
  3. WMF
  4. PCX
정답: 3

해설

이 문제는 그래픽 파일 포맷의 저장 방식을 이해하는 것이 핵심입니다. 비트맵은 픽셀 단위로 이미지를 표현하는 방식이며, GIF, JPEG, PCX는 모두 이러한 비트맵 방식을 사용합니다. 반면 WMF(Windows Metafile)는 벡터 기반의 그래픽 포맷으로, 점, 선, 도형 등의 수학적 정보를 이용하여 이미지를 표현하므로 비트맵 저장 방식이 아닙니다.

문제 55

마우스에 반응하는 플래시 무비를 만들기 위해 등록하는 심벌로 가장 적절한 것은?     
  1. 그래픽 심벌
  2. 버튼 심벌
  3. 사운드 심벌
  4. 무비클립 심벌
정답: 2

해설

마우스 반응 기능을 구현하기 위해서는 사용자의 클릭이나 마우스오버와 같은 상호작용을 감지하고 그에 따른 동작을 정의할 수 있는 심벌이 필요합니다. 버튼 심벌은 이러한 마우스 이벤트 처리에 특화되어 있어, 마우스에 반응하는 플래시 무비를 만드는 데 가장 적합합니다. 다른 심벌들은 주로 시각적인 요소나 자동 재생되는 애니메이션에 사용되어 마우스 반응 기능을 직접적으로 지원하지 않습니다.

문제 56

Photoshop에서 검정색과 흰색의 이미지로 구성되어 선택된 영역이 합성되지 않도록 하는 마스크 역할을 하는 메뉴는?     
  1. 레이어(Layer)
  2. 알파채널(Alpha Channel)
  3. Z 버퍼(Z-butter)
  4. 히스토리(History)
정답: 2

해설

정답은 **2. 알파채널(Alpha Channel)**입니다. 알파 채널은 이미지의 투명도 정보를 저장하는 채널로, 검정색은 완전히 투명, 흰색은 완전히 불투명함을 나타냅니다. 이를 이용해 이미지의 특정 영역을 선택적으로 보이거나 숨겨 마스크처럼 활용할 수 있으며, 합성 시 선택되지 않은 영역이 영향을 받지 않도록 합니다.

문제 57

웹사이트를 제작하기 위한 이미지 소스를 얻는 방법으로 적절하지 않은 것은?     
  1. 사이트의 콘셉트에 맞추어 디지털 카메라로 사진을 찍는다.
  2. 포털 사이트에서 검색하여 나오는 이미지를 복사하여 활용한다.
  3. 적절한 이미지가 없으면 이미지 판매 사이트에서 구입 할 수 있다.
  4. 이미지 편집 프로그램을 사용하여 직접 이미지를 제작 한다.
정답: 2

해설

정답은 2번입니다. 포털 사이트에서 검색한 이미지를 무단으로 복사하여 사용하는 것은 저작권 침해에 해당하므로 웹사이트 제작에 적절하지 않습니다. 웹사이트 제작 시에는 직접 촬영하거나, 구매하거나, 직접 제작한 이미지를 사용해야 저작권 문제를 예방할 수 있습니다.

문제 58

웹 애니메이션 제작시 시각적인 깜빡임(Flicker) 현상을 줄이기 위한 방법으로 가장 옳은 것은?     
  1. 모니터의 크기를 최대한 큰 것을 사용한다.
  2. 초당 프레임 수를 최대한 높여서 제작한다.
  3. 화려한 배색보다 유사색을 이용하여 제작한다.
  4. 고해상도의 원본 이미지를 사용한다.
정답: 2

해설

웹 애니메이션 제작 시 시각적인 깜빡임(Flicker) 현상은 프레임 간의 급격한 변화로 인해 발생합니다. 정답인 2번 '초당 프레임 수를 최대한 높여서 제작한다'는 이러한 변화를 더욱 부드럽게 만들어 깜빡임을 줄이는 가장 효과적인 방법입니다. 프레임 수가 높을수록 움직임이 자연스러워져 눈의 피로를 덜어주고 시각적인 안정감을 높입니다.

문제 59

1949년 MIT에서 개발되었으며 수학적 데이터를 그래픽으로 표현한 컴퓨터는?     
  1. 윌윈드(Whirlwind)
  2. 스케치패드(Sketch Pad)
  3. 페인트시스템(Paint System)
  4. 상호작용컴퓨터(Interactive Computer)
정답: 1

해설

1949년 MIT에서 개발된 '윌윈드(Whirlwind)'는 최초의 실시간 컴퓨터 중 하나로, 수학적 데이터를 그래픽으로 시각화하는 데 중요한 역할을 했습니다. 이는 이후 컴퓨터 그래픽스와 상호작용 시스템 발전의 초석이 되었습니다. 윌윈드는 단순한 계산을 넘어 사용자에게 시각적인 피드백을 제공하며 컴퓨터의 활용 범위를 넓혔습니다.

문제 60

웹 그래픽 제작 단계 중 색상(Color) 선택 단계의 작업에 해당하는 것은?     
  1. 컴퓨터가 제공하는 여러 가지 기능의 효율적 사용에 대해 연구한다.
  2. 그려진 이미지를 계속적인 수정과정을 통하여 의도한 이미지로 형성한다.
  3. 표현하고자 하는 색상들을 색 혼합이나 색상, 명도, 채도들을 원하는 대로 조절할 수 있고, 색상을 다양하게 사용할 수 있다.
  4. 이미지가 선택되면 도구의 기능을 사용하여 축소나 확대 반복, 회전들을 화면상에 제공하여 이미지를 표현하기 위해 그래픽스 메뉴를 선택한다.
정답: 3

해설

정답은 3번입니다. 색상 선택 단계는 웹 그래픽의 시각적 표현에 있어 매우 중요하며, 이 단계에서는 표현하고자 하는 색상을 자유롭게 조합하고 명도, 채도 등을 조절하여 원하는 색감을 구현하는 작업이 이루어집니다. 이는 웹 그래픽의 전체적인 분위기와 메시지를 전달하는 데 핵심적인 역할을 합니다.

2013년 웹디자인기능사 5회차 회차 학습 안내

2013년 웹디자인기능사 5회차 기출문제 60문항을 회차 단위로 모아 둔 페이지입니다. 화면에서 바로 훑어본 뒤 정답만 포함하거나 해설까지 포함한 시험지로 프린트해 종이 풀이에 쓸 수 있습니다.

회차 전체 풀이

문제 번호를 따로 이동하지 않고 60문항을 한 흐름으로 확인할 수 있어 실제 시험지처럼 이어서 풀기 좋습니다.

정답과 해설 선택

처음 풀 때는 정답을 가리고, 복습할 때는 정답 또는 해설을 포함해 같은 회차를 다시 볼 수 있습니다.

종이 시험지 출력

프린트 옵션을 맞춘 뒤 출력하면 표시해 둔 정답과 해설 포함 상태가 그대로 반영됩니다.

자주 묻는 질문

2013년 웹디자인기능사 5회차 기출문제는 몇 문항인가요?

2013년 웹디자인기능사 5회차는 총 60문항으로 구성되어 있습니다. 한 회차 전체를 이어서 보고, 필요한 경우 종이 시험지처럼 출력해 풀 수 있습니다.

정답과 해설을 포함해서 프린트할 수 있나요?

네. 시험 문제 위의 프린트 옵션에서 정답 포함 또는 해설 포함을 선택한 뒤 출력할 수 있습니다. 해설 포함을 켜면 정답도 함께 포함됩니다.

로그인 없이 회차 문제를 볼 수 있나요?

공개된 시험 회차의 문제와 해설은 로그인 없이 확인할 수 있습니다. 학습 진행률, 오답 기록, 북마크처럼 개인별로 이어지는 기능은 로그인이 필요할 수 있습니다.

웹디자인기능사 기출문제는 어떻게 복습하는 게 좋나요?

처음에는 정답을 가리고 한 회차를 풀어 본 뒤, 틀린 문제만 해설 포함 상태로 다시 확인하는 흐름이 좋습니다. 시험 직전에는 같은 회차를 프린트해 시간 배분과 실수 패턴을 함께 점검해보세요.