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

2007웹디자인기능사 5회차

60문제로 구성된 기출 시험

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

시험 문제

문제 1

기계화와 대량생산에 의한 생활용품의 품질 저하에 반대하여 윌리엄 모리스를 중심으로 연국에서 일어난 수공업 부흥운동은?    
  1. 독일공작연맹운동
  2. 미술공예운동
  3. 미래파운동
  4. 바우하우스
정답: 2

해설

정답은 2번 미술공예운동입니다. 이 운동은 19세기 후반 영국에서 윌리엄 모리스를 중심으로 일어났으며, 기계화와 대량생산으로 인한 생활용품의 품질 저하에 반대했습니다. 미술공예운동은 수공예의 가치를 재조명하고 아름다움과 실용성을 겸비한 예술적인 생활용품을 만들고자 했습니다.

문제 2

디자인의 조건 중 의자를 디자인할 경우, 사용자의 신체치수와 생김새, 체중이나 감촉에 대한 재료와 구조의 상태가 적합한지 등을 고려하는 것은?    
  1. 심미성
  2. 독창성
  3. 합목적성
  4. 경제성
정답: 3

해설

이 문제는 의자 디자인 시 사용자의 신체적 특징과 재료 및 구조의 적합성을 고려하는 것을 묻고 있습니다. 이는 디자인의 **합목적성**이라는 핵심 개념과 관련이 깊습니다. 합목적성은 디자인이 본래의 목적과 기능을 얼마나 잘 수행하는지를 의미하며, 의자의 경우 사용자의 편안함과 안전성을 보장하는 것이 가장 중요한 목적입니다. 따라서 사용자의 신체적 조건과 재료, 구조의 적합성을 고려하는 것은 의자가 그 목적을 달성하기 위한 필수적인 요소입니다.

문제 3

서로 다른 부분의 조합에 의해 생기는 것으로 시각적 힘의 강약에 의한 형의 감정 효과를 주는 것은?    
  1. 대비
  2. 변칙
  3. 통일
  4. 반복
정답: 1

해설

정답은 1번 '대비'입니다. 대비는 서로 다른 요소들이 만나 시각적인 긴장감과 흥미를 유발하며, 이를 통해 강약의 차이가 느껴져 형의 감정 효과를 나타냅니다. 예를 들어 밝음과 어둠, 크고 작음 등의 대비는 보는 사람에게 다양한 감정을 불러일으킬 수 있습니다.

문제 4

다음 중 그래픽 심벌(Symbol)이 가져야 할 조건으로 거리가 먼것은?    
  1. 대중적이고 사용의 편리성
  2. 구성의 간결성
  3. 세련된 디자인
  4. 디자인이 모호성
정답: 4

해설

그래픽 심벌은 정보를 빠르고 명확하게 전달하는 것이 목적이므로, 누구나 쉽게 이해할 수 있어야 합니다. 따라서 디자인이 모호하다는 것은 심벌의 핵심 기능을 저해하므로, 그래픽 심벌이 가져야 할 조건으로 거리가 멉니다. 간결하고 대중적인 디자인은 정보 전달력을 높이는 중요한 요소입니다.

문제 5

다음중 색의 수축, 팽창의 효과에 가장 큰 영향을 주는 요소는?    
  1. 색약
  2. 명도
  3. 잔상
  4. 중량
정답: 2

해설

색의 수축 및 팽창 효과에 가장 큰 영향을 주는 요소는 **명도**입니다. 명도가 높은 밝은 색은 앞으로 다가오는 것처럼 보이는 팽창 효과를, 명도가 낮은 어두운 색은 뒤로 물러나는 것처럼 보이는 수축 효과를 나타냅니다. 이는 우리의 뇌가 빛의 밝기에 따라 색을 인지하는 방식과 관련이 있습니다.

문제 6

다음 중 빨간색이 가장 선명하고 뚜렷해 보일 수 있는 배경은?    
  1. 주황
  2. 노랑
  3. 회색
  4. 보라
정답: 3

해설

빨간색이 가장 선명하게 보이려면 주변 색상과 대비가 커야 합니다. 주황색이나 노란색은 빨간색과 색상환에서 가까워 대비가 약하고, 보라색은 보색 관계에 가까워 대비가 크지만, 회색은 무채색으로 어떤 색과도 강한 대비를 이루어 빨간색의 선명도를 극대화합니다. 따라서 회색 배경에서 빨간색이 가장 뚜렷하게 보입니다.

문제 7

다음중 면에 대한 설명으로 옳지 않은 것은?    
  1. 폭은 있으나 길이가 없다.
  2. 이동하는 선의 자취가 면을 이룬다
  3. 공간을 구성하는 단위이다.
  4. 넓이는 있으나 두께는 없다.
정답: 1

해설

면은 폭과 길이를 모두 가지며, 공간을 구성하는 기본적인 단위입니다. 면은 두께가 없는 넓이를 가지며, 이동하는 선의 자취로 이해할 수 있습니다. 따라서 폭만 있고 길이가 없는 1번은 면에 대한 설명으로 옳지 않습니다.

문제 8

디자인의 기본 요소중 형과 형태에 관한 설명으로 옳지 않은 것은?    
  1. 기본 형태에는 점, 선, 면, 입체가 있다.
  2. 형태는 일정한 크기, 색채, 질감을 가진다.
  3. 형에는 현실적인 형과 이념적인 형이 있다.
  4. 이념적 형은 그 자체만으로 조형이 될수 있다.
정답: 4

해설

디자인의 기본 요소 중 형과 형태에 관한 설명으로 옳지 않은 것은 4번입니다. **형**은 점, 선, 면, 입체와 같이 시각적으로 인지되는 기본적인 형태를 의미하며, 현실적인 형과 이념적인 형으로 나눌 수 있습니다. **형태**는 이러한 형들이 모여 구체적인 모양을 갖춘 것을 말하며, 크기, 색채, 질감 등을 가집니다. 이념적인 형은 추상적인 개념으로, 그 자체만으로는 구체적인 조형이 되기 어렵습니다.

