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

2011웹디자인기능사 2회차

60문제로 구성된 기출 시험

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

시험 문제

문제 1

검은 종이 위에 노랑과 파랑을 나열하고 일정한 거리에서 보면 노랑이 파랑보다 가깝게 보인다. 이때의 노랑색을 무엇이라 하는가?    
  1. 후퇴색
  2. 팽창색
  3. 진출색
  4. 수축색
정답: 3

해설

정답은 3번 진출색입니다. 진출색은 밝고 따뜻한 색으로, 실제보다 더 가깝게 보이거나 앞으로 튀어나와 보이는 심리적 효과를 말합니다. 문제에서 노란색이 파란색보다 더 가깝게 보이는 현상은 진출색의 대표적인 예시입니다.

문제 2

다음 중 시각 디자인에 속하지 않는 것은?    
  1. 텍스트타일 디자인
  2. 패키지 디자인
  3. POP 디자인
  4. 타이포그래피
정답: 1

해설

정답은 1번 텍스트타일 디자인입니다. 시각 디자인은 시각적인 요소를 활용하여 정보를 전달하거나 미적인 경험을 제공하는 분야입니다. 패키지 디자인, POP 디자인, 타이포그래피는 모두 시각적인 요소와 정보 전달을 중요하게 다루는 시각 디자인의 하위 분야입니다. 반면, 텍스트타일 디자인은 텍스트를 활용하여 공간을 꾸미는 것으로, 시각 디자인보다는 인테리어 디자인이나 공간 디자인과 더 관련이 깊습니다.

문제 3

디자인 형태의 분류 중 이념적 형태에 속하는 것은?    
  1. 인위 형태
  2. 추상 형태
  3. 자연 형태
  4. 실제 형태
정답: 2

해설

이념적 형태는 실제 사물이 아닌, 인간의 생각이나 관념에 의해 창조된 형태를 의미합니다. 추상 형태는 구체적인 사물을 직접적으로 모방하지 않고, 그 본질이나 의미를 함축적으로 표현하는 형태이므로 이념적 형태에 속합니다. 반면, 인위 형태, 자연 형태, 실제 형태는 현실에 존재하는 사물을 기반으로 하거나, 실제 사물을 모방하는 경향이 있습니다.

문제 4

색팽이의 혼합관계와 관련이 있는 것은?    
  1. 색료혼합
  2. 표준혼합
  3. 회전혼합
  4. 보색혼합
정답: 3

해설

색팽이의 혼합은 여러 색깔의 물감을 칠한 팽이를 빠르게 회전시킬 때 나타나는 현상입니다. 이는 **회전혼합**이라고 하며, 팽이가 빠르게 돌면서 각 색깔이 우리 눈에 섞여 하나의 색으로 보이게 됩니다. 따라서 정답은 3번 회전혼합입니다.

문제 5

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

해설

정답은 4번 모홀로나기입니다. 모홀로나기는 자연의 힘에 의해 만들어진 조약돌의 형태를 예로 들며, 자연 법칙에 따른 형태를 주장했습니다. 이는 인간이 의도적으로 디자인하는 것이 아닌, 자연의 과정 자체에서 비롯되는 '자연의 형태'를 강조한 것입니다.

문제 6

색상환 24등분, 명도 단계 8등분의 색 체계를 구성하고 “조화는 질서와 같다”는 색채 조화 이론을 발표한 사람은?    
  1. 오스트발트
  2. 슈브뢸
  3. 비렌
  4. 문?스펜서
정답: 1

해설

이 문제는 색채학의 중요한 인물과 그의 이론을 묻고 있습니다. 정답은 1번 오스트발트입니다. 오스트발트는 색상환을 24등분하고 명도 단계를 8등분하여 체계적인 색 체계를 구축했으며, "조화는 질서와 같다"는 색채 조화 이론을 발표하여 색채의 과학적이고 질서 있는 접근을 강조했습니다.

문제 7

다음 중 동일 색상의 배색과 관계가 없는 것은?    
  1. 정적인 질서를 느낄 수 있다.
  2. 차분한 느낌을 느낄 수 있다.
  3. 통일된 감정을 느낄 수 있다.
  4. 즐거운 느낌을 느낄 수 있다.
정답: 4

해설

동일 색상의 배색은 비슷한 색조를 사용하여 안정감과 통일감을 주므로 정적이고 차분한 느낌을 줍니다. 반면, 즐거운 느낌은 주로 대비되는 색상이나 밝고 화려한 색상의 조합에서 오는 경우가 많습니다. 따라서 동일 색상 배색은 즐거운 느낌과는 직접적인 관련이 적습니다.

문제 8

“디자인 대상이 되는 것은 모두가 실용적으로 사용할 수 있는 것이다.”에 해당하는 디자인의 조건으로 가장 옳은 것은?    
  1. 심미성
  2. 독창성
  3. 합목적성
  4. 경제성
정답: 3

해설

이 문제는 디자인의 중요한 조건 중 하나인 '합목적성'을 묻고 있습니다. 합목적성은 디자인 대상이 본래의 목적에 맞게 실용적으로 사용될 수 있어야 한다는 것을 의미합니다. 따라서 "모두가 실용적으로 사용할 수 있는 것"이라는 문제의 조건에 가장 부합하는 것은 합목적성입니다.

문제 9

