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

2011웹디자인기능사 1회차

60문제로 구성된 기출 시험

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

시험 문제

문제 1

건강 이미지의 웹사이트를 구성하려고 한다. 가장 적합한 컬러는?    
  1. 빨강색
  2. 노랑색
  3. 검정색
  4. 녹색
정답: 4

해설

건강 이미지 웹사이트에는 **녹색**이 가장 적합합니다. 녹색은 자연, 건강, 치유, 신선함 등을 연상시켜 사용자에게 안정감과 긍정적인 느낌을 주기 때문입니다. 다른 색상들은 각각 에너지, 주의, 고급스러움 등을 나타내지만, 건강이라는 주제와 직접적으로 연결되는 느낌은 녹색이 가장 강합니다.

문제 2

입체파(Cubism)의 대표적인 화가는?    
  1. 피카소
  2. 쿠르베
  3. 찰스 자보
  4. 도미에
정답: 1

해설

입체파의 대표적인 화가는 **피카소**입니다. 입체파는 대상을 여러 개의 기하학적 형태로 분해하여 다양한 시점에서 동시에 보여주는 혁신적인 미술 사조로, 피카소는 조르주 브라크와 함께 입체파를 창시하고 발전시킨 핵심 인물입니다.

문제 3

디자인 원리 중 율동의 요소에 해당하지 않는 것은?    
  1. 반복
  2. 비례
  3. 강조
  4. 변칙
정답: 2

해설

디자인에서 율동은 시각적인 흐름과 움직임을 만들어내는 요소들을 의미합니다. 반복, 강조, 변칙은 이러한 시각적 흐름을 유도하거나 변화를 주어 율동감을 형성하는 데 기여합니다. 반면, 비례는 요소들 간의 크기나 양의 관계를 나타내는 것으로, 율동과는 직접적인 관련이 적습니다. 따라서 율동의 요소에 해당하지 않는 것은 비례입니다.

문제 4

디자인의 조건 중 합목적성에 대한 예시로 가장 올바른 것은?    
  1. 화려한 집이 살기에 편리하다.
  2. 주로 장식이 많은 의자가 앉기에 편리하다.
  3. 의자를 디자인할 때는 앉을 사람의 몸의 치수, 체중을 고려해야 한다.
  4. 아름다운 구두가 신기에 편하다.
정답: 3

해설

합목적성은 디자인된 사물이 본래의 목적에 얼마나 잘 부합하는지를 의미합니다. 3번 보기는 의자의 디자인 시 사용자의 신체적 특성을 고려해야 한다는 점을 명확히 하여, 의자의 본질적인 기능인 '앉는 것'을 효과적으로 수행하기 위한 합목적성을 잘 보여줍니다. 다른 보기들은 아름다움이나 장식이 기능성을 반드시 보장하지 않는다는 점에서 합목적성에 대한 올바른 예시라고 보기 어렵습니다.

문제 5

관용색명의 특징으로 볼 수 없는 것은?    
  1. 시대나 유행에 따라서 다소 변하기도 하므로 정확한 색의 전 달이 어렵다.
  2. 무수히 많은 색 이름과 그 어원을 가지고 있어서 한꺼번에 습득하기가 어렵다.
  3. 어느 특정한 색을 여러 가지 언어로 표현하고 있기 때문에 복잡하고 혼동하기 쉽다.
  4. 몇 가지의 기본적인 색 이름에 수식어, 색상의 형용사를 덧붙여서 부른다.
정답: 4

해설

관용색명은 시대나 유행에 따라 변하고, 다양한 색 이름과 복잡한 표현 때문에 습득이 어렵습니다. 반면, 4번은 기본적인 색 이름에 수식어를 붙이는 방식으로, 이는 관용색명의 특징이라기보다는 일반적인 색 이름 부여 방식에 가깝습니다. 따라서 관용색명의 특징으로 볼 수 없는 것은 4번입니다.

문제 6

색체 지각의 3요소가 아닌 것은?    
  1. 색채
  2. 빛(광원)
  3. 물체
  4. 시각(눈)
정답: 1

해설

색채 지각의 3요소는 빛(광원), 물체, 그리고 시각(눈)입니다. 빛이 물체에 반사되어 우리 눈으로 들어오고, 뇌에서 이를 해석하는 과정에서 색을 인지하게 됩니다. 따라서 '색채' 자체는 지각의 요소라기보다는 지각의 결과물에 해당합니다.

문제 7

사회변화에 따른 디자인의 변화에 대한 설명으로 옳은 것은?    
  1. 농경 사회 : 의식주, 생존개념, 생활 수공예
  2. 산업 사회 : 공업의 발달, 빛의 개념, 디자인 성장
  3. 후기 산업사회 : 기술의 첨단화, 즐기는 개념
  4. 정보화 사회 : 대량생산, 성장개념, 디자인 태동
정답: 1

해설

정답은 1번입니다. 농경 사회는 생존을 위한 의식주 해결이 중요했으며, 이때의 디자인은 주로 생활에 필요한 수공예품 형태로 나타났습니다. 다른 보기들은 사회 변화에 따른 디자인의 특징을 잘못 연결하고 있습니다. 예를 들어, 정보화 사회는 대량 생산보다는 개인화된 맞춤 생산과 창의적인 디자인이 중요해지는 시기입니다.

문제 8

서로 반대되는 색끼리 배색되었을 때 각자의 색은 원래의 색보다 뚜렷해지고 채도가 높아 보이는 현상은?    
  1. 명도 대비
  2. 보색 대비
  3. 면적 대비
  4. 동시 대비
정답: 2

해설

