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

2010웹디자인기능사 1회차

60문제로 구성된 기출 시험

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

시험 문제

문제 1

디자인 과정이 차레대로 옳게 나열된 것은?    
  1. 욕구과정 → 기술과정 → 재료과정 → 조형과정
  2. 조형과정 → 재료과정 → 기술과정 → 욕구과정
  3. 재료과정 → 기술과정 → 욕구과정 → 조형과정
  4. 욕구과정 → 조형과정 → 재료과정 → 기술과정
정답: 4

해설

디자인 과정은 사용자의 **욕구**를 파악하는 것에서 시작하여, 이를 구체적인 **조형**으로 구상하고, 필요한 **재료**를 선택한 후, 최종적으로 **기술**을 통해 완성하는 순서로 진행됩니다. 따라서 4번 '욕구과정 → 조형과정 → 재료과정 → 기술과정'이 가장 올바른 디자인 과정의 흐름을 나타냅니다. 핵심 개념은 문제 해결을 위한 **아이디어 발상**부터 **구체화 및 실행**까지의 논리적인 단계입니다.

문제 2

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

해설

그림 문자는 **픽토그램**이라고 합니다. 픽토그램은 사물이나 개념을 시각적으로 단순화하여 표현하는 그림으로, 언어의 장벽 없이 정보를 전달하는 데 효과적입니다. 따라서 문자를 대신하여 의사소통이 가능한 그림 문자를 뜻하는 용어는 픽토그램입니다.

문제 3

다음 중 동시 대비와 가장 거리가 먼 것은?    
  1. 색상 대비
  2. 명도 대비
  3. 보색 대비
  4. 한란 대비
정답: 4

해설

동시 대비는 한 색이 다른 색의 영향을 받아 실제 색과 다르게 보이는 현상입니다. 색상, 명도, 보색 대비는 모두 이러한 동시 대비의 원리에 해당합니다. 반면, 한란 대비는 두 색을 나란히 놓았을 때 색의 차이가 두드러져 보이는 현상으로, 동시 대비와는 다른 개념입니다.

문제 4

1, 2, 4, 8, 16...과 같이 이웃하는 두 항의 비가 일정한 수열은?    
  1. 등차수열
  2. 등비수열
  3. 피보나치수열
  4. 조회수열
정답: 2

해설

주어진 수열은 1, 2, 4, 8, 16...으로, 각 항은 이전 항에 2를 곱해서 얻어집니다. 즉, 이웃하는 두 항의 비가 항상 2로 일정합니다. 이러한 수열을 **등비수열**이라고 합니다. 등차수열은 이웃하는 두 항의 차이가 일정한 수열이며, 피보나치수열은 앞의 두 항을 더해서 다음 항을 만드는 수열입니다.

문제 5

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

해설

이 문제는 색채의 심리적 효과 중 **진출색과 후퇴색** 개념을 묻고 있습니다. 밝고 따뜻한 색인 노란색은 앞으로 다가오는 것처럼 느껴지는 진출색이며, 어둡고 차가운 색인 파란색은 뒤로 물러나는 것처럼 느껴지는 후퇴색입니다. 따라서 검정종이 위에 놓인 노란색이 파란색보다 더 가깝게 보이는 현상이 나타나며, 보기 1번이 이를 옳게 설명하고 있습니다.

문제 6

색채 조화가 잘 되도록 하기 위한 방법으로 틀린 것은?    
  1. 색상의 수를 될 수 있는 대로 줄인다.
  2. 고채도의 색을 이용하여 색채 효과를 높인다.
  3. 색의 차갑고 따뜻한 느낌을 이용한다.
  4. 환경의 밝고 어두움을 고려한다.
정답: 2

해설

색채 조화는 일반적으로 안정적이고 편안한 느낌을 주는 것을 목표로 합니다. 2번 보기의 '고채도의 색을 이용하여 색채 효과를 높인다'는, 너무 강렬하고 자극적인 색채 조합을 유발하여 오히려 조화를 해칠 수 있습니다. 따라서 색채 조화에서는 채도가 낮은 색이나 유사색을 활용하여 부드럽고 안정적인 느낌을 주는 것이 중요합니다.

문제 7

감산 혼합의 3원색이 아닌 것은?    
  1. MAGENTA
  2. YELLOW
  3. BLUE
  4. CYAN
정답: 3

해설

감산 혼합의 3원색은 **마젠타(Magenta), 옐로(Yellow), 시안(Cyan)**입니다. 이 세 가지 색을 섞으면 검은색에 가까운 색을 만들 수 있습니다. 파란색(Blue)은 이 3원색에 포함되지 않으며, 감산 혼합의 결과로 만들어지는 색입니다.

문제 8

디자인 원리와 관련된 용어 설명 중 틀린 것은?    
  1. 조화-둘 이상의 요소가 서로 밀접한 관계를 갖고 어울렸을 때 말하는 것
  2. 통일-정돈과 안정된 느낌을 주는 것
  3. 변화-크기나 형태 및 색채 등이 같지 않은 것
  4. 균형-형이나 색 등이 반복되어 느껴지는 아름다운 운동감
정답: 4

해설

정답은 4번입니다. 디자인 원리에서 '균형'은 시각적인 무게감이 안정적으로 분산되어 안정감을 주는 것을 의미합니다. 반면, 반복적인 요소에서 느껴지는 아름다운 운동감은 '리듬' 또는 '동세'와 관련된 설명입니다. 따라서 4번은 균형의 정의와는 거리가 있습니다.

문제 9

일반적으로 디자인이 갖추어야 할 조건으로 가장 중요한 것은?    
  1. 장식적인 요소를 만들어 주는 것
  2. 실용적인 기능과 조형적인 아름다움을 추구하는 것
  3. 상징적인 형태로 단순화시키는 것
  4. 타제품과 차별화 시키는 것