색채에 대한 일반적인 설명으로 틀린 것은?    
  1. 무채색은 채도가 없는 색이란 뜻으로 밝고 어두운 정도의 차이로 구별된다.
  2. 유채색이란 채도가 있는 색이란 뜻이다.
  3. 유채색은 색의 3속성 중 색상과 채도만을 가지고 있다.
  4. 무채색 중 회색은 중성의 성질로 수동적 호감이 있다.
정답: 3

해설

정답은 3번입니다. 유채색은 색상, 채도, 명도 세 가지 색의 속성을 모두 가지고 있기 때문입니다. 무채색은 채도가 없지만 명도의 차이로 구별되며, 회색은 중성적인 느낌을 줍니다.

문제 10

다음 중 디자인 원리가 아닌 것은?     
  1. 조화
  2. 균형
  3. 리듬
  4. 재질감
정답: 4

해설

디자인 원리는 시각적 요소들을 효과적으로 배치하고 구성하여 통일성 있고 미적으로 만족스러운 결과물을 만드는 데 사용되는 기본 규칙입니다. 조화, 균형, 리듬은 시각적 요소들이 서로 잘 어울리고 안정감과 흐름을 만들어내는 중요한 디자인 원리입니다. 반면, 재질감은 디자인 요소 자체의 특성을 나타내는 것으로, 디자인 원리라고 보기는 어렵습니다.

문제 11

주의를 의미하며 주의표시, 돌출부위 계단의 위험요소를 나타내는 색으로 적당한 것은?     
  1. 적색
  2. 황색
  3. 녹색
  4. 적자색
정답: 2

해설

정답은 2번 황색입니다. 황색은 주의를 나타내는 색으로, 돌출부위나 계단 등 위험한 장소를 표시하여 사고를 예방하는 데 사용됩니다. 이는 안전 표지에서 일반적으로 사용되는 색상 규정에 따른 것입니다.

문제 12

다음 색의 대비에 대한 설명 중 틀린 것은?     
  1. 색채 간의 차이를 느끼는 주된 요인이명도일 때 명도대비라 한다.
  2. 색채 간의 차이를 느끼는 주된 요인이 색상일 경우를 색상대비라 한다.
  3. 혼합하였을 때 무채색이 되는 두 색을 서로의 동시대비라 한다.
  4. 유채색인 경우 먼저 본 색이 나중에 보는 색에 영향을 미치는 것을 계시대비라 한다.
정답: 3

해설

정답은 3번입니다. 동시대비는 두 색이 동시에 있을 때 서로에게 영향을 주어 본래의 색과 다르게 보이는 현상으로, 혼합 시 무채색이 되는 관계는 보색 관계를 의미하며 동시대비와 직접적인 관련이 없습니다. 명도대비, 색상대비, 계시대비는 모두 색채의 대비 현상을 올바르게 설명하고 있습니다.

문제 13

한국산업규격(KS)에 제정되어 있고, 교육용으로 사용하고 있는 표색계는?     
  1. 오스트발트 표색계
  2. JIS 표색계
  3. CIE 표색계
  4. 먼셀 표색계
정답: 4

해설

한국산업규격(KS)에 제정되어 교육용으로 널리 사용되는 표색계는 **먼셀 표색계**입니다. 먼셀 표색계는 색상을 색상(Hue), 명도(Value), 채도(Chroma)의 세 가지 속성으로 체계적으로 분류하여 색을 객관적으로 표현하고 이해하는 데 도움을 줍니다. 이는 디자인, 미술, 교육 등 다양한 분야에서 색상 표준으로 활용됩니다.

문제 14

다음 설명에 해당하는 조형운동이자 사회운동은?          
  1. 기능주의
  2. 구성주의
  3. 역사주의
  4. 미래주의
정답: 2

해설

정답은 2번 구성주의입니다. 구성주의는 예술과 디자인에서 기능성과 재료의 본질을 강조하며, 사회적으로는 새로운 사회 질서를 건설하려는 움직임과 연결됩니다. 이는 과거의 전통적인 양식을 벗어나 실용적이고 대중적인 예술을 추구하며, 사회 개혁의 도구로 예술을 활용하려는 정신을 담고 있습니다.

문제 15

노랑색 꽃이라든가 흰색, 또는 붉은 포도주, 검정색 안경 등 그 물체가 가지고 있는 것처럼 보이는 색을 의미하는 것은?     
  1. 광원색
  2. 조명색
  3. 형광색
  4. 물체색
정답: 4

해설

정답은 **4번 물체색**입니다. 물체색은 빛이 물체 표면에 반사되어 우리 눈에 보이는 색을 의미합니다. 노란색 꽃, 흰색, 붉은 포도주, 검정색 안경 등은 모두 물체가 자체적으로 가지고 있는 것처럼 보이는 고유한 색이며, 이는 빛의 반사 특성으로 인해 나타나는 것입니다.

문제 16

디자인의 궁극적 목적과 가장 관계가 깊은 것은?     
  1. 심미성을 갖춘 수공예품의 제작
  2. 기능과 미의 조화를 갖춘 주문 생산품의 제작
  3. 인간의 행복을 위한 환경의 개선 및 창조
  4. 개개인의 취향을 고려한 기능적인 제품의 생산
정답: 3

해설