문제 9

혼합하는 색의 수가 많을수록 채도가 낮아지는 혼합을 무엇이라 하는가?    
  1. 병치 혼합
  2. 가법 혼합
  3. 회전 혼합
  4. 감법 혼합
정답: 4

해설

정답은 4번 감법 혼합입니다. 감법 혼합은 물감을 섞는 것처럼 색을 더할수록 빛을 흡수하는 정도가 커져 결과적으로 더 어두워지고 채도가 낮아지는 혼합 방식입니다. 따라서 혼합하는 색의 수가 많아질수록 더 많은 빛이 흡수되어 채도가 낮아지게 됩니다.

문제 10

기하학적 도형이 실측한 크기나 형과는 다르게 지각되는 현상을 무엇이라고 하는가?     
  1. 리듬
  2. 반복
  3. 강조
  4. 착시
정답: 4

해설

정답은 4번 착시입니다. 착시는 실제 눈에 보이는 것과 다르게 지각되는 현상을 말합니다. 기하학적 도형이 실측한 크기나 형과 다르게 보이는 것은 바로 이러한 착시 현상의 한 예입니다. 리듬, 반복, 강조는 시각적인 요소를 활용하는 디자인 원리이지만, 실제 크기나 형과 다르게 지각되는 현상을 직접적으로 설명하지는 않습니다.

문제 11

눈의 망막부위의 같은 곳에 동시적 또는 계시적으로 두 종류 이상의 색 자극이 주어져 특정한 색체감각을 일으키는 것을 무엇이라 하는가?     
  1. 감법혼색
  2. 가법혼색
  3. 보색혼색
  4. 중간혼색
정답: 2

해설

정답은 **2번 가법혼색**입니다. 가법혼색은 빛의 혼합으로, 망막의 같은 지점에 여러 색의 빛이 동시에 또는 순차적으로 닿을 때 발생하는 색채감각입니다. 이는 물감처럼 색을 섞어 어두워지는 감법혼색과는 달리, 빛의 삼원색(빨강, 초록, 파랑)을 섞을수록 밝아져 흰색에 가까워지는 원리입니다.

문제 12

검정종이 위에 노랑과 파랑을 나열하여 일정한 거리에서 보았을 때 나타나는 현상에 관한 설명으로 옳은 것은?     
  1. 노랑이 파랑보다 가깝게 보인다.
  2. 파랑이 노랑보다 가깝게 보인다.
  3. 노랑을 후퇴색이라 한다.
  4. 파란을 진출색이라 한다.
정답: 1

해설

정답은 1번입니다. 이는 **색채의 진출색과 후퇴색**이라는 개념과 관련이 있습니다. 일반적으로 따뜻한 색(예: 노랑)은 시각적으로 앞으로 나오는 듯한 느낌을 주어 **진출색**으로, 차가운 색(예: 파랑)은 뒤로 물러나는 듯한 느낌을 주어 **후퇴색**으로 인식됩니다. 따라서 검정 배경 위에 노랑과 파랑을 나열하면 노랑이 파랑보다 더 가깝게 보이게 됩니다.

문제 13

다음 ( )안에 알맞은 용어는?          
  1. 감마선
  2. 적외선
  3. 자외선
  4. 가시광선
정답: 4

해설

이 문제는 빛의 스펙트럼에 대한 이해를 묻고 있습니다. 정답인 '가시광선'은 우리 눈으로 볼 수 있는 빛의 영역을 의미하며, 무지개 색깔처럼 파장에 따라 다르게 인식됩니다. 보기의 다른 용어들은 가시광선보다 파장이 짧거나 긴 전자기파로, 우리 눈으로는 직접 볼 수 없습니다.

문제 14

망막에서 일어나는 변화에 관계없이 그 사물에 대해 지속적이고 고정적인 인식을 하고 있는 현상을 무엇이라고 하는가?     
  1. 운동시
  2. 형태시
  3. 항상성
  4. 지각성
정답: 3

해설

정답은 3번 '항상성'입니다. 이는 망막에 맺히는 상이 달라지더라도 우리의 뇌가 사물의 크기나 모양을 일정하게 인식하는 지각 현상을 의미합니다. 즉, 외부 환경 변화에도 불구하고 내적 일관성을 유지하려는 심리적, 생리적 특성을 나타냅니다.

문제 15

다음 중 색료의 3원색으로 옳은 것은?     
  1. 자주(Magenta), 노랑(Yellow), 청록(Cyan)
  2. 빨강(Red), 파랑(Blue), 노랑(Yellow)
  3. 청록(Cyan), 녹색(Green), 파랑(Blue)
  4. 파랑(Blue), 빨강(Red), 녹색(Green)
정답: 1

해설

색료의 3원색은 빛의 3원색과 달리, 섞을수록 어두워지는 감산 혼합의 원리를 따릅니다. 따라서 자주, 노랑, 청록색을 섞으면 모든 색을 흡수하여 검은색에 가까워지므로 색료의 3원색이 됩니다. 빨강, 파랑, 노랑은 빛의 3원색이며, 녹색은 빛의 3원색 중 하나입니다.

문제 16

다음 중 디자인의 조형 원리에 속하지 않는 것은?     
  1. 조화
  2. 형태
  3. 균형
  4. 율동
정답: 2

해설

디자인의 조형 원리는 요소들이 조화롭게 결합하여 시각적으로 안정감 있고 아름다운 전체를 이루도록 하는 원칙들을 말합니다. 조화, 균형, 율동은 이러한 조형 원리에 해당하지만, '형태'는 디자인을 구성하는 개별 요소 자체를 의미하므로 조형 원리에 속하지 않습니다.

문제 17