정답: 2

해설

디자인은 단순히 보기 좋은 것을 넘어, 사용자의 필요를 충족시키는 **실용적인 기능**을 갖추어야 합니다. 동시에, 시각적으로 만족감을 주는 **조형적인 아름다움**을 통해 사용자 경험을 풍부하게 만들어야 합니다. 따라서 이 두 가지 요소의 조화가 디자인의 가장 중요한 조건이라고 할 수 있습니다.

문제 10

시각적으로나 촉각적으로 느껴지는 물체 표면의 느낌은?     
  1. 공간
  2. 점이
  3. 질감
  4. 시간
정답: 3

해설

정답은 3번 '질감'입니다. 질감은 물체의 표면이 시각적으로나 촉각적으로 느껴지는 특징을 말합니다. 예를 들어, 매끄럽거나 거칠거나, 딱딱하거나 부드러운 느낌 등이 질감에 해당합니다. 공간, 점이, 시간은 질감과 직접적인 관련이 없습니다.

문제 11

저채도의 배색이 주는 느낌은?     
  1. 부드러운 느김
  2. 명쾌한 느김
  3. 화려한 느낌
  4. 활기찬 느낌
정답: 1

해설

저채도의 배색은 색상의 순수함이나 강렬함이 낮아 눈에 튀지 않고 차분한 느낌을 줍니다. 따라서 보기 중 부드러운 느낌을 가장 잘 나타냅니다. 명쾌하거나 화려하고 활기찬 느낌은 일반적으로 고채도의 색상에서 더 두드러집니다.

문제 12

지루함을 잊게 해 줄 대기실이나 병원 실내의 벽에 대한 배색으로 가장 적절한 것은?     
  1. 난색
  2. 한색
  3. 중성색
  4. 무채색
정답: 2

해설

정답은 2번 한색입니다. 한색은 심리적으로 차분함과 안정감을 주어 지루함을 덜 느끼게 하고, 공간을 넓어 보이게 하는 효과가 있습니다. 난색은 활기찬 느낌을 주지만, 대기실이나 병원처럼 편안함이 중요한 공간에는 부적절할 수 있습니다. 중성색이나 무채색도 안정감을 주지만, 한색만큼 지루함을 잊게 하는 데 직접적인 영향을 주지는 않습니다.

문제 13

다음 그림과 같이 일부분이 끊어진 상태인데도 불구하고 문자로 인식되는 것은 어떤 원리 때문인가?          
  1. 대치성
  2. 유사성
  3. 폐쇄성
  4. 연속성
정답: 3

해설

정답은 3번 폐쇄성입니다. 폐쇄성은 불완전하거나 끊어진 형태를 완전한 형태로 지각하려는 경향을 의미합니다. 우리 뇌는 그림에서 일부가 끊어진 글자를 보더라도, 주변 정보와 맥락을 활용하여 마치 완전한 글자인 것처럼 인식하려는 경향이 있습니다. 따라서 글자의 전체적인 형태를 완성하여 인식하게 되는 것입니다.

문제 14

부분과 부분 또는 부분과 전체 사이에 안정된 관련성을 지니며 서로 함께 속해 있는 것처럼 보이는 디자인의 원리는?     
  1. 비례
  2. 조화
  3. 균형
  4. 강조
정답: 2

해설

정답은 **2. 조화**입니다. 조화는 디자인의 여러 요소들이 서로 잘 어울리고 안정적인 관계를 형성하여 전체적으로 통일감 있고 만족스러운 느낌을 주는 원리입니다. 문제에서 설명하는 "부분과 부분 또는 부분과 전체 사이에 안정된 관련성을 지니며 서로 함께 속해 있는 것처럼 보이는 디자인"은 바로 조화의 핵심적인 특징을 나타냅니다.

문제 15

해안에 있는 조약돌은 자연의 힘에 의해 필연적으로 만들어진 형태라는 자연의 법칙이 만든 자연의 형태를 주장한 사람은?     
  1. 르 코르뷔지에
  2. 파파넥
  3. 아른하임
  4. 모홀로나기
정답: 4

해설

해안의 조약돌이 자연의 법칙에 의해 만들어진 자연의 형태라는 주장은 **모홀로나기(Moholy-Nagy)**가 했습니다. 그는 자연의 과정과 그 결과물에서 발견되는 질서와 형태를 중시했으며, 조약돌의 둥근 형태는 파도와 마찰이라는 자연의 힘이 작용한 필연적인 결과라고 보았습니다. 이는 **자연주의적 디자인** 또는 **기능주의적 관점**과 연결되는 생각입니다.

문제 16

먼셀 표색계에 관한 설명으로 틀린 사람은?     
  1. 먼셀의 색채체게는 색상, 명도, 채도의 3속성을 근거로 하여 작성되었다.
  2. 채도 단계는 무채색을 0으로 하고, 그 최고가 14단계이다.
  3. 명도 단계는 검정색으로 10으로 하고, 흰색을 0으로 하여 모두 11단계이다.
  4. 색상은 5주요 색상인 빨강, 노랑, 녹색, 파랑, 보라이다.
정답: 3

해설

먼셀 표색계는 색상, 명도, 채도의 세 가지 속성을 기준으로 색을 체계화한 것입니다. 명도는 무채색을 0으로 하고 흰색을 10으로 하여 총 11단계로 표현되며, 검정색은 0이 아닌 1에 가깝게 표현됩니다. 따라서 명도 단계에 대한 설명이 틀렸습니다.

문제 17

다음 설명의 ( ) 안에 알맞은 단어를 차례대로 나열한 것은?          
  1. warm color, cool color
  2. vivid color, cool color
  3. bright color, strong color
  4. warm color, strong color
정답: 1

해설