디자인의 궁극적 목적은 단순히 아름다운 물건을 만드는 것을 넘어섭니다. 3번 '인간의 행복을 위한 환경의 개선 및 창조'는 디자인이 삶의 질을 향상시키고 더 나은 세상을 만드는 데 기여한다는 점을 가장 잘 나타냅니다. 이는 기능과 미학을 넘어 인간 중심적인 가치를 추구하는 디자인의 본질을 보여줍니다.

문제 17

다음 중 식욕을 돋궈주는 색은?     
  1. 검정
  2. 주황
  3. 회색
  4. 파랑
정답: 2

해설

식욕을 돋우는 색은 주로 따뜻하고 밝은 색으로, **주황색**이 대표적입니다. 주황색은 식욕을 자극하고 긍정적인 감정을 유발하는 효과가 있어 음식의 맛을 더 좋게 느끼게 합니다. 반면 검정, 회색, 파랑 계열은 식욕을 억제하는 경향이 있습니다.

문제 18

다음과 같은 형상이 나타내는 디자인 원리는?          
  1. 조화
  2. 강조
  3. 율동
  4. 비대칭
정답: 4

해설

이 형상은 좌우가 대칭을 이루지 않고 각기 다른 요소들이 균형을 이루고 있어 **비대칭** 디자인 원리를 나타냅니다. 비대칭은 시각적인 흥미를 유발하고 역동적인 느낌을 주며, 예측 불가능한 요소들의 조합으로 독창적인 디자인을 구현합니다.

문제 19

점과 선에 관한 설명으로 틀린 것은?     
  1. 점을 확대하면 면이 나타난다.
  2. 원형이나 정다각형이 축소되면 점이 된다.
  3. 선을 축소하여도 그 성질을 잃지 않는다.
  4. 선은 하나의 점이 이동하면서 이루는 자취이다.
정답: 3

해설

정답은 3번입니다. 점은 위치만을 나타내고 크기가 없으며, 선은 폭이 없는 길이로만 이루어져 있습니다. 따라서 점이나 선을 확대하거나 축소한다고 해서 면이 나타나거나 점이 되는 것은 아니며, 선을 축소해도 그 성질을 잃지 않는다는 설명은 틀렸습니다. 선은 점이 이동하는 자취라는 정의는 올바릅니다.

문제 20

1907년 헤르만 무테지우스를 중심으로 뮌헨에서 결성된 디자인 진흥 단체는?     
  1. 드 스틸(De Stijl)
  2. 독일공작연맹(DWB)
  3. 바우하우스(BAUHAUS)
  4. 멤피스(MEMPHIS)
정답: 2

해설

1907년 헤르만 무테지우스를 중심으로 뮌헨에서 결성된 디자인 진흥 단체는 **독일공작연맹(DWB)**입니다. 이 단체는 당시 독일의 산업 디자인 수준을 향상시키고 예술과 산업의 통합을 목표로 했습니다. 독일공작연맹은 이후 바우하우스 설립에도 영향을 미쳤으며, 근대 디자인 역사에서 중요한 역할을 했습니다.

문제 21

인터넷에서 서비스를 이용하기 위한 웹 브라우저의 종류가 아닌 것은?     
  1. WinZip
  2. Netscape
  3. Opera
  4. Explorer
정답: 1

해설

정답은 1번 WinZip입니다. WinZip은 압축 및 압축 해제 프로그램으로, 웹 브라우저와는 기능이 다릅니다. Netscape, Opera, Explorer는 모두 웹 브라우저로서 인터넷에서 웹 페이지를 열람하고 서비스를 이용하는 데 사용되는 소프트웨어입니다. 핵심 개념은 웹 브라우저가 인터넷 정보를 시각적으로 보여주는 프로그램이라는 점입니다.

문제 22

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

해설

이 문제는 웹 페이지의 동적인 표현 방식을 묻고 있습니다. 정답은 DHTML인데, 이는 HTML, CSS, JavaScript를 결합하여 웹 페이지를 동적으로 만들고 사용자 상호작용에 반응하도록 하는 기술입니다. CGI는 서버 측 스크립트이고, XML은 데이터 표현 언어이며, CSS는 스타일링 언어이므로 문제에서 설명하는 동적인 웹 페이지 구현과는 거리가 있습니다.

문제 23

검색엔진을 이용한 정보검색의 설명으로 가장 거리가 먼 것은?     
  1. 한 단어의 검색 보다는 OR 연산자를 이용한 구체적인 검색으로 검색 내용을 최소화하는 것이 효율적이다.
  2. 고유명사는 그 단어 자체를 국한하여 검색하기 때문에 좋은 키워드가 될 수 있다.
  3. 검색 결과에 대한 신뢰도는 절대적인 것은 아니다.
  4. 웹에서 찾기 어려운 자료는 메일링 리스트나 뉴스그룹(UseNet) 등을 검색하는 것도 좋은 방법이다.
정답: 1

해설

정답은 1번입니다. 검색엔진에서 OR 연산자는 검색 결과를 넓히는 데 사용되므로, 검색 내용을 최소화하는 데는 오히려 비효율적입니다. 검색 결과의 신뢰도는 절대적이지 않으며, 고유명사는 구체적인 검색에 유용합니다. 또한, 웹에서 찾기 어려운 정보는 메일링 리스트나 뉴스그룹 등에서도 얻을 수 있습니다.

문제 24

TCP/IP 계층 중 응용계층에 해당하지 않는 프로토콜은?     
  1. SMTP
  2. FTP
  3. HTTP
  4. UDP