서로 반대되는 색, 즉 보색끼리 배색되면 각 색은 더욱 선명하고 채도가 높아 보이는 현상이 나타납니다. 이는 보색 대비의 특징으로, 두 색이 서로를 강조하여 시각적으로 더욱 강렬한 인상을 주기 때문입니다. 따라서 정답은 2번 보색 대비입니다.

문제 9

다음 그림 (가)는 수평의 요소, 그림 (나)는 수직의 요소가 느껴진다. 이러한 느낌은 심리지각 중 어떤 것에 해당되는가?        
  1. 접근성
  2. 유사성
  3. 폐쇄성
  4. 단순화
정답: 1

해설

이 문제는 시각적 요소가 주는 심리적 느낌을 묻고 있습니다. 그림 (가)의 수평적 요소와 그림 (나)의 수직적 요소는 각각 안정감과 역동성을 느끼게 하는데, 이는 **접근성(Proximity)**이라는 심리지각 원리에 해당합니다. 접근성은 서로 가까이 있는 요소들이 하나의 집단으로 인식되는 경향을 말하며, 이러한 시각적 배열이 우리의 감각과 감정에 영향을 미칩니다.

문제 10

일반적인 웹(Web) 안전색상은 몇 가지인가?     
  1. 216
  2. 256
  3. 2160
  4. 2560
정답: 1

해설

웹 안전 색상은 216가지입니다. 이는 웹 브라우저가 256가지 색상을 모두 정확하게 표현하지 못하는 구형 시스템을 고려하여, 6단계로 나눈 빨강, 초록, 파랑(RGB) 값을 조합하여 만들어진 색상입니다. 이 216가지 색상은 어떤 시스템에서도 일관되게 표현될 수 있도록 표준화된 것입니다.

문제 11

기계적 질감에 해당되지 않는 것은?     
  1. 사진의 망점
  2. 인쇄상의 스크린 톤
  3. 나뭇잎
  4. 텔레비전 주사선
정답: 3

해설

기계적 질감은 인쇄나 영상 장치 등 기계를 통해 인위적으로 만들어진 패턴을 의미합니다. 보기 1, 2, 4번은 모두 망점, 스크린 톤, 주사선과 같이 기계적인 과정을 통해 발생하는 질감입니다. 반면, 나뭇잎은 자연적으로 생성된 질감으로 기계적 질감에 해당되지 않습니다.

문제 12

다음 ( )안에 들어갈 알맞은 용어는?          
  1. A:점, B:형
  2. A:선, B:형태
  3. A:형, B:면
  4. A:형, B:형태
정답: 4

해설

정답은 4번 'A:형, B:형태'입니다. 이 문제는 시각 디자인의 기본 요소를 묻는 문제입니다. 점, 선, 면은 시각 디자인의 가장 기본적인 요소이며, 이러한 요소들이 모여 '형'을 이루고, '형'들이 조합되어 '형태'를 만들어냅니다. 따라서 빈칸에는 '형'과 '형태'가 들어가는 것이 가장 적절합니다.

문제 13

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

해설

저드의 색채 조화론은 질서, 친근성, 유사성 등의 원리를 통해 색채 간의 조화를 설명합니다. 하지만 **모호성의 원리**는 저드의 색채 조화론에 포함되지 않는 개념입니다. 저드는 명확하고 일관된 원리를 바탕으로 색채 조화를 설명하려 했기 때문에, 모호성은 그의 이론과 거리가 있습니다.

문제 14

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

해설

정답은 1번 '대비'입니다. 대비는 서로 다른 요소들이 조합될 때 발생하는 시각적 힘의 강약으로, 이를 통해 형에 감정적인 효과를 부여합니다. 예를 들어, 밝고 어두운 색의 대비는 강렬한 느낌을, 크고 작은 형태의 대비는 역동적인 느낌을 줄 수 있습니다.

문제 15

다음이 설명하고 있는 원근법은?          
  1. 직선원근법
  2. 대기원근법
  3. 과장원근법
  4. 다각원근법
정답: 2

해설

이 문제는 대기원근법을 설명하고 있습니다. 대기원근법은 멀리 있는 물체가 가까이 있는 물체보다 더 흐릿하고 푸르게 보이는 현상을 이용한 원근법입니다. 이는 대기 중의 먼지나 수증기가 빛을 산란시켜 원거리 시야를 흐리게 만들기 때문입니다. 따라서 이 원근법은 그림에서 공간감과 깊이감을 표현하는 데 효과적입니다.

문제 16

패턴 디자인은 디자인 원리 중 무엇을 이용한 것인가?     
  1. 반복
  2. 동세
  3. 강조
  4. 이동
정답: 1

해설

패턴 디자인은 **반복**이라는 디자인 원리를 활용한 것입니다. 이는 동일한 요소나 모티프를 규칙적으로 배열하여 시각적인 리듬감과 통일성을 만들어내는 것을 의미합니다. 반복을 통해 패턴은 시각적인 흥미를 유발하고, 공간에 질서와 조화를 부여하는 역할을 합니다.

문제 17

다음은 민들레꽃의 홀씨에 대한 그림이다. 이 그림에 해당하는 디자인 원리는?          
  1. 율동
  2. 착시
  3. 조화
  4. 균형
정답: 1

해설

민들레 홀씨 그림은 바람에 날려 흩어지는 모습에서 **율동감**을 느낄 수 있습니다. 이러한 흩어짐과 퍼져나가는 움직임은 시각적으로 리듬감을 형성하며, 이는 율동이라는 디자인 원리의 핵심입니다. 따라서 그림은 율동의 디자인 원리에 해당합니다.

문제 18