이 문제는 색의 온도와 채도에 대한 이해를 묻고 있습니다. ( ) 안에 들어갈 알맞은 단어는 색이 주는 느낌을 나타내는 '따뜻한 색(warm color)'과 '차가운 색(cool color)'입니다. 따라서 정답은 1번입니다.

문제 18

다음이 설정하고 있는 현상으로 옳은 것은?          
  1. 백주시
  2. 명소시
  3. 박명시
  4. 야간시
정답: 3

해설

이 문제는 **박명시(薄明時)** 현상을 묻고 있습니다. 박명시는 해가 뜨기 전이나 해가 진 후에 하늘이 완전히 어둡지 않고 희미하게 밝은 상태를 말합니다. 태양이 지평선 아래에 있지만 빛이 대기에 산란되어 지표면에 도달하기 때문에 나타나는 현상입니다. 따라서 정답은 3번 박명시입니다.

문제 19

고딕성당의 위엄과 권위를 나타내기 위해 많이 사용하던 선(Line)은?     
  1. 수평선
  2. 곡선
  3. 절선
  4. 수직선
정답: 4

해설

고딕 성당은 하늘을 향해 솟아오르는 듯한 **수직선**을 통해 신성함과 웅장함을 표현했습니다. 이러한 수직성은 신에게 더 가까이 다가가려는 인간의 열망을 상징하며, 성당의 위엄과 권위를 시각적으로 강화하는 핵심적인 건축 요소입니다. 따라서 고딕 성당의 위엄과 권위를 나타내기 위해 많이 사용된 선은 수직선입니다.

문제 20

눈이 부시지 않고 조도가 균일하며, 그림자가 없는 부드러운 빛을 내어 침실이나 병실 등 휴식공간에 사용되는 조명 방법은?     
  1. 전반확산조명
  2. 간접조명
  3. 직접조명
  4. 반간접조명
정답: 2

해설

정답은 **2번 간접조명**입니다. 간접조명은 빛을 천장이나 벽면에 반사시켜 공간 전체에 부드럽고 균일하게 퍼지게 하는 방식입니다. 이로 인해 눈부심이나 강한 그림자 없이 편안한 분위기를 조성하여 휴식 공간에 적합합니다.

문제 21

웹 브라우저에서 그림 이미지와 문서를 저장하는 방법으로 틀린 것은?     
  1. 문서는 ASCII 형태로 저장할 수 있다.
  2. 이미지 파일은 문서와 따로 저장할 수 있다.
  3. HTML 소스가 공개되지 않으므로 HTML 소스형태로 저장 할 수 없다.
  4. 웹 브라우저 화면의 형태 그대로 캡쳐(Capture)할 수 있다.
정답: 3

해설

정답은 3번입니다. 웹 브라우저는 HTML 소스를 그대로 저장하는 기능을 제공하지 않기 때문입니다. HTML 소스는 웹 페이지의 구조와 내용을 정의하는 코드로, 브라우저는 이 코드를 해석하여 화면에 표시합니다. 따라서 HTML 소스 자체를 저장하는 것은 별도의 개발자 도구를 사용해야 하며, 일반적인 저장 기능으로는 불가능합니다. 나머지 보기들은 웹 브라우저에서 그림 이미지나 문서를 저장하는 올바른 방법들입니다.

문제 22

다음 설명과 관계가 없는 것은?          
  1. bug
  2. crawler
  3. robot
  4. worm
정답: 1

해설

이 문제는 컴퓨터 과학에서 사용되는 용어들을 이해하고 있는지 묻는 문제입니다. 'bug'는 프로그램의 오류를 의미하며, 나머지 보기인 'crawler', 'robot', 'worm'은 모두 자동화된 프로그램을 지칭하는 용어입니다. 따라서 설명과 관계가 없는 것은 'bug'입니다.

문제 23

컴퓨터 네트워크의 장점으로 틀린 것은?     
  1. 공유를 통하여 보안성을 높일 수 있다.
  2. 다른 주변장치를 공유할 수 있다.
  3. 공동 작업을 할 수 있다.
  4. 하나의 응용 프로그램을 여러 사람이 사용할 수 있다.
정답: 1

해설

컴퓨터 네트워크는 자원 공유를 통해 효율성을 높이지만, **공유를 통해 보안성이 높아지는 것은 아닙니다.** 오히려 여러 컴퓨터가 연결되면 보안 위협에 노출될 가능성이 커져, **보안 강화를 위한 별도의 노력이 필요합니다.** 따라서 1번이 컴퓨터 네트워크의 장점으로 틀린 설명입니다.

문제 24

웹 페이지 저작 도구에 대한 설명으로 가장 적절한 것은?     
  1. 웹 페이지에서 사운드 및 음악 CD 개발을 위하여 주로 쓰이는 것을 말한다.
  2. 웹 페이지에서 비디오 캡쳐와 동영상 편집을 위한 것을 말한다.
  3. 웹 페이지에서 고급 예술적 효과로 영상을 디자인하는 것을 말한다.
  4. 웹 페이지에서 사운드, 애니메이션, 이미지, 텍스트 등을 통하여 질서 있게 각 요소들을 편집하는 것을 말한다.
정답: 4

해설

웹 페이지 저작 도구는 웹사이트를 만들기 위해 필요한 다양한 요소들을 편집하고 구성하는 데 사용됩니다. 정답 4번은 사운드, 애니메이션, 이미지, 텍스트 등 웹 페이지를 구성하는 핵심 요소들을 질서 있게 배치하고 편집하는 기능을 정확하게 설명하고 있습니다. 따라서 웹 페이지 저작 도구의 핵심 개념은 이러한 다양한 콘텐츠를 통합하여 웹 페이지를 만드는 것이라고 할 수 있습니다.

문제 25