정답: 4

해설

TCP/IP 모델에서 응용 계층은 사용자가 직접 사용하는 서비스와 관련된 프로토콜을 담당합니다. SMTP, FTP, HTTP는 모두 이메일, 파일 전송, 웹 브라우징과 같은 응용 서비스를 제공하므로 응용 계층에 속합니다. 반면 UDP는 데이터 전송의 신뢰성보다는 속도를 우선시하는 전송 계층 프로토콜로, 응용 계층에 해당하지 않습니다.

문제 25

HTML 문서에서 문장의 줄을 바꿀 때 삽입하는 태그는?     
  1. 〈ENTER〉
  2. 〈BR〉
  3. 〈LF〉
  4. 〈RETURN〉
정답: 2

해설

HTML 문서에서 문장의 줄을 바꾸고 싶을 때 사용하는 태그는 `
`입니다. `
` 태그는 "line break"를 의미하며, 해당 위치에서 강제로 줄을 바꾸는 역할을 합니다. 이는 텍스트를 단락으로 나누는 `

` 태그와는 달리, 단순히 줄만 바꾸고 싶을 때 사용됩니다.

문제 26

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

해설

정답은 1번 구글입니다. 핵심 개념은 **와일드카드 문자(*)의 작동 방식 차이**입니다. 구글은 "인터넷*" 검색 시 "인터넷"으로 시작하는 모든 단어를 포함하는 결과를 보여주는 반면, 다른 검색 엔진들은 "인터넷"이라는 단어 자체를 포함하거나, 더 엄격한 규칙을 적용하여 검색 결과를 필터링합니다. 따라서 구글의 와일드카드 적용 방식이 다른 검색 엔진들과 차이를 보입니다.

문제 27

다음 중 검색 사이트가 지원하는 검색 방식이 아닌 것은?     
  1. 자동 검색
  2. 주제별 검색
  3. 메타 검색
  4. 키워드 검색
정답: 1

해설

정답은 1번 '자동 검색'입니다. 자동 검색은 사용자가 입력하는 검색어의 일부만으로도 관련 검색어를 추천해주는 기능으로, 검색 사이트 자체의 검색 방식이라기보다는 사용자 편의를 위한 보조 기능에 가깝습니다. 2번 '주제별 검색', 3번 '메타 검색', 4번 '키워드 검색'은 검색 사이트가 정보를 찾기 위해 직접적으로 사용하는 방식들입니다.

문제 28

자바 스크립트 내에서 사용되는 배열(Array) 객체에 대한 설명으로 옳지 않은 것은?     
  1. concat() - 두 개 이상의 배열을 결합하여 하나의 배열 객체를 생성하여 반환한다.
  2. join() - 배열 객체의 각 원소들을 하나의 문자열로 만들어 반환한다.
  3. sort() - 배열의 각 원소들을 내림차순으로 정렬하여 반환한다.
  4. slice() - 배열의 원소들 가운데 일부를 새로운 배열로 만들어 반환한다.
정답: 3

해설

자바스크립트의 `sort()` 메서드는 기본적으로 배열의 원소들을 **오름차순**으로 정렬합니다. 따라서 내림차순으로 정렬한다는 설명은 옳지 않습니다. `sort()` 메서드는 정렬 순서를 직접 지정하기 위해 비교 함수를 인자로 받을 수 있습니다.

문제 29

HTML 테이블 태그의 옵션과 그에 대한 설명이 옳은 것은?     
  1. ABOVE : 기본적인 외곽선이 모두 나타난다.
  2. BORDER : 바깥쪽 외곽선 중 왼쪽만 나타난다.
  3. BELLOW : 바깥쪽외곽선 중 아래쪽만 나타난다.
  4. VOID : 바깥쪽 외곽선중 오른쪽만 나타난다.
정답: 3

해설

HTML 테이블 태그의 `border` 속성은 테이블의 외곽선 표시 방식을 지정합니다. 보기 중 3번 "BELLOW"는 바깥쪽 외곽선 중 아래쪽만 나타나도록 설정하는 옵션으로, 이는 `border="1"`과 같은 기본적인 외곽선 설정과 유사한 효과를 줍니다. 다른 보기들은 실제 `border` 속성의 동작 방식과는 다릅니다.

문제 30

OSI-7layer에서 다음 서명과 관련 있는 계층은?          
  1. 전송계층
  2. 표현계층
  3. 세션계층
  4. 응용계층
정답: 2

해설

OSI 7계층에서 **표현 계층(Presentation Layer)**은 데이터의 형식 변환, 암호화, 압축 등을 담당합니다. 이는 데이터를 수신 측에서 이해할 수 있는 형태로 변환하는 역할을 하므로, 문제에서 제시된 "서명"과 같이 데이터의 표현 방식을 다루는 것과 직접적으로 관련이 있습니다. 따라서 표현 계층이 정답입니다.

문제 31

웹 페이지 제작 시 데이터베이스가 필요한 작업은?     
  1. 프레임 셋
  2. 심벌
  3. 게시판
  4. 레이어
정답: 3

해설

웹 페이지 제작 시 데이터베이스는 **게시판**과 같이 사용자들의 정보나 콘텐츠를 저장하고 관리해야 하는 경우에 필요합니다. 게시판은 글, 댓글, 회원 정보 등을 데이터베이스에 저장하여 검색, 수정, 삭제 등의 기능을 제공하기 때문입니다. 프레임 셋, 심벌, 레이어는 주로 웹 페이지의 구조나 시각적 요소를 다루는 기술로 데이터베이스와 직접적인 관련이 없습니다.