다음과 같이 문자를 대신하여 의사소통이 가능한 그림문자를 무엇이라고 하는가?          
  1. 캐릭터
  2. 픽토그램
  3. 로고타입
  4. 일러스트레이션
정답: 2

해설

그림문자는 **픽토그램**이라고 합니다. 픽토그램은 글자 대신 의미를 전달하는 시각적 기호로, 특정 대상이나 개념을 단순하고 명확하게 표현하여 언어 장벽 없이 누구나 쉽게 이해할 수 있도록 돕습니다. 따라서 문자를 대신하여 의사소통이 가능한 그림문자는 픽토그램에 해당합니다.

문제 18

다음 중 예로부터 전해 내려와 관습적으로 사용하는 색 하나하나의 색명을 무엇이라 하는가?     
  1. 일반색명
  2. 계통생명
  3. 관용색명
  4. 특정색명
정답: 3

해설

정답은 3번 관용색명입니다. 관용색명은 오랜 시간 동안 관습적으로 사용되어 온 색 이름으로, 특정 사물이나 현상에 비유하여 부르는 경우가 많습니다. 예를 들어, '하늘색', '바다색', '황토색' 등이 관용색명에 해당하며, 이는 일반적인 색상 분류로는 설명하기 어려운 고유한 의미와 느낌을 담고 있습니다.

문제 19

저드(D.B.judd)의 "색체 조화론"에 해당하지 않는 것은?     
  1. 질서의 원리
  2. 모호성의 원리
  3. 친근성의 원리
  4. 유사성의 원리
정답: 2

해설

저드의 색채 조화론은 질서, 친근성, 유사성 등의 원리를 통해 색채 간의 조화를 설명합니다. 이러한 원리들은 시각적으로 안정감 있고 편안함을 주는 색채 조합을 찾는 데 도움을 줍니다. 반면, 모호성의 원리는 저드의 색채 조화론에 포함되지 않는 개념입니다.

문제 20

주위색의 영향으로 오히려 인접색에 가깝게 느껴지는 경우를 무엇이라고 하는가?     
  1. 동화 현상
  2. 명시 현상
  3. 색의 수축현상
  4. 중량 현상
정답: 1

해설

주위색의 영향으로 인접색이 오히려 더 비슷하게 느껴지는 현상은 **동화 현상**이라고 합니다. 이는 마치 두 색이 서로에게 영향을 주어 섞이는 것처럼 느껴지기 때문입니다. 보기 중에서 이 현상을 가장 잘 설명하는 것은 1번 동화 현상입니다.

문제 21

IPv6 주소체계에 대한 설명으로 가장 거리가 먼 것은?     
  1. 64Bit의 확장된 주소 공간을 제공한다.
  2. 라우터의 라우팅 테이블에 오버플로우 현상을 제거하여 라우팅 능력을 개선한다.
  3. IPSEC를 통하여 보안의 취약점을 찾아낼 수 있다.
  4. QoS(Quality of Service) 제어기능을 지원한다.
정답: 1

해설

IPv6는 128비트의 확장된 주소 공간을 제공하여 IP 주소 부족 문제를 해결합니다. 1번 보기는 IPv6의 주소 공간 크기를 잘못 설명하고 있어 가장 거리가 멉니다. IPv6는 라우팅 테이블 오버플로우 감소, IPsec을 통한 보안 강화, QoS 지원 등 여러 개선점을 가지고 있습니다.

문제 22

다음 웹 페이지 제작과정을 순서대로 바르게 나열한 것은?          
  1. 5-1-3-2-4-6
  2. 5-3-1-2-4-6
  3. 3-1-5-2-4-6
  4. 3-5-1-2-4-6
정답: 3

해설

웹 페이지 제작 과정은 일반적으로 **기획 및 디자인 (3번)** 단계에서 시작하여, **퍼블리싱 (1번)**으로 코드를 구현하고, **개발 (5번)**을 통해 기능적인 부분을 완성합니다. 이후 **테스트 (2번)**를 거쳐 오류를 수정하고, **배포 (4번)**하여 사용자에게 공개하며, 마지막으로 **유지보수 (6번)**를 통해 지속적으로 관리합니다. 따라서 3-1-5-2-4-6 순서가 가장 논리적입니다.

문제 23

GTLD(Generic Top - Lovel Domain)에 속하지 않는 것은?     
  1. org
  2. com
  3. edu
  4. int
정답: 4

해설

GTLD(Generic Top-Level Domain)는 특정 국가에 속하지 않고 일반적인 목적을 가진 최상위 도메인을 의미합니다. 보기 1, 2, 3번인 'org', 'com', 'edu'는 각각 비영리 단체, 상업적 목적, 교육 기관을 나타내는 대표적인 GTLD입니다. 반면 'int'는 국제 기구를 위한 도메인으로, GTLD에 해당하지 않습니다.

문제 24

다음이 설명하고 있는 네트워크 통신망은?          
  1. LAN
  2. MAN
  3. WAN
  4. VAN
정답: 1

해설

이 문제는 **LAN(Local Area Network)**을 설명하고 있습니다. LAN은 일반적으로 건물이나 캠퍼스 등 비교적 좁은 지역을 연결하는 네트워크입니다. 보기 중 1번 LAN이 이 설명에 가장 부합하며, 핵심 개념은 **"제한된 지리적 범위"**입니다.

문제 25

인터넷에서 음성 및 동영상, 애니메이션 등의 콘텐츠를 실시간으로 다운로드 하여 실행 가능하도록 하는 기술은 무엇인가?     
  1. Streaming 기술
  2. Water Mark 기술
  3. DRM 기술
  4. Compression 기술
정답: 1

해설

정답은 1번 스트리밍 기술입니다. 스트리밍 기술은 인터넷을 통해 음성, 동영상, 애니메이션과 같은 콘텐츠를 다운로드하는 동시에 재생할 수 있게 해주는 기술입니다. 이를 통해 사용자는 콘텐츠 전체가 다운로드될 때까지 기다릴 필요 없이 즉시 콘텐츠를 즐길 수 있습니다.