네트워크 형태 중 네트워크를 구성하는 모든 노드들이 중심의 한 노드에 일대일로 연결된 형태는?     
  1. Star형
  2. Ring형
  3. Tree형
  4. Bus형
정답: 1

해설

정답은 1번 Star형입니다. Star형 네트워크는 모든 노드가 중앙의 허브나 스위치에 직접 연결되는 구조입니다. 이는 중앙 노드를 중심으로 모든 통신이 이루어지기 때문에, 중앙 노드에 문제가 생기면 전체 네트워크에 영향을 줄 수 있다는 특징이 있습니다.

문제 26

HTML 문서의 특징으로 옳지 않은 것은?     
  1. HTML 문서 내의 단어나 그림을 마우스로 클릭하여 그것과 연결된 새로운 문서로 이동하게 하는 하이퍼링크 기능을 제공한다.
  2. HTML 파일 확장자는 .txt이다.
  3. HTML 문서는 확장자의 운영체제에 상관없이 단지 브라우저만 있으면 HTML로 작성된 모든 웹 문서들을 읽을 수 있다.
  4. HTML 4.0에서는 CSS(Cascading Style Sheet)를 이용하여 색깔과 폰트, 레아웃을 자유롭게 할 수 있다.
정답: 2

해설

HTML 문서는 웹 페이지를 만드는 데 사용되는 언어로, 텍스트와 이미지 등을 연결하는 하이퍼링크 기능을 제공합니다. 또한, 운영체제에 상관없이 브라우저만 있으면 누구나 웹 문서를 볼 수 있으며, CSS를 통해 디자인 요소를 자유롭게 제어할 수 있습니다. 하지만 HTML 파일의 확장자는 `.txt`가 아닌 `.html` 또는 `.htm`입니다.

문제 27

소스 코드가 HTML 문서 내에 포함되어 사용자의 브라우저에서 직접 번역되어 수행되는 것은?     
  1. 자바 애플리케이션
  2. 자바 스크립트
  3. 자바 시크리트
  4. 자바 빈즈
정답: 2

해설

정답은 2번 자바스크립트입니다. 자바스크립트는 HTML 문서에 직접 포함되어 사용자의 웹 브라우저에서 실행되는 스크립트 언어입니다. 이를 통해 웹 페이지의 동적인 기능을 구현하고 사용자와 상호작용할 수 있습니다. 자바 애플리케이션, 자바 시크리트(오타), 자바 빈즈는 이와는 다른 기술입니다.

문제 28

인터넷의 발전을 시대 순으로 옳게 나열한 것은?     
  1. ARPANET → NSFNET → TCP/IP 표준 → WWW
  2. ARPANET → TCP/IP 표준 → NSFNET → WWW
  3. TCP/IP 표준 → ARPANET → NSFNET → WWW
  4. TCP/IP 표준 → NSFNET → ARPANET → WWW
정답: 2

해설

인터넷의 발전은 군사 연구망인 ARPANET에서 시작하여, 이를 기반으로 TCP/IP 프로토콜 표준이 확립되었습니다. 이후 학술 연구망인 NSFNET이 ARPANET을 대체하며 인터넷의 확장을 이끌었고, 최종적으로 월드 와이드 웹(WWW)이 등장하여 현재의 인터넷 환경을 완성했습니다. 따라서 ARPANET, TCP/IP 표준, NSFNET, WWW 순서가 인터넷 발전의 시대적 흐름을 가장 잘 나타냅니다.

문제 29

스타일시트에 대한 설명으로 틀린 것은?     
  1. HTML 문서 내에 글자의 글꼴 종류, 크기, 색, 여백 등을 지정한다.
  2. 스타일 시트만으로 동적인 DHTML을 작성하는 것이 가능하다.
  3. OS나 프로그램이 관계없이 누구나 동일한 문서 내용을 볼 수 있도록 하기 위해 만들어졌다.
  4. 글자의 정렬 방식을 결정하거나 그림자를 지정하는 등 다양한 효과를 줄 수 있다.
정답: 2

해설

스타일시트는 웹페이지의 디자인과 레이아웃을 정의하는 데 사용되며, 글꼴, 색상, 크기, 여백 등을 지정하여 시각적인 요소를 제어합니다. 하지만 스타일시트 자체만으로는 동적인 웹 페이지를 만드는 DHTML(Dynamic HTML)을 작성할 수 없습니다. DHTML은 JavaScript와 같은 스크립트 언어와 함께 사용될 때 비로소 동적인 효과를 구현할 수 있습니다. 따라서 스타일시트만으로 DHTML을 작성할 수 있다는 설명은 틀렸습니다.

문제 30

웹 브라우저(Brower)가 아닌 것은?     
  1. 핫 자바(Hot Java)
  2. 익스프레스(Express)
  3. 오페라(Opera)
  4. 모자익(Mosaic)
정답: 2

해설

웹 브라우저는 웹 페이지를 열람하기 위한 소프트웨어입니다. 핫 자바, 오페라, 모자익은 모두 웹 브라우저의 이름입니다. 반면 익스프레스는 웹 애플리케이션을 개발할 때 사용되는 서버 프레임워크로, 웹 브라우저와는 다른 역할을 합니다. 따라서 익스프레스는 웹 브라우저가 아닙니다.

문제 31

OSI 7계층 구조를 낮은 계층에서 높은 계층으로 순서대로 나열한 것은?     
  1. 물리 계층-데이터링크 계층-세션 계층-네트워크 계층-전송 계층-응용 계층-표현 계층
  2. 물리 계층-데이터링크 계층-네트워크 계층-전송 계층-세션 계층-응용 계층-표현 계층
  3. 물리 계층-데이터링크 계층-네트워크 계층-전송 계층-세션 계층-표현 계층-응용 계층
  4. 전송 계층-물리 계층-데이터링크 계층-네트워크 계층-세션 계층-표현 계층-응용 계층