기계화와 대량생산에 의한 생활용품의 품질저하에 반대하여 윌리엄 모리스를 중심으로 영국에서 일어난 수공예 부흥 운동은?     
  1. 구성주의(CONSTRUCTIVISM)
  2. 미래주의(FUTURISM)
  3. 데 스틸(DE STILL)
  4. 미술공예운동(ART AND CRAFTS MOVEMENT)
정답: 4

해설

정답은 4번 미술공예운동입니다. 이 운동은 산업화로 인한 기계 생산품의 획일성과 품질 저하에 반대하며, 윌리엄 모리스를 중심으로 수공예의 가치와 장인 정신을 회복하려 했습니다. 핵심은 기계 생산이 아닌 개성과 아름다움을 담은 수공예품의 부흥입니다.

문제 19

환경 디자인에 속하지 않는 것은?     
  1. 인테리어 디자인
  2. 무대 디자인
  3. 가구 디자인
  4. 조경 디자인
정답: 3

해설

환경 디자인은 인간이 생활하고 활동하는 공간 전체를 다루는 분야입니다. 인테리어 디자인, 무대 디자인, 조경 디자인은 모두 특정 공간의 환경을 조성하고 개선하는 데 중점을 두는 반면, 가구 디자인은 주로 개별 사물인 가구 자체의 형태, 기능, 심미성을 다룹니다. 따라서 가구 디자인은 환경 디자인의 하위 분야라기보다는 독립적인 디자인 분야로 볼 수 있습니다.

문제 20

CIP(Corporate Identity Program)의 베이직 시스템에 속하는 것은?     
  1. 심벌마크, 로고타입, 전용서체
  2. 로고타입, 전용색상, 서식류
  3. 서식류, 제품포장, 캐릭터
  4. 유니폼, 간판(표지), 시그니처
정답: 1

해설

CIP의 베이직 시스템은 기업의 핵심적인 시각적 요소를 정의하는 것으로, **심벌마크, 로고타입, 전용서체**가 이에 해당합니다. 이 요소들은 기업의 정체성을 가장 근본적으로 나타내며, 모든 시각 커뮤니케이션의 기초가 됩니다. 따라서 1번이 정답이며, 이는 기업의 고유한 이름과 상징, 그리고 이를 표현하는 글자체를 포함합니다.

문제 21

자바 스크립트에서 내장 객체에 대한 설명으로 틀린 것은?     
  1. 내장 객체는 문자열 처리, 수학 처리 등을 할 수 있는 객체들로 이루어져 있다.
  2. Screen 내장 객체는 브라우저의 화면 정보 관련 속성을 제공한다.
  3. Math 내장 객체는 수학 관련 속성과 메서드를 제공한다.
  4. Number 내장 객체는 함수를 정의하고, 작업을 간단하게 처리할 수 있는 기능을 제공한다.
정답: 4

해설

정답은 4번입니다. Number 내장 객체는 숫자 관련 속성과 메서드를 제공하지만, 함수를 정의하거나 복잡한 작업을 처리하는 기능은 제공하지 않습니다. 함수 정의는 Function 객체, 일반적인 작업 처리는 다른 내장 객체나 일반적인 자바스크립트 문법을 통해 이루어집니다.

문제 22

전자우편(e-mail)을 전송할 때 사용되는 프로토콜은?     
  1. FTP
  2. SMTP
  3. Telnet
  4. Usenet
정답: 2

해설

전자우편 전송에는 **SMTP(Simple Mail Transfer Protocol)**가 사용됩니다. SMTP는 메일을 보내는 데 특화된 프로토콜로, 발신자로부터 수신자에게 메일을 전달하는 역할을 합니다. FTP는 파일 전송, Telnet은 원격 접속, Usenet은 뉴스 그룹 통신에 사용되는 프로토콜이므로 메일 전송과는 관련이 없습니다.

문제 23