문제 32

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

해설

정답은 2번 'go'입니다. 'gov'는 정부 기관을 나타내는 최상위 도메인으로, 'go'는 싱가포르의 정부 기관을 나타내는 국가 코드 최상위 도메인(ccTLD)의 일부입니다. 즉, 'gov'와 마찬가지로 정부 기관의 성격을 띠는 도메인입니다.

문제 33

인터넷 서비스의 종류에 해당하지 않는 것은?     
  1. 텔넷(telenet)
  2. 전자우편(e-mail)
  3. 채팅(chatting)
  4. 허브(hub)
정답: 4

해설

정답은 4번 허브(hub)입니다. 텔넷, 전자우편, 채팅은 모두 인터넷을 통해 정보를 주고받거나 소통하는 서비스입니다. 반면 허브는 컴퓨터 네트워크를 구성하는 장비로, 여러 장치를 연결하는 역할을 하지만 그 자체로는 인터넷 서비스라고 볼 수 없습니다.

문제 34

별도의 Plug-In 프로그램이 없어도 웹브라우저에서 재생 가능한 것은?     
  1. MOV 파일
  2. RDF 문서
  3. VRML 파일
  4. XML 문서
정답: 4

해설

정답은 4번 XML 문서입니다. XML 문서는 텍스트 기반의 데이터 형식으로, 웹 브라우저가 별도의 플러그인 없이도 내용을 해석하고 표시할 수 있기 때문입니다. MOV 파일, VRML 파일은 멀티미디어 콘텐츠나 3D 그래픽으로, 이를 재생하려면 별도의 플러그인이나 전용 프로그램이 필요합니다. RDF 문서 역시 XML 기반이지만, 웹 브라우저가 직접적으로 해석하기보다는 특정 애플리케이션에서 처리하는 경우가 많습니다.

문제 35

웹페이지 검색 절차를 순서대로 나열한 것은?     
  1. 영역결정→주제어선정→검색엔진결정→검색결과검토
  2. 영역결정→검색엔진결정→주제어선정→검색결과검토
  3. 검색엔진결정→영역결정→주제어선정→검색결과검토
  4. 주제어선정→검색엔진결정→검색결과검토→영역결정
정답: 1

해설

웹페이지 검색은 먼저 **어떤 종류의 정보를 찾을지 영역을 결정**하는 것으로 시작합니다. 그다음, 해당 영역에 맞는 **검색어를 선정**해야 합니다. 이렇게 선정된 주제어와 검색 범위를 바탕으로 **가장 적합한 검색 엔진을 선택**하고, 마지막으로 검색된 결과들을 **검토하여 원하는 정보를 찾아내는 과정**을 거칩니다. 따라서 1번이 올바른 순서입니다.

문제 36

웹페이지 제작 시 작업환경에서 보이는 그대로 결과물을 도출해 내는 방식은?     
  1. GUI
  2. HCI
  3. MCP
  4. WYSIWYG
정답: 4

해설

정답은 4번 WYSIWYG입니다. WYSIWYG은 "What You See Is What You Get"의 약자로, 편집기에서 보이는 화면이 최종 결과물과 동일하게 나타나는 방식을 의미합니다. 이는 웹페이지 제작 시 개발자가 의도한 대로 디자인과 레이아웃이 정확하게 구현되도록 도와줍니다. 따라서 작업 환경에서 보이는 그대로 결과물을 도출해내는 방식에 해당합니다.

문제 37

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

해설

HTML 문서는 웹 페이지를 만드는 데 사용되는 언어로, 하이퍼링크를 통해 다른 문서로 이동하거나 브라우저만 있으면 운영체제에 상관없이 웹 문서를 볼 수 있다는 특징을 가집니다. 또한, CSS를 통해 디자인 요소를 다양하게 조절할 수 있습니다. 하지만 HTML 파일의 확장자는 `.html` 또는 `.htm`이며, `.txt`는 일반 텍스트 파일 형식이므로 정답은 2번입니다.

문제 38

전자우편을 송신할 때 사용되는 프로토콜은?     
  1. FTP
  2. SMTP
  3. POP
  4. IMAP
정답: 2

해설

전자우편을 보낼 때는 **SMTP(Simple Mail Transfer Protocol)**라는 프로토콜이 사용됩니다. SMTP는 이메일 서버 간에 이메일을 주고받거나, 사용자의 이메일 클라이언트에서 메일을 서버로 보낼 때 주로 이용됩니다. POP와 IMAP은 받은 메일을 읽어오는 프로토콜이므로 송신과는 관련이 없습니다.

문제 39

자바스크립트 변수의 정의에 대한 설명으로 틀린 것은?     
  1. 대?소문자를 구분한다.
  2. 특수기호 사용이 가능하다.
  3. 예약어는 변수로 사용할 수 없다.
  4. 반드시 영문자나 언더바(_)로 시작한다.
정답: 2

해설

자바스크립트 변수는 대소문자를 구분하며, 예약어는 사용할 수 없습니다. 또한, 변수명은 영문자나 언더바(_)로 시작해야 하지만, **특수기호는 변수명으로 사용할 수 없습니다.** 따라서 2번이 틀린 설명입니다.