정답: 3

해설

OSI 7계층 구조는 통신 과정을 7개의 계층으로 나누어 각 계층의 역할을 정의한 것입니다. 낮은 계층에서 높은 계층으로 순서대로 나열하면 물리 계층, 데이터링크 계층, 네트워크 계층, 전송 계층, 세션 계층, 표현 계층, 응용 계층 순서입니다. 따라서 정답은 3번입니다.

문제 32

웹 페이지를 제작하는 저작용 프로그램이 아닌 것은?     
  1. Dream weaver
  2. Flash
  3. Namo
  4. Windows Media Player
정답: 4

해설

웹 페이지 제작용 프로그램은 HTML, CSS, JavaScript 등 웹 기술을 사용하여 시각적인 요소를 디자인하고 코드를 작성하는 데 사용됩니다. Dreamweaver, Flash(과거), Namo는 이러한 웹 페이지 제작을 위한 도구입니다. 반면, Windows Media Player는 미디어 파일을 재생하는 프로그램으로, 웹 페이지 제작과는 관련이 없습니다. 따라서 웹 페이지를 제작하는 저작용 프로그램이 아닌 것은 Windows Media Player입니다.

문제 33

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

해설

URL은 웹에서 리소스의 위치를 나타내는 주소로, 일반적으로 "프로토콜://호스트주소[:포트번호]/화일경로/화일명"의 형식을 따릅니다. 여기서 프로토콜은 통신 방식을, 호스트 주소는 서버의 위치를, 포트 번호는 특정 서비스의 식별자를, 화일 경로는 리소스의 위치를 나타냅니다. 따라서 2번이 URL의 일반적인 표기 형식을 가장 정확하게 나타냅니다.

문제 34

도메인 네임(Domain Name)으로 사용할 수 없는 것은?     
  1. saving-.com
  2. 1588-6624.co.kr
  3. flower-order.org
  4. 6288delivery.net
정답: 1

해설

도메인 네임은 일반적으로 문자, 숫자, 하이픈(-)으로 구성되며, 하이픈은 단어의 시작이나 끝에 올 수 없습니다. 1번 'saving-.com'은 단어 끝에 하이픈이 와서 규칙에 어긋나므로 도메인 네임으로 사용할 수 없습니다. 2번은 숫자로 시작하지만 숫자는 도메인 네임에 허용되며, 3번과 4번 역시 규칙에 부합합니다.

문제 35

웹 문서의 바탕에 배경을 지정하려 할 경우에 어떤 태크 안에 삽입해야 하는가?     
  1. 〈body〉
  2. 〈table〉
  3. 〈title〉
  4. 〈b〉
정답: 1

해설

웹 문서의 바탕에 배경을 지정하려면 `` 태그 안에 해당 스타일을 삽입해야 합니다. `` 태그는 웹 페이지의 실제 내용을 담는 부분으로, 문서의 전체적인 레이아웃과 디자인을 결정하는 데 사용됩니다. 따라서 배경색이나 배경 이미지를 설정하는 것은 `` 태그에 적용하는 것이 가장 적절합니다.

문제 36

인터넷의 수많은 정보를 주제별 또는 종류별로 구분한 후 체계적으로 구조화하여 메뉴형태로 정리해 놓은 것으로, 정보를 효율적으로 접근할 수 있도록 해주는 인터넷 정보 서비스는?     
  1. FTP
  2. GOPHER
  3. TELNET
  4. WHOIS
정답: 2

해설

정답은 2번 **GOPHER**입니다. GOPHER는 인터넷의 방대한 정보를 주제별, 종류별로 분류하고 메뉴 형태로 체계적으로 정리하여 사용자가 원하는 정보를 쉽게 찾도록 돕는 서비스입니다. FTP, TELNET, WHOIS와 달리 GOPHER는 정보의 구조화와 메뉴 기반 탐색에 특화된 서비스입니다.

문제 37

Java 스크립트 언어의 배열 객체에서 두 개 이상의 배열을 결합하여 하나의 배열 객체를 생성하여 반환하는 메서트(Method)는?     
  1. concat( )
  2. join( )
  3. reverse( )
  4. slice( )
정답: 1

해설

JavaScript에서 여러 배열을 하나로 합쳐 새로운 배열을 만드는 메서드는 `concat()`입니다. `concat()` 메서드는 호출한 배열에 인자로 전달된 배열들을 이어 붙여 새로운 배열을 반환하며, 기존 배열은 변경되지 않습니다. 따라서 두 개 이상의 배열을 결합하여 하나의 배열 객체를 생성하는 문제에 대한 정답은 `concat()`입니다.

문제 38

상호작용을 지원하는 웹 페이지 제작을 위한 CGI의 설명으로 틀린 것은?     
  1. 웹 브라우저와 웹 서버, 응용 프로그램 간의 일종의 인터페이스이다.
  2. 방명록이나 카운터, 게시판 등에 사용된다.
  3. 사용자에게 일방적인 정보 제공을 하기 위해 사용된다.
  4. HTML의 〈FORM〉 태그를 이용하여 CGI 프로그램으로 데이터를 전달한다.
정답: 3

해설

CGI는 웹 브라우저와 웹 서버, 그리고 응용 프로그램 간의 인터페이스 역할을 하여 상호작용을 가능하게 합니다. 방명록, 게시판 등에서 볼 수 있듯이 사용자의 입력을 받아 처리하고 결과를 보여주는 동적인 웹 페이지 제작에 사용됩니다. 따라서 사용자에게 일방적인 정보만 제공하는 것이 아니라, 사용자와의 상호작용을 지원하는 것이 CGI의 핵심 기능이므로 3번이 틀린 설명입니다.

문제 39

