웹디자인기능사 필기 기출문제 오답 노트
문제 url : https://www.comcbt.com/xe/j9/2115754
총 60문제 중 틀린 문제 오답 노트 시작하겠습니다.
오답 노트
3. 디자인의 원리 중 비례에 대한 설명이 잘못된 것은?
① 균형을 가장 많이 고려하여 구성해야 한다.
② 부분과 부분, 부분과 전체에 균형이 잡혀있음을 말한다.
③ 조형을 구성하는 모든 단위의 크기를 결정한다.
④ 객관적 질서와 과학적 근거를 명확하게 드러내는 구성 형 식이다.
답 : ① 균형을 가장 많이 고려하여 구성해야 한다.
<문제 해설>
비례란 부분과 부분, 부분과 전체의 연관시켜서 상대적으로 설명하는 것으로 부분사이의 상호관계에 대한 일정한 비율로 분포,면적,길이 등의 대비관계를 말한다.
7. 먼셀의 색체계에서 색상의 기본색을 10가지로 나누었을 때 포함되지 않는 색은?
① PR ② P ③ YR ④ GY
답 : ① PR
<문제 해설>
R : Red(빨강) / Y : Yellow(노랑) / G : Green(초록) / B : Blue (파랑) / P : Purple(보라) / YR : Yellow Red(주황) /
GY : Green Yellow(연두) / BG : Blue Green (청록) / PB : Purple Blue(남색) / RP : Red Purple (자주)
11. 자연에서 쉽게 찾을 수 있고, 온화함이 있지만 때로는 단조로움을 주는 디자인 원리는?
① 유사조화 ② 균일조화 ③ 방사조화 ④ 대비조화
답 : ① 유사조화
<문제 해설>
유사조화 : 같은 성질의 조화, 친근감과 부드러움을 가지고 있으나 이로인해 단조로울 수 있다. 파도나 잎사귀, 잔디 등 자연에서 쉽게 볼 수 있다.
18. 2차원적 제품 디자인 분야에 속하지 않는 것은?
① 텍스타일디자인 ② 편집디자인 ③ 벽지디자인 ④ 인테리어 직물디자인
답 : ② 편집디자인
<문제 해설>
편집디자인은 시각디자인입니다.
22. 다음 중 스타일시트와 태그 속성과의 연결이 틀린 것은?
① A:link{color:#ff0000;} - <body link="#ff0000">
② A:active{color:#ff0000;} - <body alink="ff0000">
③ A:hover{color:#ff0000;} - <body hink="ff0000">
④ A:visited{color:#ff0000;} - <body vink="ff0000">
답 : ③ A:hover{color:#ff0000;} - <body hink="ff0000">
<문제 해설>
A:hover : 하이퍼링크 위에 마우스를 올려놨을때 모양을 말합니다.
23. 인터넷 익스플로러 버전을 확인하고자 할 때 선택해야 할 메뉴는?
① 파일 ② 편집 ③ 보기 ④ 도움말
답 : ④ 도움말
<문제 해설>
인터넷 익스플로러 버전은 도움말 메뉴에서 확인할 수 있습니다.
24. 다음 중 인터넷 서비스에 해당되지 않는 것은?
① E-mail ② PDA ③ FTP ④ Telnet
답 : ② PDA
<문제 해설>
PDA는 개인휴대정보단말기이다.
25. 다음이 설명하고 있는 것은?
인터넷의 시조이며, 미 국방성이 군사 목적으로 UCLA, 스탠포드 대학 등이 보유한 컴퓨터를 네트워크로 연결한 것을 말한다.
① USENET ② FTP ③ WAIS ④ ARPANET
답 : ④ ARPANET
<문제 해설>
1969년 미국 국방성이 군사적 목적으로 ARPA에서 개발한 네트워크는 ARPANET으로 인터넷의 시초라 할 수 있습니다.
28. 자바스크립트로 배경색을 파란색으로 지정하려면 다음 중 어떤 문장이 적합한가?
① window.bgColor = “blue”; ② window.background = “blue”;
③ document.bgColor = “blue”; ④ document.background = “blue”;
답 : ③ document.bgColor = “blue”;
<문제 해설>
자바스크립트로 배경색을 지정하는 문장
document.bgColor="blue";
document.backgroundColor="blue";
29. 수신된 신호를 증폭, 회복시켜 재전송하여 전송거리를 확장하는 네트워크 장비는?
① Bridge ② Router ③ Gateway ④ Repeater
답 : ④ Repeater
<문제 해설>
Repeater에 대한 설명
1. 두 개의 LAN을 서로 연결해 주는 통신망 연결 장치.
2. LAN과 LAN을 연결하거나 LAN과 WAN을 연결하기 위한 인터넷 네트워킹 장비.
3. 관문 또는 출입구라는 의미로 2개 이상의 다른종류 또는 같은종류의 통신망을 상호 접속하여 통신망간 정보를 주고받을 수 있게 하는 장치.
34. 도서관의 도서들을 분류한 것과 같이 정보를 대분류, 중분류, 소분류 식으로 찾아들어가는 방식의 검색엔진은?
① 주제별 검색엔진 ② 단어별 검색엔진 ③ 메타 검색엔진 ④ 통합 검색엔진
답 : ① 주제별 검색엔진
<문제 해설>
주제별 검색엔진 : 대분류, 중분류, 소분류로 나누어진 디렉터리 형태로 정보를 찾는 방식
키워드 검색엔진 : 가장 일반적인 검색 방식으로, 검색 키워드를 포함한 웹 문서를 찾는 방식
자연어 검색엔진 : 문장 그 자체를 입력하여 검색하는 방식
메타 검색엔진 : 정보를 찾은 다음, 중복으로 검색된 정보는 하나로 통일하고 자체 순위 결정으로 찾는 방식
36. 웹 페이지의 속도 향상을 위한 이미지 관리로 맞는 것은?
① 이미지 크기를 최대화 한다. ② 썸네일(Thumbnail)을 활용한다.
③ 캐시 메모리를 이용하지 않는다. ④ 여러 가지의 배경 이미지를 사용한다.
답 : ② 썸네일(Thumbnail)을 활용한다.
<문제 해설>
썸네일은 원본 이미지를 로드하기 전에 미리 볼 수 있는 작은 이미지로, 사용자가 이미지를 더 빠르게 확인할 수 있습니다. 이러한 이유로 썸네일은 웹 페이지의 속도 향상에 큰 도움을 줄 수 있습니다.
38. HTML을 이용하여 테이블을 작성할 때 테이블 내부의 선의 두께를 정의하는 속성은?
① cellspacing ② border ③ cellpadding ④ size
답 : ① cellspacing
<문제 해설>
cellsapacing - 셀과 셀 사이의 간격(내부의 선의 두께)
border - 테이블 테두리의 두께 지정
cellpadding - 셀 안의 내용과 셀 경계선 사이의 간격
size - 크기
39. 웹 페이지 저작 도구 중 위지윅(What you see is what you get) 기반의 웹 에디터가 아닌 것은?
① 나모 웹 에디터 ② 프론토 페이지 ③ 넷스케이프 컴포저 ④ 홈 사이트
답 : ④ 홈 사이트
<문제 해설>
홈 사이트 : 분산 데이터 베이스에서 어떤 트랜잭션이 시작되고 그 트랜잭션의 실행을 감독하는 사이트입니다.
40. 클라이언트의 웹 브라우저가 웹 서버와 접속할 때 사용하는 통신 규약으로 맞는 것은?
① SNMP ② HTTP ③ HTML ④ WWW
답 : ② HTTP
<문제 해설>
SNMP (Simple Network Management Protocol) : 네트워크 관리 지원 프로토콜
HTTP (Hyper Text Transfer Protocol) : 웹상에서 파일을 주고받기 위해 필요한 하이퍼텍스트 전송 프로토콜
HTML (Hypertext Markup Language) : 하이퍼텍스트를 작성하기 위해 개발된 기본적인 웹 언어
WWW (World Wide Web) : 문자/음성/동영상 등의 멀티미디어 환경을 갖춘 인터넷 정보 서비스
41. 웹 페이지 제작 시 사용되는 내비게이션(Navigation Structure) 구조의 유형에 해당하지 않는 것은?
① Sequential structure ② Hierarchical structure ③ Grid structure ④ Protocol structure
답 : ④ Protocol structure
<문제 해설>
내비게이션 구조 : 순차적 구조, 계층 구조, 그리드 구조, 네트워크 구조
Navigation Structure : Sequential, Hierarchical, Grid, Network Structure
42. 컴퓨터 그래픽스의 발달과정 중 세대별 발전단계가 바르게 연결된 것은?
① 제1세대 – 진공관, 리플레시형 CRT ② 제2세대 – 집적회로, 벡터 스캔 CRT
③ 제3세대 - 고밀도 집적회로, XY 플로터 ④ 제4세대 – 고밀도 집적회로, 래스트 스캔 CRT
답 : ④ 제4세대 – 고밀도 집적회로, 래스트 스캔 CRT
<문제 해설>
제1세대-진공관, CRT에 의한 영상시대 개막
제2세대-트랜지스터시대, 리플레시형 CRT
제3세대-집적회로, 스토리지형 CRT
제4세대-고밀도집적회로, 래스트 스캔 CRT
제5세대-컴퓨터지능화시대, 컴퓨터 그래픽스의 대중화
43. 애니메이션 종류 중 배경은 그대로 두고 캐릭터만 움직이도 록 하는 기법으로 투명 필름 위에 수작업으로 캐릭터를 채 색한 후 배경 위에 놓고 촬영 및 편집하는 기법은?
① 클레이 애니메이션 ② 투광 애니메이션 ③ 셀 애니메이션 ④ 컷 아웃 애니메이션
답 : ③ 셀 애니메이션
<문제 해설>
클레이 애니메이션 - 찰흙으로 인형 제작 후 콤마 촬영하는 기법의 애니메이션
투광 애니메이션 - 라이트 테이블 위에 검은 종이나 점토 등의 절단 부분이나 통에서 나오는 빛을 촬영
컷 아웃 애니메이션 - 종이 위에 형태를 그리고 잘라낸 다음 손으로 각각의 종이들을 직접 한장씩 움직여가며 촬영
44. 웹 사이트 제작에서 사용자 인터페이스 설계 시 고려사항으 로 틀린 것은?
① 최단 시간에 사이트를 방문한 목적을 이해할 수 있도록 인터페이스를 설계한다.
② 웹페이지에서 다른 곳으로 이동 할 수 있는 링크를 한 곳으로만 지정될 수 있도록 설계한다.
③ 화면을 스크롤 했을 때 링크 버튼이 보이지 않는 일이 없도록 설계한다.
④ 누가 보더라도 쉽게 사용법을 알 수 있도록 사용자 편의성을 제공하도록 설계한다.
답 : ② 웹페이지에서 다른 곳으로 이동 할 수 있는 링크를 한 곳으로만 지정될 수 있도록 설계한다.
<문제 해설>
웹 페이지에서 링크를 사용자가 원하는 페이지로 이동하게 해 줄 수 있도록 설계하여야 합니다.
47. 컴퓨터 그래픽스 시스템의 출력장치에 대한 설명으로 틀린 것은?
① 그래픽 정보를 외부로 출력하는 것을 말한다.
② 대표적인 출력장치로 프린터, 모니터, 디지타이저 등이 있다.
③ 빔 프로젝터는 인쇄된 사진이나 문자, 혹은 영상을 확대 투영해주는 광학장치이다.
④ 처리장치를 통해 처리된 결과는 출력장치를 통해 나타낸다.
답 : ② 대표적인 출력장치로 프린터, 모니터, 디지타이저 등이 있다.
<문제 해설>
디지타이저(타블렛)은 입력장치 입니다.
48. 다음이 설명하고 있는 것은?
- 점묘와 같이 제한된 수의 색상들을 사용하여 시각적으로 섞어서 만들어 내는 것이다.
- 적은 수의 색상의 반복으로 그래픽 파일의용량을 줄인다는 장점이 있다.
① 모핑 ② 디더링 ③ 커스텀 팔레트 ④ 팔레트 플래싱
답 : ② 디더링
<문제 해설>
디더링 : 디스플레이 되는 이미지의 색 공간의 차이에서 오는 결점을 보완해 주는 방법.색 오차를 최대한 최소화하여 원본의 이미지를 최대한 보전하려고 하는 방법이다.
49. 다음 중 웹사이트 개발과정에 대한 설명으로 틀린 것은?
① 프로젝트 기획 – 목표설정, 시장조사, 개발전략수립
② 웹 사이트 기획 – 사이트 콘셉트 정의, 자료수집 및 분석
③ 웹 사이트 디자인 – 콘텐츠 제작 및 배치, 내비게이션 구축
④ 웹 사이트 구축 – 테스트 및 디버깅
답 : ④ 웹 사이트 구축 – 테스트 및 디버깅
<문제 해설>
웹 사이트 구축 단계에서는 도메인 확보 및 프로그래밍을 합니다.
테스트 및 디버깅은 유지 및 관리 단계
50. 고해상도의 원본 이미지의 포맷을 변경해서 저장하였을 경우 다음 중 파일용량이 가장 큰 것은?
① PNG ② BMP ③ JPG ④ GIF
답 : ② BMP
<문제 해설>
이미지 확장자별 크기 : BMP > PNG > JPG(높은 압축률) > GIF(낮은 색상수)
54. 다음 중 안티 앨리어싱(Anti-Aliasing)에 대한 설명으로 맞는 것은?
① 저해상도의 곡선이나 사선을 표현할 때 생기는 계단현상 을 완화하기 위해 사용되는 기법이다.
② 물체 또는 이미지의 경계가 매끈하지 않고 계단현상으로 표현된 픽셀효과이다.
③ 가로, 세로의 격자로 이미지의 정확한 이동, 수정, 편집 등에 주로 사용된다.
④ 영상이나 이미지가 점차적으로 변화하는 것을 말한다.
답 : ① 저해상도의 곡선이나 사선을 표현할 때 생기는 계단현상 을 완화하기 위해 사용되는 기법이다.
<문제 해설>
안티 앨리어싱(Anti-Aliasing) : 저해상도의 곡선이나 사선을 표현할 때 생기는 계단현상 을 완화하기 위해 사용되는 기법입니다.
55. 다음 중 그래픽 표현 방식에서 벡터 방식에 대한 설명이 아 닌 것은?
① 베지어(Bezier)라는 곡선으로 이루어져 있다.
② 비트맵이미지에 비해 상대적으로 파일 용량이 크다.
③ 이미지를 확대/축소하여도 그림이 거칠어지지 않는다.
④ 미세한 그림이나 점진적인 색의 변이를 표현하기 어렵 다.
답 : ② 비트맵이미지에 비해 상대적으로 파일 용량이 크다.
<문제 해설>
비트맵 - 이 형식은 픽셀(Pixel)이라고 불리는 조그만 사각형이 각각이 색상을 가지고 모여서 이미지를 만들어 내는 방식입니다. 때문에 확대해서 보면 픽셀의 형태가 보여 깨져 보이는 현상이 일어나는 것을 볼 수 있습니다. 자연스럽고 사실적인 표현이 가능하나 고품질의 이미지를 만들기 위해 해상도를 올려야 하는데 해상도를 올릴 수록 파일의 용량이 커지는 단점을 가지고 있습니다.
벡터 - 벡터 파일이란 수학적인 오브젝트에 의해 정의된 선과 곡선으로 구성되는 이미지를 이야기 합니다. 벡터 이미지는 비트맵 이미지와는 달리 어떤 해상도에서도 자동으로 크기를 조절하므로 해상도와 관계없이 깨끗한 이미지를 얻을 수 있다는 장점이 있습니다. 점과 선의 개수로 파일의 용량이 결정되므로 간단한 이미지에서는 같은 크기의 비트맵 파일보다 훨씬 적은 용량을 가지고 있습니다. 하지만 자연스러운 이미지와 색상의 표현에 한계가 있습니다.
56. 타이포그래피의 구성요소에 해당하지 않는 것은?
① Serif ② Line-spacing ③ Letter-spacing ④ Texturing
답 : ④ Texturing
<문제 해설>
타이포그래피 구성요소 : Serif, Letter Spacing, Line Spacing