문제 40

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

해설

HTTP(Hypertext Transfer Protocol)는 웹 브라우저와 웹 서버 간에 웹 페이지와 같은 하이퍼텍스트 문서를 주고받기 위한 통신 규약입니다. 따라서 웹 문서 전송에 사용되는 프로토콜이라고 할 수 있습니다. 보기 1, 2, 4번은 각각 FTP, SMTP, POP3/IMAP과 같은 다른 프로토콜에 해당합니다.

문제 41

래스터이미지(raster image)에 대한 설명으로 틀린 것은?     
  1. 확대 시 이미지가 손상된다.
  2. 비트맵 이미지를 래스터이미지라고 한다.
  3. 일러스트레이터에서 주로 사용되는 이미지 형식이다.
  4. 디지털 카메라로 찍은 이미지는 래스터이미지이다.
정답: 3

해설

래스터 이미지는 픽셀이라는 작은 점들의 집합으로 이루어져 있어, 확대하면 픽셀이 도드라져 이미지가 깨지거나 흐릿해지는 특징이 있습니다. 비트맵 이미지도 래스터 이미지의 다른 이름이며, 디지털 카메라로 찍은 사진 역시 픽셀로 구성된 래스터 이미지입니다. 반면, 일러스트레이터와 같은 벡터 그래픽 프로그램에서는 수학적 방정식을 이용하여 이미지를 표현하는 벡터 이미지를 주로 사용합니다.

문제 42

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

해설

정답은 2번 키 프레임입니다. 키 프레임은 애니메이션에서 중요한 변화가 일어나는 시점을 나타내는 프레임입니다. 트위닝은 이 키 프레임 사이의 중간 동작을 자동으로 생성하여 부드러운 움직임을 만들어냅니다. 따라서 중요한 장면이 들어가는 프레임에 키 프레임을 삽입하여 애니메이션의 흐름을 제어할 수 있습니다.

문제 43

웹 페이지 작성 시 레이아웃을 디자인 할 때 부적합한 사항으로 옳은 것은?     
  1. 단순하고 간결하며, 사용자가 쉽게 콘텐츠를 찾을 수 있도록 구성한다.
  2. 콘텐츠의 연결이 일관성 있고 논리적이어야 한다.
  3. 세부 콘텐츠를 먼저 배치한 후에 중요한 콘텐츠를 배치한다.
  4. 텍스트와 그래픽 요소를 적절히 조화시킨다.
정답: 3

해설

정답은 3번입니다. 웹 페이지 레이아웃 디자인 시에는 사용자가 중요한 정보를 먼저 파악할 수 있도록 **중요한 콘텐츠를 우선적으로 배치**해야 합니다. 세부 콘텐츠를 먼저 배치하면 사용자의 주의를 분산시키고 핵심 내용을 놓치게 할 수 있어 부적합합니다. 핵심 개념은 **정보의 위계 구조화**와 **사용자 경험(UX) 최적화**입니다.

문제 44

다음이 설명하고 있는 것은?          
  1. 패턴(Patten)
  2. 안티-앨리어싱(Anti-aliasing)
  3. 그라디언트 맵(Gradient Map)
  4. 레이어(Layer)
정답: 2

해설

정답은 2번 안티-앨리어싱입니다. 안티-앨리어싱은 이미지의 계단 현상(aliasing)을 줄여 더 부드럽게 보이도록 하는 기술입니다. 주로 픽셀 경계에 중간 색상을 삽입하여 시각적인 왜곡을 완화하는 방식으로 작동합니다. 이를 통해 선이나 모서리가 더 자연스럽고 매끄럽게 표현됩니다.

문제 45

플래시(FLASH)에서 사용되는 심벌의 종류가 아닌 것은?     
  1. 버튼 심벌
  2. 그래픽 심벌
  3. 무비클립 심벌
  4. 아이콘 심벌
정답: 4

해설

플래시에서 사용되는 주요 심벌은 버튼, 그래픽, 무비클립입니다. 이들은 각각 상호작용, 재사용 가능한 그래픽 요소, 애니메이션 제어에 특화되어 있습니다. 아이콘은 일반적으로 그래픽 심벌의 한 종류로 분류되거나 별도의 심벌 유형으로 존재하지 않기 때문에, 플래시에서 독립적인 심벌 종류로 보기 어렵습니다.

문제 46

다음이 설명하고 있는 웹 그래픽 제작 소프트웨어의 기능으로 옳은 것은?          
  1. 레이어
  2. 레벨
  3. 오브젝트
  4. 심볼
정답: 1

해설

이 문제는 웹 그래픽 제작 소프트웨어의 핵심 기능을 묻고 있습니다. 정답은 '레이어'이며, 레이어는 이미지의 각 요소를 독립적으로 관리하고 편집할 수 있게 해주는 기능입니다. 이를 통해 투명도 조절, 위치 변경, 효과 적용 등이 용이해져 복잡한 그래픽 작업을 효율적으로 수행할 수 있습니다.

문제 47

컴퓨터 그래픽스 시스템의 입력장치로 옳지 않은 것은?     
  1. 디지타이저(Digitzer)
  2. 타블릿(Tablet)
  3. 스캐너(Scanner)
  4. 플로터(Plotter)
정답: 4

해설