문제 26

스타일시트에 대한 설명으로 옳지 않은 것은?     
  1. 하나의 문서만 수정해도 한꺼번에 여러 페이지의 외형과 형식을 수정할 수 있다.
  2. 스타일시트를 이용하면 글꼴, 색상, 크기, 정렬방식 등을 미리 지정하여 두고 필요한 곳에 적용할 수 있다.
  3. 같은 스타일시트를 사용하는 문서에는 문서들의 일관성을 쉽게 유지할 수 있다.
  4. 웹페이지의 레이아웃 편집을 강화하여 브라우저나 플랫폼의 종류에 많은 제한이 따른다.
정답: 4

해설

스타일시트(CSS)는 웹페이지의 디자인을 중앙에서 관리하여 여러 페이지에 일관된 스타일을 적용하고 수정하는 데 효율적입니다. 보기 4번이 옳지 않은 이유는, 스타일시트가 오히려 브라우저나 플랫폼 간의 디자인 차이를 줄여 일관성을 높이는 역할을 하기 때문입니다. 즉, 스타일시트는 레이아웃 편집을 강화하지만, 브라우저/플랫폼 제한을 늘리는 것이 아니라 줄이는 데 기여합니다.

문제 27

검색 사이트 중 기존의 메타 태그에만 의존하지 않고 페이지 랭크 기법을 이용하여 웹페이지의 순위를 정하는 검색 사이트는?     
  1. 구글
  2. 야후
  3. 알타비스타
  4. 라이코스
정답: 1

해설

정답은 1번 구글입니다. 구글은 페이지 랭크(PageRank)라는 혁신적인 알고리즘을 사용하여 웹페이지의 순위를 매깁니다. 페이지 랭크는 단순히 웹페이지의 내용이나 메타 태그뿐만 아니라, 다른 웹페이지로부터 얼마나 많은 링크를 받고 있는지, 그리고 링크를 건 페이지의 중요도 등을 종합적으로 고려하여 웹페이지의 권위와 관련성을 평가합니다. 이 기법 덕분에 구글은 사용자에게 더욱 정확하고 유용한 검색 결과를 제공할 수 있었습니다.

문제 28

웹브라우저 상에서 표시하고 있는 문서의 위치에 대한 정보를 제공하는 location 객체의 속성이 아닌것은?     
  1. length
  2. pathname
  3. href
  4. hostname
정답: 1

해설

location 객체는 웹 브라우저 주소창의 정보를 담고 있으며, href, pathname, hostname 등 다양한 속성을 통해 현재 문서의 URL 정보를 얻을 수 있습니다. 하지만 'length' 속성은 location 객체에 존재하지 않으며, 주로 문자열이나 배열의 길이를 나타내는 데 사용됩니다. 따라서 정답은 1번 'length'입니다.

문제 29

전자메일 서비스에 연관된 프로토콜(Protocol)이 아닌 것은?     
  1. IMAP
  2. NNTP
  3. POP3
  4. SMTP
정답: 2

해설

전자메일 서비스는 주로 메일을 주고받거나 관리하는 데 사용되는 프로토콜을 활용합니다. IMAP, POP3, SMTP는 각각 메일 수신 및 관리, 메일 발송에 사용되는 대표적인 전자메일 관련 프로토콜입니다. 반면 NNTP는 뉴스그룹(Usenet) 메시지를 주고받는 데 사용되는 프로토콜로, 전자메일과는 직접적인 관련이 없습니다.

문제 30

다음과 같은 특징을 갖는 네트워크 토폴리지(topology)는?          
  1. 링 토폴리지
  2. 버스 토폴리지
  3. 스타 토폴리지
  4. 트리 토폴리지
정답: 1

해설

이 문제는 네트워크 장치들이 원형으로 연결된 토폴로지를 묻고 있습니다. 정답은 1번 **링 토폴리지**입니다. 링 토폴로지는 각 장치가 양옆의 두 장치와 연결되어 데이터가 한 방향으로 순환하는 구조를 가집니다. 이는 마치 고리가 연결된 것과 같은 형태입니다.

문제 31

자바 스크립트에 대한 설명으로 틀린 것은?     
  1. 웹 문서 안에 포함되어 소스 코드가 공개되고 인터프리터 방식으로 실행된다.
  2. 프로그래머가 브라우저의 특성과 상태를 직접적으로 제어할 수 있게 해준다.
  3. 클라이언트에서 바로 해석 가능하다.
  4. 절차 지향(Procedure-Oriented) 언어이다.
정답: 4

해설

자바스크립트는 객체 지향, 이벤트 기반, 함수형 프로그래밍 등 다양한 패러다임을 지원하는 다중 패러다임 언어입니다. 따라서 절차 지향 언어라고만 정의하는 것은 틀렸습니다. 핵심은 자바스크립트가 특정 프로그래밍 스타일 하나로만 국한되지 않는 유연성을 가진다는 점입니다.

문제 32

다음은 무엇에 관한 설명인가?          
  1. CSS
  2. CGI
  3. DHTML
  4. XML
정답: 3

해설

이 문제는 DHTML에 관한 설명입니다. DHTML은 HTML, CSS, JavaScript를 함께 사용하여 웹 페이지를 동적으로 만들고 상호작용을 강화하는 기술입니다. 이를 통해 사용자는 웹 페이지와 더욱 풍부하고 역동적인 경험을 할 수 있습니다.

문제 33

다음이 설명하고 있는 언어는?          
  1. HTML
  2. C언어
  3. Pascal
  4. Fortran
정답: 1

해설