스타일시트와 < BODY >태그 속성과의 연결이 잘못된 것은?     
  1. A:link{color:#ff0000;} -< body link="#ff0000">
  2. A:active{color:#ff0000;} -< body alink="#ff0000">
  3. A:hover{color:#ff0000;} -< body hink="#ff0000">
  4. A:visited{color:#ff0000;} -< body vink="#ff0000">
정답: 3

해설

정답은 3번입니다. `:hover`는 마우스 커서가 요소 위에 올라갔을 때 스타일을 적용하는 가상 클래스입니다. 하지만 `a` 태그는 일반적으로 텍스트 링크를 나타내며, `:hover` 상태는 `a` 태그 자체보다는 링크의 시각적 피드백을 위해 사용됩니다. 따라서 `a:hover`는 문법적으로는 유효하지만, 링크의 상태 변화를 나타내는 다른 가상 클래스(`:link`, `:active`, `:visited`)와는 연결되는 맥락이 다릅니다.

문제 24

TCP/IP에 대한 설명으로 잘못된 것은?     
  1. 인터넷의 기본적인 통신 규약이다.
  2. Linux나 UNIX 운영체제가 탑재된 워크스테이션이나 미니컴퓨터를 주축으로 운영되고 있다.
  3. TCP가 IP보다 상위층에 존재한다.
  4. 인트라넷이나 엑스트라넷과 같은 사설망에서도 사용된다.
정답: 2

해설

TCP/IP는 인터넷의 핵심 통신 규약으로, 다양한 네트워크 환경에서 사용됩니다. 2번 보기는 TCP/IP가 특정 운영체제나 하드웨어에 국한되지 않고 범용적으로 사용된다는 점을 간과하고 있습니다. TCP/IP는 운영체제나 하드웨어 종류에 상관없이 인터넷 통신을 가능하게 하는 표준 프로토콜입니다.

문제 25

다음 인터넷 역사 중 가장 나중에 일어난 것은?     
  1. 웹 브라우저인 넷스케이프가 등장하였다.
  2. Gopher, WAIS 서비스를 시작하였다.
  3. TCP/IP 프로토콜 표준으로 채택되었다.
  4. USENET 서비스가 시작되었다.
정답: 1

해설

정답은 1번 넷스케이프의 등장입니다. 핵심 개념은 인터넷의 발전 과정에서 각 기술이나 서비스가 등장한 시점입니다. 넷스케이프는 1994년에 등장하여 월드 와이드 웹(WWW)의 대중화를 이끈 중요한 사건이지만, Gopher, WAIS, TCP/IP, USENET 등은 넷스케이프보다 훨씬 이전에 등장한 인터넷의 기반 기술 및 초기 서비스들입니다.

문제 26

anonymous FTP 서비스에 대한 설명으로 틀린 것은?     
  1. FTP서버의 계정이 없어도 아무나 접근하여 파일전송을 지원받을 수 있는 서비스이다.
  2. 사용하는 계정명은 anonymous 이다.
  3. 파일의 송 · 수신이 가능하다.
  4. 공개 파일들은 일반적으로 “pub" 라는 디렉터리 내에 저장한다.
정답: 3

해설

anonymous FTP 서비스는 FTP 서버 계정 없이 누구나 접근하여 파일을 주고받을 수 있는 공개 서비스입니다. 익명으로 접속하기 때문에 계정명은 'anonymous'를 사용하며, 공개 파일은 보통 'pub' 디렉터리에 저장됩니다. 정답이 3번인 이유는 anonymous FTP는 주로 파일을 다운로드(수신)받는 데 중점을 두며, 일반적인 익명 FTP 서버에서는 파일 업로드(송신)가 제한되기 때문입니다.

문제 27

HTML의 테이블과 관련이 없는 태그는?     
  1. 〈TR〉
  2. 〈TH〉
  3. 〈DT〉
  4. 〈CAPTION〉
정답: 3

해설

HTML 테이블은 데이터를 행과 열로 구조화하여 표현하는 데 사용됩니다. ``은 테이블 행, ``는 테이블 헤더 셀, ``은 테이블의 제목을 나타내는 태그로 모두 테이블과 관련이 있습니다. 반면 `
` 태그는 설명 목록(description list)에서 용어를 정의하는 데 사용되는 태그로, 테이블과는 직접적인 관련이 없습니다.

문제 28

하나의 건물 내 또는 캠퍼스내의 소규모 네트워크 통신망을 의미하는 것은?     
  1. VAN
  2. WAN
  3. LAN
  4. MAN
정답: 3

해설

정답은 3번 LAN입니다. LAN은 Local Area Network의 약자로, 건물이나 캠퍼스처럼 비교적 좁은 지역 내에서 컴퓨터와 장치들을 연결하는 소규모 네트워크를 의미합니다. WAN은 광역 통신망, MAN은 도시권 통신망, VAN은 부가가치 통신망으로, LAN보다 훨씬 넓은 범위를 포괄하거나 특정 목적을 가집니다.

문제 29

자바스크립트에 대한 설명으로 옳지 않은 것은?     
  1. 서버에서 컴파일한 결과를 HTML 문서에 삽입하며, HTML파일과 별도로 존재한다.
  2. 사용자가 컴퓨터와 대화하듯 메시지를 주고받을 수 있는 홈페이지 제작이 가능하다.
  3. HTML로는 표현이 불가능한 프로그램적인 활용이나 동적인 표현이 가능하다.
  4. 웹 브라우저에서 사용할 수 있는 스크립트 언어로 HTML 문서 내에 함께 기술될 수 있다.
정답: 1

해설

**정답 이유:** 자바스크립트는 주로 웹 브라우저에서 실행되는 클라이언트 측 스크립트 언어입니다. 서버에서 컴파일하여 HTML에 삽입하는 방식이 아니라, HTML 문서 내에 직접 작성되거나 외부 파일로 연결되어 브라우저가 해석하고 실행합니다. **핵심 개념:** * **클라이언트 측 스크립트:** 웹 브라우저에서 실행되어 사용자 인터페이스를 동적으로 만들고 상호작용을 구현합니다. * **HTML과의 관계:** HTML은 웹 페이지의 구조를 정의하고, 자바스크립트는 이 구조 위에 동적인 기능과 상호작용을 추가합니다.

문제 30

OSI 7계층에 해당되지 않는 것은?     
  1. 데이터 링크 계층
  2. 네트워크 계층
  3. 논리 계층
  4. 표현 계층
정답: 3

해설

OSI 7계층은 통신 과정을 7개의 계층으로 나눈 모델로, 데이터 링크, 네트워크, 표현 계층은 여기에 포함됩니다. 하지만 '논리 계층'이라는 이름은 OSI 7계층의 표준 명칭에 존재하지 않습니다. 따라서 OSI 7계층에 해당되지 않는 것은 3번 논리 계층입니다.

문제 31

일반적으로 검색 엔진에 inter* 라고 입력했을 때, 검색될 수 없는 정보는?     
  1. internet
  2. international
  3. intercept
  4. intranet
정답: 4

해설

검색 엔진에서 `inter*`는 'inter'로 시작하는 모든 단어를 검색합니다. 보기 1, 2, 3번은 모두 'inter'로 시작하지만, 4번 'intranet'은 'intranet'이라는 단어 자체를 검색할 뿐 'inter'로 시작하는 단어로 인식되지 않습니다. 따라서 `inter*` 검색 시 'intranet'은 검색될 수 없습니다. 핵심 개념은 와일드카드 문자의 작동 방식입니다.

문제 32

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

해설

정답은 2번 쿠키(Cookie)입니다. 쿠키는 웹 서버가 사용자의 컴퓨터에 저장하는 작은 데이터 조각으로, 로그인 정보나 장바구니 내용 등을 기억하는 데 사용됩니다. 세션은 서버 측에서 사용자 정보를 관리하는 반면, 쿠키는 사용자 컴퓨터에 저장되어 다음 방문 시 서버가 사용자를 식별할 수 있도록 돕습니다.

문제 33

웹 페이지를 디자인할 때 고려해야 할 사항이 아닌 것은?     
  1. 사용자 개개인의 선호도나 사용수준에 맞춰 누구라도 쉽게 사용할 수 있도록 디자인한다.
  2. 사용자의 경험이나 학력, 언어능력 또는 집중력 정도에 차이를 두어 사용자 개개인 별로 난이도에 맞게 디자인한다.
  3. 사용자가 우연한 또는 의도하지 않은 선택의 결과로 어려움에 빠지는 경우를 최소화하도록 디자인한다.
  4. 사용자에게 필요한 정보를 효과적으로 전달하도록 디자인한다.
정답: 2

해설

웹 페이지 디자인은 모든 사용자가 쉽게 접근하고 정보를 얻을 수 있도록 하는 것을 목표로 합니다. 따라서 사용자 개개인의 학력, 언어 능력, 집중력 등에 맞춰 난이도를 다르게 디자인하는 것은 보편적인 웹 접근성 원칙에 어긋납니다. 핵심 개념은 **보편적 디자인(Universal Design)**과 **웹 접근성(Web Accessibility)**으로, 모든 사용자가 동등하게 웹 서비스를 이용할 수 있도록 하는 데 중점을 둡니다.

문제 34

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

해설

이 문제는 동적 웹 페이지를 만드는 데 사용되는 기술을 묻고 있습니다. 정답은 3번 DHTML인데, 이는 HTML, CSS, JavaScript를 조합하여 웹 페이지에 동적인 기능을 부여하는 기술을 의미합니다. 따라서 DHTML은 사용자와 상호작용하거나 콘텐츠를 실시간으로 변경하는 웹 페이지를 만드는 데 핵심적인 역할을 합니다.

문제 35

자바스크립트 언어의 기본적인 특성으로 틀린 것은?     
  1. 대 · 소문자를 구분한다.
  2. 변수 이름에 공백 문자를 사용할 수 있다.
  3. 하나의 명령문이 끝나면, 세미콜론(;)을 기술한다.
  4. 변수 이름은 반드시 영문자 또는 밑줄(_)로 시작해야 한다.
정답: 2

해설

자바스크립트에서 변수 이름에 공백을 사용할 수 없다는 점이 틀렸습니다. 변수 이름은 일반적으로 영문자, 숫자, 밑줄(_) 또는 달러 기호($)를 포함할 수 있지만, 공백은 허용되지 않습니다. 이는 변수 이름의 유효성을 해치고 코드의 가독성을 떨어뜨리기 때문입니다.

문제 36

다음이 설명하고 있는 인터넷 서비스는?          
  1. Telnet
  2. FTP
  3. Usenet
  4. IRC
정답: 4

해설

이 문제는 실시간 대화 기능을 제공하는 인터넷 서비스를 묻고 있습니다. 정답은 IRC(Internet Relay Chat)로, 여러 사용자가 동시에 텍스트 기반으로 소통할 수 있는 채팅 서비스입니다. Telnet은 원격 컴퓨터 제어, FTP는 파일 전송, Usenet은 뉴스그룹 토론에 주로 사용됩니다.

문제 37

다음이 설명하고 있는 통신 프로토콜은?          
  1. TCP
  2. IP
  3. SMTP
  4. SLIP/PPP
정답: 4

해설

이 문제는 **직렬 회선(Serial Line)을 통해 IP 패킷을 전송하는 프로토콜**을 묻고 있습니다. 보기 4번인 SLIP/PPP는 바로 이러한 기능을 수행하는 프로토콜입니다. TCP는 데이터의 신뢰성 있는 전송을, IP는 데이터의 주소 지정 및 라우팅을 담당하며, SMTP는 이메일 전송에 사용됩니다. 따라서 직렬 회선을 통한 IP 패킷 전송이라는 설명에 가장 부합하는 것은 SLIP/PPP입니다.

문제 38

웹브라우저의 기능 중 등록된 URL목록을 변경하거나 추가하는 기능은?     
  1. 편집 기능
  2. 책갈피 기능
  3. 파일 기능
  4. 페이지 보기 기능
정답: 2

해설

정답은 **2번 책갈피 기능**입니다. 책갈피 기능은 사용자가 자주 방문하는 웹사이트의 주소(URL)를 저장하고 관리하여, 나중에 쉽게 다시 접속할 수 있도록 돕는 기능입니다. 이 기능을 통해 사용자는 원하는 URL을 등록하거나 삭제, 수정하여 자신만의 웹사이트 목록을 만들 수 있습니다.

문제 39

다음 중 웹 브라우저의 종류가 아닌 것은?     
  1. 넷스케이프
  2. 익스플로러
  3. 모자이크
  4. 드림위버
정답: 4

해설

이 문제는 웹 브라우저와 웹 개발 도구를 구분하는 문제입니다. 넷스케이프, 익스플로러, 모자이크는 모두 웹 페이지를 열람하는 데 사용되는 웹 브라우저입니다. 반면, 드림위버는 웹 페이지를 제작하는 데 사용되는 웹 개발 도구로, 웹 브라우저와는 기능이 다릅니다. 따라서 웹 브라우저의 종류가 아닌 것은 드림위버입니다.

문제 40

문서 간 이동이나 한 문서 내에서의 이동을 위해 사용되는 링크를 의미하며, 특정한 단어나 그림을 선택하면 이들과 연결된 다른 문서나 혹은 다른 미디어로 이동하는 역할을 하는 것은?     
  1. HTTP Text Transfer Protocol
  2. Hyper Text Markup Language
  3. Hyperlink
  4. Browser
정답: 3

해설

정답은 3번 'Hyperlink'입니다. Hyperlink는 웹페이지나 문서 내에서 다른 문서나 미디어로 이동할 수 있도록 연결해주는 기능을 합니다. 사용자가 특정 단어나 그림을 클릭하면, 이 Hyperlink를 통해 연결된 목적지로 이동하게 됩니다.

문제 41

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

해설

타사 웹사이트 분석은 시장 동향 파악, 경쟁력 강화, 인터넷 시장 흐름 이해에 필수적입니다. 하지만 웹사이트 제작 시 이미지를 타사 사이트에서 직접 얻는 것은 저작권 침해의 소지가 있어 부적절합니다. 따라서 이미지 수집은 분석의 주요 목적이 될 수 없습니다.

문제 42

하나의 이미지에 여러 개의 링크를 지정할 수 있게 만드는 것은?     
  1. 자바 스크립트(Java Script)
  2. 프레임(Frame)
  3. 이미지 맵(Image map)
  4. 사이트 맵(Site map)
정답: 3

해설

정답은 3번 이미지 맵(Image map)입니다. 이미지 맵은 하나의 이미지에 여러 개의 링크를 지정할 수 있도록 하는 HTML 기능입니다. 이미지의 특정 영역을 클릭했을 때 서로 다른 웹 페이지로 이동하도록 설정할 수 있습니다. 이는 사용자가 시각적으로 직관적인 인터페이스를 통해 원하는 정보에 접근하도록 돕는 데 유용합니다.

문제 43

프랑스 수학자 멘델브로프(B.B Mandelbrot)가 발표한 Fractal 이론을 바탕으로 산의 표면, 복잡한 해안선, 구름 등 자연계의 복잡한 사물을 사실적으로 시뮬레이션한 시기는?     
  1. 1950년대
  2. 1960년대
  3. 1970년대
  4. 1980년대
정답: 4

해설

멘델브로프의 프랙탈 이론은 1970년대에 처음 발표되었지만, 이를 활용하여 자연의 복잡한 형태를 사실적으로 시뮬레이션하는 데는 컴퓨터 성능의 발전이 필수적이었습니다. 특히 1980년대에 이르러 그래픽 처리 능력이 향상되면서 산, 해안선, 구름 등을 프랙탈 알고리즘으로 구현하는 것이 가능해졌습니다. 따라서 프랙탈 이론을 바탕으로 자연의 복잡한 사물을 사실적으로 시뮬레이션한 시기는 1980년대라고 볼 수 있습니다.

문제 44

기업의 로고나 문자가 있는 일러스트레이션 같이 선명한 단색 이미지를 포함하고, 동일 색상이 수평으로 나열되어 있을 경우에 높은 압축률을 보이는 파일포맷은?     
  1. PNG-8
  2. JPEG
  3. GIF
  4. PSD
정답: 3

해설

정답은 3번 GIF입니다. GIF는 이미지 내에서 동일한 색상이 반복적으로 나타나는 경우, 해당 색상과 길이를 기록하는 방식으로 압축률을 높이는 '런렝스 인코딩(Run-Length Encoding)' 방식을 사용하기 때문입니다. 따라서 기업 로고나 문자와 같이 선명한 단색 이미지가 수평으로 나열된 경우, GIF는 높은 압축률을 보입니다. JPEG는 손실 압축 방식을 사용하여 이러한 이미지에서는 오히려 품질이 저하될 수 있습니다.

문제 45

컴퓨터 모니터상에 디지털 이미지가 표현될 때, 그래픽 이미지 표시의 기본 단위는?     
  1. 칼럼(Column)
  2. 섹터(Sector)
  3. 워드(Word)
  4. 픽셀(Pixel)
정답: 4

해설

컴퓨터 모니터에서 디지털 이미지를 구성하는 가장 작은 기본 단위는 **픽셀(Pixel)**입니다. 픽셀은 이미지의 점 하나하나에 해당하며, 각 픽셀은 특정 색상 정보를 가지고 있어 모니터에 표시될 때 이미지의 전체적인 색상과 모양을 결정합니다. 따라서 이미지의 세밀한 표현은 수많은 픽셀들의 조합으로 이루어집니다.

문제 46

NTSC 방식의 애니메이션에서 1초당 필요한 최소 프레임 개수로 옳은 것은?     
  1. 10
  2. 20
  3. 30
  4. 40
정답: 3

해설

NTSC 방식은 초당 30프레임을 기준으로 합니다. 이는 사람이 움직임을 자연스럽게 인지하기 위한 최소한의 프레임 수이며, 1초에 29.97장의 이미지를 보여주지만 일반적으로 30프레임으로 간주됩니다. 따라서 NTSC 애니메이션에서 1초당 필요한 최소 프레임 개수는 30프레임입니다.

문제 47

PNG(Portable Network Graphics) 파일포맷에 대한 설명으로 옳은 것은?     
  1. 256가지의 색상만을 사용한 압축된 포맷형식이다.
  2. 일반적으로 JPG 파일보다 파일용량이 적다.
  3. GIF처럼 이미지 일부를 투명하게 하며 고해상도를 지원한다.
  4. MS사의 익스플로러에서만 지원 가능하다.
정답: 3

해설

PNG 파일은 GIF처럼 이미지의 특정 부분을 투명하게 만들 수 있으며, 24비트 트루컬러를 지원하여 고해상도 이미지를 표현할 수 있습니다. 이는 GIF의 제한된 색상 수와 JPG의 투명도 미지원 단점을 보완한 포맷입니다. 따라서 3번이 PNG 파일 포맷에 대한 설명으로 가장 옳습니다.

문제 48

웹디자인 프로세스에 대한 설명으로 잘못된 것은?     
  1. 디자인 스타일링이란 컨셉(concept)에 맞추어 아이디어를 수집, 발전, 결정하는 것을 말한다.
  2. 디자인 발의란 어떤 사이트를 어떻게 만들 것인가에 대한 의견제시 과정이다.
  3. 디자인 개발단계에서는 인력을 적재적소에 분배한다.
  4. 디자인 조사 및 분석 단계에서는 컬러시스템, 그리드시스템, 레이아웃 등을 계획한다.
정답: 4

해설

정답은 4번입니다. 디자인 조사 및 분석 단계에서는 사용자 요구, 경쟁사 분석, 기술적 제약 등을 파악하며, 컬러 시스템, 그리드 시스템, 레이아웃 등은 주로 디자인 개발 또는 구현 단계에서 구체화됩니다. 핵심 개념은 웹디자인 프로세스의 각 단계별 역할과 결과물을 명확히 구분하는 것입니다.

문제 49

디더링(Dithering)에 대한 설명으로 옳은 것은?     
  1. 제한된 컬러를 사용하여 본래의 높은 비트로 된 컬러의 효과를 최대한으로 내는 처리기법
  2. 사용자 팔레트를 사용하여 화면에 나타나는 모든 컬러의 종류를 바꾸는 기법
  3. 2가지 서로 다른 영상이나 3차원 모델 사이를 자연스럽게 결합시키는 처리 기법
  4. 기존의 비디오나 필름, 혹은 애니메이션 필름 위에 그림을 그리는 처리 기법
정답: 1

해설

디더링은 제한된 색상 수를 사용하여 원래의 풍부한 색상 표현을 최대한 살리는 기술입니다. 이는 인접한 픽셀에 다른 색상을 배치하여 인간의 눈이 색상을 혼합하여 인식하도록 유도함으로써, 실제로는 존재하지 않는 색상이나 부드러운 색상 변화를 만들어내는 원리입니다. 따라서 적은 색상으로도 시각적인 풍부함을 높이는 효과를 얻을 수 있습니다.

문제 50

컴퓨터그래픽스 시스템에 사용되는 입력 장치로 적합하지 않은 것은?     
  1. 마우스
  2. 플로터
  3. 스캐너
  4. 터치스크린
정답: 2

해설

컴퓨터 그래픽스 시스템에서 입력 장치는 사용자가 컴퓨터에 데이터를 전달하는 역할을 합니다. 마우스, 스캐너, 터치스크린은 모두 사용자의 조작이나 외부 정보를 디지털 데이터로 변환하여 컴퓨터에 입력하는 장치입니다. 반면 플로터는 입력된 데이터를 종이나 필름 등에 출력하는 장치이므로 입력 장치로 적합하지 않습니다.

문제 51

다음 ( )안에 공통으로 들어갈 알맞은 용어는?          
  1. 텍스트(text)
  2. 템플릿(Template)
  3. 컬러(Color)
  4. 인터페이스(Interface)
정답: 2

해설

정답은 2번 '템플릿(Template)'입니다. 템플릿은 미리 정해진 틀이나 양식으로, 이를 바탕으로 다양한 콘텐츠를 일관성 있게 제작할 수 있게 해줍니다. 예를 들어, 웹사이트 디자인 템플릿을 사용하면 동일한 레이아웃과 스타일을 유지하면서 내용만 변경하여 여러 페이지를 만들 수 있습니다. 따라서 ( ) 안에는 이러한 '틀' 역할을 하는 템플릿이 공통으로 들어가기에 가장 적합합니다.

문제 52

전체 페이지에 적용되는 시각적 계층구조와 효율적인 내비게이션을 위해 버튼 및 아이콘 시스템에 대한 설계를 하는 것은 ?     
  1. 인터페이스 디자인
  2. 정보디자인
  3. 콘텐츠 기획
  4. 구조설계
정답: 1

해설

이 문제는 **인터페이스 디자인**에 해당합니다. 사용자가 웹사이트나 앱을 쉽고 직관적으로 사용할 수 있도록 버튼과 아이콘을 설계하는 것은 사용자와 시스템 간의 상호작용을 다루는 인터페이스 디자인의 핵심적인 부분입니다. 시각적 계층구조와 효율적인 내비게이션은 사용자가 정보를 찾고 원하는 기능을 수행하는 데 직접적인 영향을 미칩니다.

문제 53

비트맵과 벡터방식의 이미지를 동시에 저장할 수 있는 파일 포맷이 아닌 것은 ?     
  1. PSD
  2. PDF
  3. EPS
  4. TIFF
정답: 4

해설

정답은 4번 TIFF입니다. TIFF는 주로 비트맵 이미지를 저장하는 데 사용되는 포맷으로, 벡터 이미지를 직접적으로 저장하는 기능은 없습니다. 반면, PSD, PDF, EPS는 비트맵과 벡터 데이터를 모두 포함하거나 상호 변환을 지원하는 기능을 가지고 있어 동시에 저장할 수 있습니다.

문제 54

컴퓨터 그래픽스의 개념에 대한 설명으로 틀린 것은 ?     
  1. 넓은 의미로 컴퓨터를 이용한 모든 이미지와 영상을 말한다.
  2. 컴퓨터에서 도구나 아이디어를 얻는 기술을 말한다.
  3. 아이디어의 표현 도구로써 최대한 활용된다.
  4. 사용자가 그래픽 프로그램을 이용하여 작업을 한다.
정답: 2

해설

정답은 2번입니다. 컴퓨터 그래픽스는 컴퓨터를 이용해 이미지를 만들고 조작하는 기술 전반을 의미합니다. 1, 3, 4번은 모두 컴퓨터 그래픽스의 올바른 설명입니다. 하지만 2번은 컴퓨터에서 도구나 아이디어를 얻는 기술을 의미하는 것이 아니라, 오히려 컴퓨터를 활용하여 아이디어를 시각적으로 표현하는 기술에 가깝습니다.

문제 55

직사각형 화면의 화소 또는 픽셀들을 0과 1로 표현한 것은?     
  1. 벡터
  2. 주사선
  3. 비트맵
  4. 객체
정답: 3

해설

정답은 **3. 비트맵**입니다. 비트맵 이미지는 화면의 각 픽셀을 0 또는 1과 같은 이진수로 표현하여 색상이나 밝기를 나타냅니다. 마치 격자처럼 픽셀들이 배열되어 있어, 이 픽셀들의 집합이 이미지를 구성하는 방식입니다.

문제 56

웹디자인 기획 시 고려해야할 사항과 가장 거리가 먼 것은?     
  1. 사이트의 목적과 필요성을 충분히 인식하였는가?
  2. 유사, 경쟁 사이트의 디자인 분석은 완료했는가?
  3. 일련의 과정들에 대한 문서들의 보관 및 데이터 백업은 완료하였는가?
  4. 통일성 확보를 위한 컬러, 톤, 폰트, 레이아웃의 원칙들은 수립되었는가?
정답: 3

해설

웹디자인 기획 시 가장 거리가 먼 것은 **일련의 과정들에 대한 문서들의 보관 및 데이터 백업**입니다. 이는 기획 단계보다는 프로젝트 진행 중 또는 완료 후의 관리 측면에 해당하기 때문입니다. 웹디자인 기획의 핵심은 **사이트의 목적, 경쟁 분석, 그리고 디자인 원칙 수립**과 같이 웹사이트의 성공적인 구축과 사용자 경험을 위한 기초를 다지는 것에 있습니다.

문제 57

정보의 양이 많고 정보의 우선순위에 따라 사이트를 제작할 때 유용한 웹 사이트 탐색구조는?     
  1. 링구조
  2. 망형구조
  3. 계층구조
  4. 선형구조
정답: 3

해설

정보량이 많고 우선순위에 따라 사이트를 제작할 때 가장 유용한 웹사이트 탐색 구조는 **계층 구조**입니다. 계층 구조는 가장 중요한 정보부터 시작하여 점차 세부적인 정보로 나아가는 방식으로, 사용자가 원하는 정보에 효율적으로 접근할 수 있도록 돕습니다. 이는 마치 기업의 조직도처럼 상위 메뉴에서 하위 메뉴로 자연스럽게 이동하게 하여 정보의 복잡성을 줄이고 명확성을 높이는 핵심 개념입니다.

문제 58

다음은 무엇에 관한 설명인가 ?          
  1. 앨리어싱(Aliasing)
  2. 안티-앨리어싱(Anti-Aliasing)
  3. 패더(Feather)
  4. 스타일(Style)
정답: 2

해설

이 문제는 **안티-앨리어싱(Anti-Aliasing)**에 관한 설명입니다. 안티-앨리어싱은 디지털 이미지에서 계단 현상(앨리어싱)을 완화하여 부드러운 경계를 표현하는 기법입니다. 픽셀의 경계에 중간 색상을 삽입하여 시각적인 왜곡을 줄이는 것이 핵심입니다.

문제 59

두 개의 서로 다른 이미지나 3차원 모델 사이의 변화하는 과정을 서서히 나타내는 것은?     
  1. 모핑
  2. 로토스코핑
  3. 미립자 시스템
  4. 중첩 액션
정답: 1

해설

정답은 **1. 모핑**입니다. 모핑은 두 이미지나 3차원 모델의 형태를 점진적으로 변형시켜 자연스러운 전환 효과를 만드는 기술입니다. 마치 한 형상이 다른 형상으로 부드럽게 녹아들거나 변해가는 것처럼 보이게 합니다. 로토스코핑은 실사 영상을 참조하여 애니메이션을 그리는 기법이며, 미립자 시스템은 입자들의 움직임을 통해 시각 효과를 만드는 것이므로 문제의 설명과는 다릅니다.

문제 60

다음 설명은 무엇에 대한 활용인가?          
  1. 내비게이션 디자인(Navigation Design)
  2. 웹 타이포그래피 디자인(Web Typographic Design)
  3. 웹 컬러 디자인(Web Color Design)
  4. 웹 인터페이스 디자인(Web Interface Design)
정답: 2

해설

제시된 설명은 웹사이트에서 글꼴의 종류, 크기, 간격 등을 조절하여 가독성과 심미성을 높이는 **웹 타이포그래피 디자인**에 대한 활용입니다. 핵심 개념은 사용자가 정보를 쉽게 이해하고 긍정적인 경험을 하도록 돕는 것입니다. 이를 통해 웹사이트의 전반적인 사용자 경험(UX)을 향상시킬 수 있습니다.

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

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

회차 전체 풀이

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

정답과 해설 선택

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

종이 시험지 출력

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

자주 묻는 질문

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

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

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

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

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

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

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

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