컴퓨터 그래픽스 시스템에서 입력 장치는 컴퓨터로 데이터를 받아들이는 역할을 합니다. 디지타이저, 타블릿, 스캐너는 모두 이미지나 도면 등의 정보를 컴퓨터로 입력하는 데 사용됩니다. 반면, 플로터는 컴퓨터의 그래픽 데이터를 종이 등에 출력하는 출력 장치이므로 입력 장치로 옳지 않습니다.

문제 48

웹 페이지를 제작할 때 사용되는 웹 에디터로 옳은 것은?     
  1. 일러스트레이터
  2. 페인터
  3. 코렐드로우
  4. 드림위버
정답: 4

해설

웹 페이지 제작에 사용되는 웹 에디터는 코드를 직접 작성하거나 시각적인 디자인을 통해 웹 페이지를 만드는 데 특화된 도구입니다. 보기 중 **드림위버**는 웹 페이지 디자인 및 코딩을 위한 대표적인 웹 에디터로, HTML, CSS, JavaScript 등을 활용하여 웹 페이지를 쉽게 제작하고 관리할 수 있도록 돕습니다. 반면, 일러스트레이터, 페인터, 코렐드로우는 주로 그래픽 디자인 및 이미지 편집에 사용되는 프로그램으로 웹 페이지 제작과는 직접적인 관련이 적습니다.

문제 49

다음 중 컴퓨터 그래픽스에 대한 개념으로 틀린 것은?     
  1. 컴퓨터 그래픽스는 디자인과 순수예술, 영상산업 등 광범위한 활용영역을 가진다.
  2. 컴퓨터 그래픽스는 단순, 반복 작업을 편리하게 할 수 있다.
  3. 컴퓨터 그래픽스는 현재 가장 많이 이용되는 디자인 도구이다.
  4. 컴퓨터 그래픽스는 디자이너에게 아이디어를 제공한다.
정답: 4

해설

컴퓨터 그래픽스는 디자인, 예술, 영상 등 다양한 분야에서 활용되며, 단순 반복 작업을 효율화하는 데 유용합니다. 또한, 현재 디자인 작업에서 가장 널리 쓰이는 도구 중 하나입니다. 하지만 컴퓨터 그래픽스 자체가 디자이너에게 직접적인 아이디어를 제공하는 것은 아니며, 아이디어는 디자이너의 창의력과 경험에서 비롯됩니다.

문제 50

픽셀(pixel)에 대한 설명 중 잘못된 것은?     
  1. Picture와 element의 합성어이다.
  2. 디지털 이미지의 최소단위이다.
  3. 이미지에서 한 픽셀의 위치정보는 직교좌표계의 x, y 좌표 값으로 표시한다.
  4. 각 픽셀은 색심도(color depth)가 클수록 적은 색상을 표현하게 된다.
정답: 4

해설

정답은 4번입니다. 픽셀은 디지털 이미지의 가장 작은 단위로, picture와 element의 합성어입니다. 각 픽셀은 이미지 내에서 x, y 좌표로 위치를 나타내며, 색심도가 클수록 더 많은 색상을 표현할 수 있습니다. 따라서 색심도가 클수록 적은 색상을 표현한다는 설명은 잘못되었습니다.

문제 51

다음 중 한 장의 영상을 의미하는 단위는?     
  1. 픽셀(Pixel)
  2. 씬(Scene)
  3. 프레임(Frame)
  4. 테이크(Take)
정답: 3

해설

영상은 연속된 이미지들의 집합으로 구성됩니다. 각 이미지는 '프레임'이라고 불리며, 이 프레임들이 빠르게 연속적으로 표시될 때 우리는 움직이는 영상을 보게 됩니다. 따라서 한 장의 영상을 의미하는 단위는 '프레임'입니다.

문제 52

웹 페이지 제작 시 주의하여야 할 사항으로 적합하지 않은 것은?     
  1. 자신의 홈페이지 주소를 간단하고 기억하기 쉽도록 구성한다.
  2. 웹페이지에 찾아오기도 나가기도 쉽도록 하여야 한다.
  3. 복잡한 애니메이션이나 프레임의 구성을 다양하게 하여 가능하면 많은 정보를 다양하게 제공한다.
  4. 스크롤 화면은 되도록 사용하지 않도록 하여 로딩시간도 줄이고 간단명료하게 디자인 되어야 한다.
정답: 3

해설

웹페이지 제작 시, 사용자 경험을 저해하는 요소는 피해야 합니다. 3번 보기는 복잡하고 다양한 애니메이션 및 프레임 사용을 권장하지만, 이는 오히려 사용자의 집중력을 분산시키고 페이지 로딩 속도를 느리게 만들어 좋지 않은 경험을 제공할 수 있습니다. 따라서 사용자가 쉽게 접근하고 정보를 효율적으로 얻을 수 있도록 간결하고 명료한 디자인이 중요합니다.

문제 53

스트리밍 방식으로 인터넷 방송에 사용하는 동영상 파일 포맷은?     
  1. *.AVI
  2. *.MOV
  3. *.ASF
  4. *.MPEG
정답: 3

해설

인터넷 방송에서 스트리밍 방식으로 사용되는 동영상 파일 포맷은 **ASF(*.ASF)** 입니다. ASF는 **Active Streaming Format**의 약자로, 마이크로소프트에서 개발한 스트리밍 전용 포맷입니다. 이 포맷은 파일의 일부만 다운로드해도 재생이 가능하며, 네트워크 대역폭에 따라 재생 품질을 조절할 수 있다는 장점이 있습니다. 따라서 인터넷 방송과 같이 실시간으로 데이터를 전송해야 하는 환경에 적합합니다.