이 문제는 웹 페이지의 구조를 정의하는 데 사용되는 마크업 언어를 묻고 있습니다. 정답은 1번 HTML로, HTML은 웹 브라우저가 이해할 수 있는 태그를 사용하여 텍스트, 이미지, 링크 등 웹 페이지의 콘텐츠와 구조를 설명하는 언어입니다. C언어, Pascal, Fortran은 프로그래밍 언어로, 웹 페이지를 만드는 데 직접적으로 사용되지 않습니다.

문제 34

다음중 자바 스크립트의 함수에 관한 설명으로 바르지 못한 것은?     
  1. function이라는 키워드를 먼저 쓰고 뒤에 함수명과 매개변수를 기재한다.
  2. 함수 이름은 변수 이름과 동일한 방법으로 지정한다.
  3. 매개변수의 수에는 상관없고 각 매개변수는 /(Slash)로 구분한다.
  4. 함수 정의시 〈HEAD〉...〈/HEAD〉 태그 사이에서 이루어 져야 한다.
정답: 3

해설

정답은 3번입니다. 자바스크립트 함수에서 매개변수는 쉼표(,)로 구분하며, 슬래시(/)로 구분하는 것은 올바르지 않습니다. 함수 정의 시 `` 태그 사이에서 이루어져야 한다는 4번 보기 역시 HTML 문서 구조와 관련된 내용으로, 자바스크립트 함수 자체의 문법과는 직접적인 관련이 없습니다.

문제 35

HTML 태그에서 ALT 옵션에 대해 설명이 올바른 것은?     
  1. 추가된 글자 모양으로 표시할 때 사용하는 태그 옵션이다.
  2. 키보드 글자 모양으로 표시할 때 사용하는 태그 옵션이다.
  3. 예제 글자 모양으로 표시할 때 사용하는 태그 옵션이다.
  4. 웹 브라우저에서 그림에 마우스를 위치시키면 그림에 대한 설명이 나타나도록 하는 옵션이다.
정답: 4

해설

HTML의 `alt` 속성은 이미지 파일이 로드되지 않거나, 시각 장애가 있는 사용자가 스크린 리더를 사용할 때 이미지 대신 표시되는 대체 텍스트를 제공합니다. 따라서 웹 브라우저에서 그림에 마우스를 올렸을 때 그림에 대한 설명을 나타나게 하는 옵션이 올바른 설명입니다. 이는 웹 접근성을 높이는 중요한 개념입니다.

문제 36

다음 중 자바스크립트의 변수로 사용할 수 없는 것은?     
  1. _java
  2. return
  3. Hello2
  4. BasiC
정답: 2

해설

자바스크립트에서 `return`은 예약어이기 때문에 변수 이름으로 사용할 수 없습니다. 변수 이름은 문자와 숫자, 밑줄(`_`) 또는 달러 기호(`$`)로 시작할 수 있으며, 예약어는 피해야 합니다. `_java`, `Hello2`, `BasiC`는 모두 유효한 변수 이름입니다.

문제 37

웹 브라우저(Web Browser)의 종류로 볼 수 없는 것은?     
  1. Mosaic
  2. Opera
  3. Leno
  4. Internet Explorer
정답: 3

해설

정답은 3번 'Leno'입니다. 웹 브라우저는 인터넷에 접속하여 웹 페이지를 보여주는 소프트웨어인데, Mosaic, Opera, Internet Explorer는 모두 웹 브라우저의 종류입니다. 반면 Leno는 웹 브라우저가 아닌 다른 용도의 소프트웨어입니다.

문제 38

하이퍼텍스트 개념을 인터넷 상에서 처음 실용화시킨 프로그램으로 현재 사용하고 있는 웹브라우저의 모태라고 할수 있는 것은?     
  1. Netscape
  2. Explorer
  3. Mosaic
  4. Hot Java
정답: 3

해설

정답은 **3번 Mosaic**입니다. Mosaic은 1993년에 개발된 최초의 그래픽 웹 브라우저로, 텍스트뿐만 아니라 이미지도 함께 보여주는 혁신적인 기능을 선보였습니다. 이로 인해 하이퍼텍스트 개념이 대중화되었고, 현재 우리가 사용하는 웹 브라우저들의 직접적인 조상이 되었습니다.

문제 39

다음중 정보 검색 연산자의 설명으로 올바른 것은?     
  1. AND : 연산자 좌우 검색어 중 하나라도 들어 있는 자료를 찾는다.
  2. OR : 연산자 앞 쪽의 검색어는 포함, 뒤 쪽 검색언느 미포함 자료를 찾는다.
  3. 구절검색 : 두 개 이상의 단어가 순서대로 연속해서 나오는 것을 찾는다.
  4. NOT : 연산자 좌우의 검색어를 모두 만족시키는 자료를 찾는다.
정답: 3

해설

정보 검색 연산자 중 '구절 검색'은 두 개 이상의 단어가 정확히 같은 순서로 연속해서 나타나는 문서를 찾는 방식입니다. 예를 들어 "인공지능"이라는 구절을 검색하면 "인공지능"이라는 단어가 붙어 있는 결과만 나오지만, "인공"과 "지능"이 떨어져 있거나 순서가 다르면 검색되지 않습니다. 이는 AND 연산자가 두 검색어를 모두 포함하는 자료를 찾는 것과는 다른 개념입니다.

문제 40

인터넷 이용시 접속하고 하는 URL을 정확히 입력하였지만 찾을 수 없다는 메시지와 함께 접속이 되지 않았다. 그러나 IP 주소를 입력하면 접속이 되는 경우 클라이언트 측에서 찾을 수 있는 원인은?     
  1. IP 주소를 할당받지 못한 경우
  2. Proxy 서버를 설정하지 않은 경우
  3. FTP 서버를 설정하지 않은 경우
  4. DNS 서버를 설정하지 않은 경우
정답: 4

해설