검색 엔진인 구글(Google)에 대한 설명으로 틀린 것은?     
  1. 로봇(Robot) 프로그램을 이용하여 단어별 다국어 검색엔진이다.
  2. 검색 결과와 유사한 문서들을 [비슷한 페이지] 링크로 보여준다.
  3. PDF 형태의 정보 검색이 가능하다.
  4. 모든 검색어에 대해 기본 값으로 OR 연산을 실행한다.
정답: 4

해설

구글은 로봇 프로그램을 통해 웹을 크롤링하고, 검색 결과와 유사한 페이지를 추천하며, PDF 등 다양한 형식의 문서 검색을 지원합니다. 하지만 구글 검색에서 기본값으로 OR 연산을 실행한다는 설명은 틀렸습니다. 구글은 기본적으로 **AND 연산**을 수행하여 입력된 모든 검색어가 포함된 결과를 우선적으로 보여줍니다.

문제 40

웹 브라우저에 대한 설명으로 틀린것은?     
  1. 사용자가 웹 서버의 하이퍼텍스트 문서를 볼 수 있게 하는 클라이언트 프로그램이다.
  2. HTTP외에도 FTP, Gopher, News 등의 다양한 서비스 사용이 가능하다.
  3. 마이크로 소프트에서 무료로 배포하는 웹 브라우저는 넷스케이프 네비게이터이다.
  4. 텍스트 기반의 대표적인 웹 브라우저로 링스(Lynx), 삼바(samba) 등이 있다.
정답: 3

해설

정답은 3번입니다. 넷스케이프 네비게이터는 마이크로소프트가 아닌 넷스케이프 커뮤니케이션즈에서 개발했으며, 초기 웹 브라우저 시장을 주도했던 프로그램입니다. 마이크로소프트의 대표적인 웹 브라우저는 인터넷 익스플로러입니다. 웹 브라우저는 사용자가 웹 서버의 정보를 쉽게 접근하고 볼 수 있도록 돕는 중요한 도구입니다.

문제 41

컴퓨터 그래픽스 시스템의 연산장치에 해당하지 않는 것은?     
  1. 누산기
  2. 가산기
  3. 명령 레지스터
  4. 상태 레지스터
정답: 3

해설

컴퓨터 그래픽스 시스템의 연산장치는 주로 산술 및 논리 연산을 수행하는 부분입니다. 누산기, 가산기, 상태 레지스터는 이러한 연산 수행 및 결과 저장에 직접적으로 관여하는 장치들입니다. 반면, 명령 레지스터는 현재 실행될 명령어를 저장하는 역할을 하며, 연산 자체보다는 명령어의 해석 및 제어에 더 가깝습니다. 따라서 명령 레지스터는 연산장치에 해당하지 않습니다.

문제 42

Photoshop CS의 Magic Wand 기능에서 Tolerance 값을 증가시킬 때 얻을 수 있는 효과는?     
  1. 선택할 색을 여러개 정할 수 있다.
  2. 선택되는 색상의 허용범위가 커진다.
  3. 모든 레이어를 대상으로 선택할 수 있다.
  4. 선택 영역의 경계를 부드럽게 만들어 준다.
정답: 2

해설

Magic Wand의 Tolerance 값을 높이면, 클릭한 픽셀과 유사한 색상 범위를 더 넓게 선택하게 됩니다. 즉, 선택되는 색상의 허용 범위가 커져 더 많은 색상 톤을 포함하게 됩니다. 이는 Tolerance 값이 색상 차이에 대한 민감도를 조절하는 핵심 개념 때문입니다.

문제 43

중요한 장면이 들어가는 프레임이란 의미로, 트위닝을 삽입 할 수 있는 것은?     
  1. 플립북
  2. 키프레임
  3. 레이어
정답: 2

해설

정답은 2번 키프레임입니다. 키프레임은 애니메이션에서 중요한 동작이나 장면의 시작과 끝을 나타내는 프레임입니다. 이 키프레임 사이에 트위닝(tweening)이라는 중간 동작을 자동으로 생성하여 부드러운 움직임을 만들 수 있습니다. 따라서 중요한 장면이 들어가는 키프레임에 트위닝을 삽입하여 애니메이션을 완성합니다.

문제 44

웹 인터페이스 디자인에서 강조되는 특성이 아닌 것은?     
  1. 사용자 편의성
  2. 일관성
  3. 독창성
  4. 강제성
정답: 4

해설

웹 인터페이스 디자인에서 **사용자 편의성**과 **일관성**은 사용자가 쉽고 효율적으로 웹사이트를 이용하도록 돕는 핵심적인 특성입니다. **독창성**은 차별화된 경험을 제공하지만, 강제성은 사용자에게 불편함을 주고 오히려 디자인의 목표를 저해할 수 있습니다. 따라서 웹 인터페이스 디자인에서 강조되는 특성이 아닌 것은 **강제성**입니다.

문제 45

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

해설

정답은 **2. 알파채널(Alpha Channel)**입니다. 알파 채널은 이미지의 투명도를 조절하는 역할을 하며, 검정색은 완전 투명, 흰색은 완전 불투명을 의미합니다. 따라서 검정색과 흰색으로 구성된 알파 채널은 이미지의 특정 영역을 합성되지 않도록 (투명하게 만들어) 마스크 역할을 수행합니다. 레이어는 이미지의 여러 요소를 분리하여 관리하는 기능이고, Z 버퍼는 3D 그래픽에서 깊이 정보를 표현하며, 히스토리는 작업 과정을 기록하는 기능으로 문제의 역할과는 다릅니다.

문제 46

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

해설