문제 54

컴퓨터 그래픽스 시스템에서 그래픽 보드의 특성을 결정하는 요소로 옳지 않은 것은?     
  1. 사운드
  2. 해상도
  3. 컬러 수
  4. 메모리 용량
정답: 1

해설

그래픽 보드는 화면에 이미지를 표시하는 역할을 하므로 해상도, 컬러 수, 메모리 용량은 그래픽 성능에 직접적인 영향을 미칩니다. 하지만 사운드는 그래픽 보드가 아닌 사운드 카드나 메인보드의 기능으로, 그래픽 보드의 핵심 특성을 결정하는 요소와는 거리가 멉니다. 따라서 사운드는 그래픽 보드의 특성을 결정하는 요소로 옳지 않습니다.

문제 55

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

해설

웹 타이포그래피 적용 시 틀린 것은 '페이지마다 또는 동일한 페이지 내에 다양한 서체 사용'입니다. 핵심 개념은 **일관성**과 **가독성**입니다. 너무 많은 서체를 사용하면 시각적 혼란을 야기하고 정보 전달을 방해하여 웹사이트의 전체적인 완성도를 떨어뜨립니다. 따라서 일반적으로 2~3가지 서체로 통일하여 사용하는 것이 좋습니다.

문제 56

인터넷에서 사용 가능한 사운드 파일 포맷이 아닌 것은?     
  1. pdf
  2. aiff
  3. wav
  4. au
정답: 1

해설

정답은 1번 pdf입니다. pdf는 문서 파일 형식으로, 소리 정보를 담고 있지 않기 때문에 사운드 파일 포맷이 아닙니다. 반면 aiff, wav, au는 모두 인터넷에서 널리 사용되는 대표적인 사운드 파일 포맷입니다.

문제 57

플래시(FLASH)를 이용한 작업으로 거리가 먼 것은?     
  1. 단순하고 정적인 홈페이지를 탈피하여 역동적인 홈페이지를 구축할 수 있다.
  2. 사업적 용도로 가치 있는 배너를 제작할 수 있다.
  3. CGI와 연동하면 여러 가지 기능을 가진 카운터, 방명록, 게시판 등을 만들 수 있다.
  4. 3D 그래픽을 제작할 수 있어 자동차 설계, 의상디자인, 건축 설계에 응용된다.
정답: 4

해설

플래시는 주로 웹사이트의 동적인 콘텐츠, 애니메이션, 광고 배너 등을 만드는 데 사용됩니다. 1, 2, 3번은 플래시의 일반적인 활용 사례에 해당합니다. 반면, 4번의 3D 그래픽 제작 및 자동차, 의상, 건축 설계와 같은 전문적인 분야는 플래시보다는 3D 모델링 소프트웨어와 같은 다른 도구를 사용하는 것이 일반적입니다. 따라서 플래시를 이용한 작업으로 거리가 먼 것은 4번입니다.

문제 58

다음 중 벡터기반의 그래픽 툴(tool)은?     
  1. 포토샵
  2. 일러스트레이터
  3. 페인터
  4. 페인트샵 프로
정답: 2

해설

정답은 2번 일러스트레이터입니다. 벡터 기반 그래픽 툴은 수학적 공식으로 이미지를 표현하여 확대해도 깨지지 않는다는 특징이 있습니다. 반면 포토샵, 페인터, 페인트샵 프로는 픽셀(점) 기반으로 이미지를 표현하여 확대 시 이미지가 깨질 수 있습니다.

문제 59

GIF 파일 포맷에 관한 설명 중 틀린 것은?     
  1. GIF 파일 포맷은 512가지의 색상을 표현한다.
  2. GIF 파일은 무손실 압축 기법을 사용한다.
  3. 웹용 이미지에 많이 사용된다.
  4. GIF 파일은 인터레이스 방식을 지원한다.
정답: 1

해설

GIF 파일 포맷은 최대 256가지 색상만 표현할 수 있습니다. 따라서 512가지 색상을 표현한다는 1번 보기가 틀렸습니다. GIF는 웹에서 애니메이션이나 투명도를 표현하는 데 유용하며, 무손실 압축과 인터레이스 방식을 지원하는 것이 특징입니다.

문제 60

PNG 파일 포맷의 설명으로 올바른 것은?     
  1. Interlaced 옵션이 가능하다.
  2. 이미지 정보를 손실 압축한다.
  3. 인터넷 익스플로러 6.0에서는 사용할 수 없는 이미지 파일 포맷이다.
  4. 하나의 파일로 애니메이션 효과를 만들 수 있다.
정답: 1

해설

PNG 파일 포맷은 **무손실 압축**을 지원하며, **인터레이싱(Interlacing)** 옵션을 통해 이미지가 점진적으로 로딩되도록 할 수 있습니다. 이는 이미지 품질 손실 없이 파일 크기를 줄이는 데 유용하며, 인터넷 익스플로러 6.0에서도 정상적으로 지원되는 포맷입니다. 애니메이션 효과는 GIF나 APNG에서 지원하는 기능입니다.

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

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

회차 전체 풀이

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

정답과 해설 선택

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

종이 시험지 출력

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

자주 묻는 질문

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

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

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

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

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

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

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

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