URL을 입력해도 접속되지 않지만 IP 주소로 접속되는 경우, 클라이언트 측의 문제는 **DNS 서버 설정 오류**일 가능성이 높습니다. DNS 서버는 사람이 읽기 쉬운 URL을 컴퓨터가 이해할 수 있는 IP 주소로 변환해주는 역할을 하는데, 이 과정에 문제가 생기면 URL로 접속할 수 없습니다. 따라서 DNS 서버가 제대로 설정되지 않았거나 작동하지 않으면 URL을 IP 주소로 해석하지 못해 접속 오류가 발생합니다.

문제 41

인터넷상에서 이미지 파일포맷으로 가장 널리 사용되며 압축률이 높고, 최대 256 컬러까지 지원하는 비트맵 형식의 파일 확장자는?     
  1. GIF
  2. PSD
  3. PNG
  4. BMP
정답: 1

해설

이 문제는 이미지 파일 포맷의 특징을 묻고 있습니다. 정답은 GIF로, GIF는 인터넷에서 널리 사용되며 높은 압축률과 최대 256 컬러 지원이라는 특징을 가집니다. PNG도 압축률이 높지만, 일반적으로 GIF보다 더 많은 색상을 지원하며, BMP는 비압축 형식이라 파일 크기가 크고, PSD는 포토샵 전용 파일입니다.

문제 42

네비게이션에 관한 설명 중 가장 거리가 먼 것은?     
  1. 일관성 있는 네비게이션을 만들어야 한다.
  2. 로딩 속도가 빨라야 한다.
  3. 한꺼번에 전체 내용을 볼 수 있도록 메뉴는 많을수록 좋다.
  4. 링크가 끊어진 페이지가 없어야 한다.
정답: 3

해설

네비게이션은 사용자가 웹사이트를 쉽게 탐색하도록 돕는 중요한 요소입니다. 3번 보기는 메뉴가 많을수록 좋다는 점에서 네비게이션의 핵심 원칙과 거리가 멉니다. **핵심 개념**은 네비게이션은 **명확하고 간결해야 하며**, 사용자가 원하는 정보를 쉽게 찾을 수 있도록 **효율적인 구조**를 갖추어야 한다는 것입니다. 메뉴가 너무 많으면 오히려 혼란을 야기하고 사용성을 저해할 수 있습니다.

문제 43

다음 중 타이포그래피의 구성요소에 해당하지 않는 것은?     
  1. Serif
  2. Line-spacing
  3. Letter-spacing
  4. Dithering
정답: 4

해설

타이포그래피는 글자를 디자인하고 배치하는 기술로, 글자 자체의 특징(Serif), 글자 간 간격(Letter-spacing), 줄 간격(Line-spacing) 등이 중요한 구성 요소입니다. 반면, Dithering은 이미지의 색상 표현을 부드럽게 하기 위해 점들을 불규칙하게 배치하는 기법으로, 타이포그래피와는 직접적인 관련이 없습니다. 따라서 Dithering은 타이포그래피의 구성 요소에 해당하지 않습니다.

문제 44

다음 중 동영상 편집에 가장 적당한 프로그램은?     
  1. 퀵 익스프레스(Quark Express)
  2. 일러스트레이터(Illustrator)
  3. 포토샵(Photoshop)
  4. 프리미어(Premiere)
정답: 4

해설

정답은 4번 프리미어입니다. 프리미어는 어도비에서 제작한 전문적인 동영상 편집 프로그램으로, 타임라인 기반 편집, 다양한 효과 및 전환 기능, 오디오 편집 등 동영상 제작에 필요한 모든 기능을 갖추고 있습니다. 1번 퀵 익스프레스는 주로 출판 및 인쇄물 디자인에 사용되며, 2번 일러스트레이터와 3번 포토샵은 이미지 편집 및 그래픽 디자인 프로그램으로 동영상 편집과는 거리가 있습니다.

문제 45

웹페이지 제작시 제안서에 포함될 내용으로 옳지 않은 것은?     
  1. 프로젝트의 개요 및 목적
  2. 차별화 전략 및 제작 일정
  3. 팀 구성 및 예산
  4. 구조설계 및 네비게이션 디자인
정답: 4

해설

웹페이지 제작 제안서에는 프로젝트의 전반적인 방향과 실행 계획을 담아야 합니다. 따라서 프로젝트의 개요, 목적, 차별화 전략, 제작 일정, 팀 구성, 예산 등은 필수적으로 포함됩니다. 반면, 구조 설계와 네비게이션 디자인은 실제 제작 단계에서 구체화되는 내용이므로 제안서 단계에서는 포함되지 않는 것이 일반적입니다.

문제 46

다음이 설명하고 있는 애니메이션의 종류는?          
  1. 컷 아웃 애니메이션
  2. 스톱모션 애니메이션
  3. 투광 애니메이션
  4. 고우모션 애니메이션
정답: 1

해설

이 문제는 종이, 천, 또는 다른 평면적인 재료로 만들어진 인형이나 그림을 잘라서 움직이는 것처럼 보이게 만드는 애니메이션 기법을 설명하고 있습니다. 이러한 방식은 각 장면마다 재료를 잘라내어 조금씩 움직임을 주면서 촬영하는 것이 특징입니다. 따라서 정답은 '컷 아웃 애니메이션'입니다.

문제 47

웹 사이트를 제작하기 위해 타사의 웹 사이트를 분석하는 이유로 가장 적합하지 않은 것은?     
  1. 해당 분야의 인터넷 시장을 파악한다.
  2. 경쟁 사이트들을 분석하여 자신의 사이트 경쟁력을 제고 한다.
  3. 인터넷 시장의 흐름을 이해한다.
  4. 웹 사이트에 사용할 이미지를 얻는다.
정답: 4

해설

타사 웹사이트 분석의 핵심은 시장 동향 파악과 경쟁력 강화입니다. 1, 2, 3번 보기는 이러한 목적에 부합합니다. 반면, 4번 보기는 저작권 문제를 야기할 수 있으며, 웹사이트 제작의 본질적인 분석 목적과는 거리가 멀기 때문에 가장 적합하지 않은 이유입니다.