인터넷 익스플로러 6.0은 CMYK 색상 모드를 제대로 지원하지 못합니다. 따라서 CMYK 모드로 저장된 JPEG 파일은 웹 브라우저에서 이미지로 인식되지 않아 제대로 표시되지 못하고, 결국 이미지를 표시하지 못하는 결과가 나타납니다. 핵심 개념은 **CMYK 색상 모드와 웹 브라우저의 호환성**입니다.

문제 47

움직이는 동영상 파일 형식이 아닌것은?     
  1. mpg
  2. jpg
  3. swf
  4. avi
정답: 2

해설

정답은 2번 jpg입니다. jpg는 정지된 이미지를 저장하는 파일 형식으로, 움직이는 동영상을 담을 수 없습니다. mpg, swf, avi는 모두 동영상을 저장하는 파일 형식에 해당합니다. 핵심 개념은 파일 형식에 따라 저장할 수 있는 데이터의 종류가 다르다는 것입니다.

문제 48

해상도(Resolution)에 관한 설명 중 옳은 것은?     
  1. 이미지를 표현하는데 몇 개의 픽셀 또는 도트를 나타내었는지 그 정도를 의미한다.
  2. 작은 화소 단위를 말한다.
  3. 해상도가 높을수록 이미지의 질은 떨어진다.
  4. 해상도는 bps로 나타낸다.
정답: 1

해설

정답은 1번입니다. 해상도는 이미지를 구성하는 픽셀 또는 도트의 수를 의미하며, 이는 이미지의 세밀함과 선명도를 결정하는 핵심 개념입니다. 해상도가 높을수록 더 많은 픽셀을 사용하여 더 정교하고 선명한 이미지를 표현할 수 있습니다.

문제 49

다음은 무엇에 대한 설명인가?          
  1. 앨리어싱
  2. 디더링
  3. 카스텀 팔레트
  4. 팔레트 플래싱
정답: 2

해설

이 문제는 이미지 처리에서 발생하는 계단 현상(앨리어싱)을 완화하기 위한 기법에 대한 설명입니다. 정답인 '디더링'은 제한된 색상으로 더 넓은 색상 범위를 표현하기 위해 인접한 픽셀에 다른 색상을 배치하여 시각적으로 혼합 효과를 주는 기술입니다. 이를 통해 앨리어싱으로 인한 거친 표현을 부드럽게 만들 수 있습니다.

문제 50

웹사이트 제작 과정 중 기획 단계에 설정될 내용이 아닌것은?     
  1. 전체 사이트 구조
  2. 메인 색상 분위기
  3. 메뉴 구성
  4. 이미지 편집
정답: 4

해설

웹사이트 제작의 기획 단계는 전체적인 뼈대를 잡는 과정입니다. 따라서 사이트 구조, 메뉴 구성 등은 기획 단계에서 반드시 설정되어야 할 내용입니다. 반면, 이미지 편집은 실제 디자인 및 개발 단계에서 이루어지는 작업이므로 기획 단계의 내용이 아닙니다.

문제 51

웹(Web)에서 타이포그래피를 적용 시 고려할 사항으로 틀린 것은?     
  1. 페이지마다 다양한 서체 사용
  2. 가독성, 판독성을 고려한 서체 사용
  3. 웹 페이지의 여백과 문장의 정렬
  4. 사이트의 내용과 컨셉(Concept)에 어울리는 서체 사용
정답: 1

해설

웹 타이포그래피에서 가장 중요한 것은 **일관성과 가독성**입니다. 1번 보기처럼 페이지마다 다양한 서체를 사용하면 통일성이 떨어지고 사용자 경험을 해치게 됩니다. 반면, 2, 3, 4번은 모두 웹사이트의 정보 전달력과 디자인 완성도를 높이는 핵심적인 고려 사항입니다.

문제 52

다음 설명과 같은 애니메이션 기법은?          
  1. 셀 에니메이션
  2. 그림 에니메이션
  3. 모델 에니메이션
  4. 컴퓨터 에니메이션
정답: 1

해설

이 문제는 각 애니메이션 기법의 특징을 파악하는 문제입니다. 정답은 1번 셀 애니메이션이며, 이는 종이 위에 그린 그림을 한 장씩 촬영하여 움직임을 만드는 전통적인 방식입니다. 핵심 개념은 "한 장씩 촬영하여 움직임을 만드는 방식"이며, 이는 셀 애니메이션의 가장 큰 특징입니다.

문제 53

컴퓨터 그래픽스(Graphics)의 장점으로 틀린 것은?     
  1. 인간의 상상력을 기반으로 자유롭게 표현할 수 있다.
  2. 제작물을 수정하는 것이 가능하다.
  3. 미세한 부분은 전혀 표현할 수 없다.
  4. 명암이나 컬러, 질감을 자유롭게 바꿀 수 있다.
정답: 3

해설

컴퓨터 그래픽스는 인간의 상상력을 시각화하고, 제작물을 자유롭게 수정하며, 명암, 색상, 질감 등을 정교하게 표현할 수 있다는 장점이 있습니다. 따라서 "미세한 부분은 전혀 표현할 수 없다"는 3번 보기는 컴퓨터 그래픽스의 장점과 반대되는 내용으로 틀렸습니다. 핵심 개념은 **컴퓨터 그래픽스의 뛰어난 표현력과 수정 용이성**입니다.

문제 54

다음과 같은 특징을 가지고 있는 파일 포맷의 종류는?          
  1. PDF
  2. DRW
  3. EPS
  4. XLS
정답: 3

해설

이 문제는 벡터 그래픽 파일 포맷에 대한 이해를 묻고 있습니다. 벡터 그래픽은 점과 선으로 이루어져 있어 확대해도 깨지지 않는다는 특징을 가집니다. 보기 중 EPS(Encapsulated PostScript)는 이러한 벡터 그래픽을 저장하는 데 주로 사용되는 파일 포맷입니다. PDF는 벡터와 래스터 그래픽을 모두 포함할 수 있지만, EPS는 벡터 그래픽에 특화되어 있습니다.