문제 48

CMYK 모드로 저장된 JPEG 파일을 인터넷 익스플로러 6.0으로 실행하였을 때 나타나는 결과로 옳은 것은?     
  1. 이미지의 명도가 낮게 나타난다.
  2. 색상이 반대색이 나타난다.
  3. 원래 크기보다 크게 보인다.
  4. 이미지를 표시하지 못한다.
정답: 4

해설

CMYK 모드는 인쇄용 색상 모드이며, 웹 브라우저, 특히 구형 버전인 인터넷 익스플로러 6.0은 CMYK를 제대로 지원하지 못합니다. 따라서 CMYK로 저장된 JPEG 파일은 웹 브라우저에서 색상 정보를 인식하지 못해 이미지를 정상적으로 표시하지 못하고, 결과적으로 이미지를 표시하지 못하는 현상이 발생합니다.

문제 49

파일 압축 기법 중 문자의 발생 빈도에 따라 각 문자에 해당하는 비트 수를 차별화시켜 문자의 저장에 필요한 공간을 감소시키는 방법은 무엇인가?     
  1. 런 길이 인코딩(Run Length Encoding)
  2. 허프만 코딩(Huffman Coding)
  3. LZW(Lempel Ziv Welch)
  4. 단순압축기법(Simple Compression Techniques)
정답: 2

해설

정답은 2번 허프만 코딩입니다. 허프만 코딩은 자주 등장하는 문자는 짧은 비트열로, 드물게 등장하는 문자는 긴 비트열로 할당하여 전체 파일 크기를 줄이는 방식입니다. 이는 문자의 발생 빈도에 따른 비트 수 차별화를 통해 데이터 압축 효율을 높이는 핵심 개념입니다.

문제 50

컴퓨터 그래픽 역사 중 1980년대에 등장한 출력장치는?     
  1. 래스터 스캔형 CRT
  2. 리플레시형 CRT
  3. X-Y 플로터
  4. 스토레이지형 CRT
정답: 1

해설

1980년대 컴퓨터 그래픽스에서 **래스터 스캔형 CRT**는 화면 전체를 픽셀 단위로 주사하여 이미지를 표현하는 방식으로, 동적인 그래픽 구현에 혁신을 가져왔습니다. 이는 이전의 벡터 방식이나 특정 영역만 표시하던 방식과 달리, 비디오 메모리에 저장된 픽셀 정보를 순차적으로 화면에 그려내어 복잡하고 다채로운 그래픽을 가능하게 했습니다. 따라서 1980년대 그래픽 발전의 핵심 출력 장치로 래스터 스캔형 CRT가 등장했습니다.

문제 51

컴퓨터 그래픽스에 대한 포괄적인 의미로 가장 알맞은 것은?     
  1. 컴퓨터를 이용하여 데이터를 입력하는 기술
  2. 컴퓨터를 이용하여 데이터 신호를 전환하는 기술
  3. 컴퓨터를 이용한 정보처리 및 분산하는 기술
  4. 제작과정에 있어서 어떤 형태로든 컴퓨터가 사용되는 모든 이미지와 영상을 다루는 기술
정답: 4

해설

컴퓨터 그래픽스는 단순히 데이터를 입력하거나 전환하는 것을 넘어, **제작 과정 전반에 걸쳐 컴퓨터가 활용되는 모든 이미지와 영상**을 포괄하는 개념입니다. 이는 2D 디자인부터 3D 모델링, 애니메이션, 시뮬레이션 등 시각적인 정보를 생성하고 조작하는 광범위한 기술을 아우릅니다. 따라서 컴퓨터가 이미지 및 영상 제작에 사용되는 모든 활동을 포함하는 4번이 가장 포괄적인 의미에 해당합니다.

문제 52

웹 디자인에 있어서 사이트맵(site map)이란 무엇인가?     
  1. 문서파일을 제외한 모든 이미지파일 및 디렉토리 구조를 작성해 보여주는 문서이다.
  2. 텍스트파일을 제외한 모든 이미지파일 및 디렉토리 구조를 작성해 보여주는 문서이다.
  3. 이미지 파일을 제외한 모든 파일의 리스트 및 디렉토리 구조를 작성해 보여주는 문서이다.
  4. 디렉토리 구조를 제외한 모든 파일의 리스트 및 구조를 작성해 보여주는 문서이다.
정답: 3

해설

웹 디자인에서 사이트맵은 웹사이트의 전체적인 구조를 시각적으로 보여주는 문서입니다. 주로 이미지 파일을 제외한 모든 파일의 목록과 디렉토리 구조를 담아, 사용자와 검색 엔진이 웹사이트의 콘텐츠를 쉽게 파악하고 탐색할 수 있도록 돕는 역할을 합니다. 따라서 3번이 정답이며, 핵심 개념은 '웹사이트 구조의 시각적 표현'과 '콘텐츠 탐색 용이성'입니다.

문제 53

웹 그래픽 제작 중 웹 버튼 제작으로 가장 적합하지 않은 것은?     
  1. 문자 버튼의 색상과 배경이 변한다.
  2. 애니메이션 효과로 움직이는 버튼을 제작한다.
  3. 모든 버튼이 자연스럽게 사라진다.
  4. 흔들리는 이미지가 메뉴로 바뀐다.
정답: 3

해설

웹 버튼 제작에 가장 적합하지 않은 것은 '모든 버튼이 자연스럽게 사라진다'는 것입니다. 웹 버튼은 사용자의 클릭을 유도하여 특정 기능을 수행하게 하는 요소인데, 모든 버튼이 사라지면 사용자는 어떤 버튼을 클릭해야 할지 알 수 없게 되어 웹사이트의 정상적인 작동을 방해합니다. 따라서 웹 버튼은 시각적으로 명확하게 인지 가능해야 하며, 사라지는 효과는 버튼의 본질적인 목적에 부합하지 않습니다.

문제 54

웹 그래픽 제작에서 백그라운드 이미지 삽입으로 가장 부적절한 것은?     
  1. 줄무늬를 배경 이미지로 제작
  2. 도형을 이용한 패턴 제작
  3. 부드러운 그라데이션 제작
  4. 동영상을 배경 이미지로 제작
정답: 4

해설

웹 그래픽 제작에서 배경 이미지로 동영상 삽입은 가장 부적절합니다. 동영상은 용량이 크고 로딩 시간이 길어 사용자 경험을 저해할 수 있으며, 텍스트 가독성을 떨어뜨리거나 디자인 통일성을 해칠 가능성이 높기 때문입니다. 반면 줄무늬, 도형 패턴, 부드러운 그라데이션은 이미지 파일로 가볍고 디자인 요소로 활용하기에 적합합니다.

문제 55

일반적으로 웹 그래픽을 제작하기 위한 기준 작업 해상도는?     
  1. 72dpi
  2. 75dpi
  3. 150dpi
  4. 300dpi
정답: 1

해설

웹 그래픽은 주로 화면에 표시되므로, 인쇄물처럼 높은 해상도가 필요하지 않습니다. 따라서 일반적으로 웹 그래픽 제작 시 기준 작업 해상도는 72dpi로 설정됩니다. 이는 화면에서 이미지가 깨지지 않고 적절한 품질로 보이도록 하기 위한 최소한의 해상도입니다. 300dpi와 같은 높은 해상도는 인쇄물에 적합하며, 웹에서는 파일 용량만 불필요하게 커지게 됩니다.

문제 56

3차원 컴퓨터 그래픽스에서 다각형으로 표현된 물체표면에 요철 정보를 첨부하는 매핑 기법은?     
  1. Bump Mapping
  2. Environment Mapping
  3. Color Mapping
  4. Motion Mapping
정답: 1

해설

정답은 **1. Bump Mapping**입니다. Bump mapping은 3차원 물체 표면에 실제적인 요철이 있는 것처럼 보이게 하는 기법입니다. 이는 표면의 법선 벡터를 조작하여 빛의 반사를 왜곡함으로써, 마치 표면에 굴곡이 있는 것처럼 착시 효과를 줍니다. 실제 지오메트리를 변경하지 않고도 디테일을 표현하여 렌더링 효율성을 높이는 것이 핵심입니다.

문제 57

웹 그래픽 디자인 제작기법에서 이미지를 표현하는 단계를 순서적으로 옳게 나열한 것은?     
  1. 이미지 구성 단계 → 도구 선택 단계 → 색상 선택 단계 → 이미지 표현 단계
  2. 이미지 구성 단계 → 이미지 표현 단계 → 색상 선택 단계 → 도구 선택 단계
  3. 이미지 구성 단계 → 이미지 표현 단계 → 도구 선택 단계 → 색상 선택 단계
  4. 이미지 구성 단계 → 색상 선택 단계 → 이미지 표현 단계 → 도구 선택 단계
정답: 1

해설

정답은 1번입니다. 웹 그래픽 디자인에서 이미지를 표현하는 과정은 먼저 **이미지의 전체적인 구성을 계획(이미지 구성 단계)**하는 것으로 시작됩니다. 이후 디자인에 필요한 **적절한 도구를 선택(도구 선택 단계)**하고, **전체적인 분위기와 조화를 고려하여 색상을 결정(색상 선택 단계)**합니다. 마지막으로 이러한 요소들을 바탕으로 **실제로 이미지를 만들어내는(이미지 표현 단계)** 순서로 진행됩니다.

문제 58

다음이 설명하고 있는 리샘플링 알고리즘은?          
  1. Bilinear
  2. Bicubic
  3. Resolution
  4. Nearest Neighbor
정답: 2

해설

정답은 2번 Bicubic입니다. Bicubic 리샘플링은 주변 16개의 픽셀 값을 사용하여 보간하므로, Bilinear(4개 픽셀)나 Nearest Neighbor(1개 픽셀)보다 더 부드럽고 자연스러운 결과를 제공합니다. 이 알고리즘은 이미지 확대 시 픽셀의 계단 현상을 줄이고 디테일을 보존하는 데 효과적입니다.

문제 59

다음 중 컴퓨터 그래픽스에서 사용 가능한 이미지 확장자가 아닌 것은?     
  1. JPG
  2. WAV
  3. BMP
  4. GIF
정답: 2

해설

정답은 2번 WAV입니다. JPG, BMP, GIF는 모두 이미지를 저장하는 파일 형식인 반면, WAV는 주로 오디오 데이터를 저장하는 데 사용되는 파일 형식입니다. 따라서 컴퓨터 그래픽스에서 이미지 확장자로 사용할 수 없습니다.

문제 60

컴퓨터 그래픽스 시스템의 출력장치에 대한 설명으로 옳지 않은 것은?     
  1. 정보를 외부로 출력하는 것을 말한다.
  2. 대표적으로 프린터, 플로터, 스캐너 등이 있다.
  3. 화면 디스플레이도 출력장치에 속한다.
  4. 프린트 작업도 출력작업에 속한다.
정답: 2

해설

컴퓨터 그래픽스 시스템의 출력 장치는 컴퓨터 내부의 정보를 외부로 시각적 또는 물리적인 형태로 보여주는 장치를 의미합니다. 프린터, 플로터, 화면 디스플레이는 모두 이러한 출력 장치에 해당합니다. 하지만 스캐너는 외부의 물리적인 정보를 컴퓨터 내부로 입력하는 입력 장치이므로, 출력 장치에 대한 설명으로 옳지 않습니다.

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

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

회차 전체 풀이

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

정답과 해설 선택

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

종이 시험지 출력

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

자주 묻는 질문

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

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

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

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

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

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

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

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