문제 55

웹 사이트를 구축할 때 웹디자이너가 고려할 사항과 거리가 가장 먼 것은?     
  1. 명확하고 일관된 내비게이션을 유지한다.
  2. 가급적이면 플러그인이 필요 없는 페이지를 만든다.
  3. 메뉴별로 사용한 모든 이미지는 유지보수를 위해 같은 폴더에 관리한다.
  4. 안정된 기술을 사용한다.
정답: 3

해설

웹사이트 구축 시 웹디자이너는 사용자 경험과 효율적인 유지보수를 고려해야 합니다. 1, 2, 4번 보기는 모두 사용자 편의성과 기술적 안정성을 높여 웹사이트의 전반적인 품질을 향상시키는 중요한 요소입니다. 반면, 3번 보기는 모든 이미지를 같은 폴더에 관리하는 것이 유지보수에 반드시 가장 효율적인 방법은 아니며, 오히려 프로젝트 규모나 구조에 따라 폴더 구조를 다르게 가져가는 것이 더 효과적일 수 있습니다. 따라서 3번은 웹디자이너가 가장 우선적으로 고려해야 할 사항과는 거리가 멉니다.

문제 56

평면 이미지를 오려서 화면에서 붙이거나 떼면서 한 장씩 촬영하는 기법은?     
  1. 컷 아웃 에니메이션
  2. 셀 에니메이션
  3. 투광 에니메이션
  4. 스톱모션 에니메이션
정답: 1

해설

정답은 1번 '컷 아웃 애니메이션'입니다. 이 기법은 평면적인 재료(종이, 천, 사진 등)를 오려내어 화면에 배치하고, 조금씩 움직여 가며 촬영하는 방식입니다. 각 프레임마다 이미지를 조금씩 이동시키거나 변형하여 움직임을 만들어내는 것이 핵심입니다.

문제 57

비트맵 이미지의 픽셀이 사각형이기 때문에 곡선에 들쑥날쑥하고 거칠게 나타나는 계단 현상을 최소화하는 기법은?     
  1. 매핑(Mapping)
  2. 쉐이딩(Shading)
  3. 안티-앨리어싱(Anti-aliasing)
  4. 렌더링(Rendering)
정답: 3

해설

정답은 3번 안티-앨리어싱입니다. 안티-앨리어싱은 비트맵 이미지에서 픽셀의 사각형 형태 때문에 발생하는 곡선의 계단 현상을 완화하는 기법입니다. 이는 픽셀의 경계 부분을 주변 픽셀과의 색상 혼합을 통해 부드럽게 처리하여 시각적인 거칠기를 줄여줍니다.

문제 58

1950년대 MIT에서 개발되었고 CRT디스플레이 출력 기능을 가지고 있으며 오퍼레이터와 하드카피 생성용 카메라를 위해 사용된 컴퓨터는?     
  1. ANIAC
  2. Whirlwind
  3. MAC
  4. IBM PC
정답: 2

해설

정답은 **Whirlwind**입니다. Whirlwind는 1950년대 MIT에서 개발된 최초의 실시간 컴퓨터 중 하나로, CRT 디스플레이를 통해 시각적 출력을 제공했습니다. 이러한 특징은 당시로서는 혁신적이었으며, 오퍼레이터가 컴퓨터와 상호작용하고 데이터를 시각화하는 데 사용되었습니다. 또한, 하드카피 생성을 위한 카메라와 연동될 수 있었습니다.

문제 59

3차원적 이미지를 최종적으로 이미지화 하는 것으로 사실감을 부여하기 위해서 색상과 질감을 입히고 빛과 카메라의 위치를 조작하는 과정은?     
  1. 모델링(Modeling)
  2. 모핑(Morphing)
  3. 렌더링(Rendering)
  4. 시뮬레이션(Simulation)
정답: 3

해설

정답은 **3번 렌더링(Rendering)**입니다. 렌더링은 3차원 모델에 색상, 질감, 조명, 카메라 효과 등을 적용하여 최종적인 2차원 이미지를 생성하는 과정입니다. 이 과정을 통해 3차원 데이터가 우리가 눈으로 보는 사실적인 이미지로 변환됩니다. 모델링은 3차원 형상을 만드는 과정이고, 모핑은 두 이미지나 모델을 부드럽게 변환하는 기술이며, 시뮬레이션은 물리적 현상을 모방하는 것입니다.

문제 60

벤치마킹에 대한 설명으로 잘못된것은?     
  1. 원래 경제용어로 자기분야에 최고의 회사를 모델로 삼아 그들의 독특한 비법을 배우는 것을 말한다.
  2. 인터넷 비즈니스에서 사용되는 벤치마킹은 경제사와 시장을 분석하여 비즈니스를 성공적으로 끌고 나갈 수 있는 요소를 찾아내는 것이다.
  3. 경쟁사의 성공 사례를 분석하여 똑같이 적용한다.
  4. 경쟁사가 갖고 있지 않은 독특한 경쟁 요소를 확보한다.
정답: 3

해설

벤치마킹은 단순히 경쟁사의 성공 사례를 그대로 따라 하는 것이 아니라, 그들의 강점을 분석하여 자사의 약점을 보완하고 혁신적인 요소를 도입하는 과정입니다. 따라서 경쟁사의 성공 사례를 '똑같이' 적용하는 것은 벤치마킹의 올바른 방법이라고 할 수 없습니다. 핵심은 '학습'과 '개선'이지, '모방'이 아닙니다.

2010년 웹디자인기능사 1회차 회차 학습 안내

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

회차 전체 풀이

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

정답과 해설 선택

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

종이 시험지 출력

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

자주 묻는 질문

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

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

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

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

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

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

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

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