웹디자인개발기능사 필기 기출문제복원 (2009-07-12)

웹디자인개발기능사 2009-07-12 필기 기출문제 해설

이 페이지는 웹디자인개발기능사 2009-07-12 기출문제를 CBT 방식으로 풀이하고 정답 및 회원들의 상세 해설을 확인할 수 있는 페이지입니다.

웹디자인개발기능사
(2009-07-12 기출문제)

목록

1과목: 디자인 일반

1. 다음 중 빨간색이 가장 선명하고 뚜렷해 보일 수 있는 배경색으로 옳은 것은?

  1. 주황
  2. 노랑
  3. 흰색
  4. 보라
(정답률: 82%)
  • 색의 명시도와 주목성은 배경색과의 명도 및 채도 차이가 클수록 높아집니다. 흰색은 채도가 없는 무채색으로, 빨간색과 명도 및 채도 차이가 가장 크게 발생하여 빨간색을 가장 선명하고 뚜렷하게 돋보이게 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

2. 다음 중 명도에 대한 설명으로 옳지 않은 것은?

  1. 명도의 밝기는 흑백사진에서 볼 수 있는 색상이 밝고 어두운 정도를 말한다.
  2. 색이 완전히 제거되고 단지 명도만이 존재하는 상태를 무색(achromatic)이라 한다.
  3. 색의 명도는 얼마나 많이 흰색이 혼합되어 졌는가에 따라 변화가 생긴다.
  4. 유채색의 명도는 밝은 음영(tint)과 어두운 음영(shade)으로 나타낼 수 있다.
(정답률: 57%)
  • 색의 명도는 흰색이나 검은색의 혼합 정도에 따라 결정되지만, 무채색이 얼마나 혼합되었느냐에 따라 변화가 생기는 것은 명도가 아니라 채도의 특성입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

3. 다음 중 디자인의 조건에 해당하지 않는 것은?

  1. 합목적성
  2. 심미성
  3. 경제성
  4. 유통성
(정답률: 92%)
  • 디자인의 4대 조건은 합목적성, 심미성, 경제성, 독창성입니다. 따라서 유통성은 디자인의 기본 조건에 해당하지 않습니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

4. 입체파(Cubism)의 대표적인 화가는?

  1. 피카소
  2. 쿠르베
  3. 찰스 자보
  4. 도미에
(정답률: 92%)
  • 피카소는 대상을 여러 방향에서 바라본 모습을 한 화면에 재구성한 입체파(Cubism)의 대표적인 화가입니다.

    오답 노트
    쿠르베, 찰스 자보, 도미에: 사실주의
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

5. 단순화(Simple) 디자인의 장점으로 거리가 먼 것은?

  1. 장식성
  2. 접근 용이성
  3. 인식성
  4. 사용성
(정답률: 82%)
  • 단순화 디자인은 불필요한 요소를 제거하여 사용자가 핵심 기능에 빠르게 접근하고 인식하게 만드는 것이 목적입니다. 따라서 화려함을 추구하는 장식성은 단순화 디자인의 지향점과 거리가 멉니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

6. 다음 중 4차원 디자인이 아닌 것은?

  1. TV디자인
  2. POP디자인
  3. 애니메이션
  4. 무대디자인
(정답률: 62%)
  • 4차원 디자인은 3차원 공간에 '시간'의 개념이 더해진 디자인을 의미합니다. 애니메이션, TV디자인, 무대디자인은 시간의 흐름에 따른 변화가 포함되지만, POP디자인은 평면이나 입체물로 고정된 시각 매체이므로 4차원 디자인에 해당하지 않습니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

7. 다음 중 1907년 헤르만 무테지우스를 중심으로 뮌헨에서 결성된 디자인 진흥 단체는?

  1. 드스틸(De Still)
  2. 독일공작연맹(DWB)
  3. 바우하우스(BAUHAUS)
  4. 멤피스(MEMPHIS)
(정답률: 83%)
  • 헤르만 무테지우스가 중심이 되어 결성된 독일공작연맹(DWB)은 기능주의 운동을 통해 제품의 질적 향상과 규격화를 추구한 디자인 진흥 단체입니다.

    오답 노트
    드스틸: 몬드리안 중심의 신조형주의 운동
    바우하우스: 그로피우스가 설립한 예술과 공학기술의 통합 교육기관
    멤피스: 이탈리아의 급진적 디자인 그룹
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

8. 다음 중 주위색의 영향으로 오히려 인접색이 가깝게 느껴지는 현상을 의미하는 것은?

  1. 동화 현상
  2. 명시 현상
  3. 색의 수축성
  4. 중량 현상
(정답률: 85%)
  • 동화 현상은 인접한 색의 영향으로 인해 대상의 색이 주변색과 비슷하게 느껴지거나, 주위색의 영향으로 인접색이 더 가깝게 느껴지는 시각적 현상을 의미합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

9. 다음 중 디자인의 시각요소에 대한 분류로 옳지 않은 것은?

  1. 질감(texture)
  2. 색(color)
  3. 형(shape)
  4. 기술(technology)
(정답률: 91%)
  • 디자인의 시각요소는 눈으로 인지할 수 있는 형태적 구성 요소를 말하며, 여기에는 점, 선, 면, 형, 색, 질감, 명도, 채도 등이 포함됩니다.

    오답 노트
    기술: 시각적 구성 요소가 아닌 구현 방법이나 수단에 해당합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

10. 서로 다른 요소가 잘 어울려 결합하는 상태를 무엇이라고 하는가?

  1. 상징
  2. 조화
  3. 원근
  4. 강조
(정답률: 95%)
  • 서로 다른 성질을 가진 요소들이 충돌하지 않고 서로 잘 어울려 통일감 있는 상태를 이루는 것을 조화라고 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

11. 색의 혼합보다 직물, 점묘화, 망판 인쇄와 같이 색의 근접 배치에 의하여 혼합되는 것은 ?

  1. 감법혼합
  2. 가법혼합
  3. 병치혼합
  4. 중간혼합
(정답률: 80%)
  • 색을 실제로 섞는 것이 아니라, 작은 점이나 선 등의 색채 요소를 촘촘하게 배치하여 눈의 착시 현상으로 혼합되어 보이게 하는 방식을 병치혼합이라고 합니다. 점묘화나 망판 인쇄가 대표적인 사례입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

12. 저드(D.B.judd)의 “색채 조화론”에 해당하지 않는 것은?

  1. 질서의 원리
  2. 모호성의 원리
  3. 친근성의 원리
  4. 유사성의 원리
(정답률: 77%)
  • 저드(D.B. Judd)의 색채 조화론은 질서, 유사, 동류, 명료성의 원리를 기반으로 합니다. 따라서 모호성의 원리는 이에 해당하지 않습니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

13. 다음이 설명하고 있는 것은?

  1. 패턴
  2. 텍스처
  3. 질감
  4. 콜라쥬
(정답률: 94%)
  • 일반적으로 장식에 사용되는 단순화된 무늬나 규칙적으로 반복되는 단위도형, 그리고 비주얼 디자인의 기초가 되는 반복적 조립단위를 의미하는 것은 패턴입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

14. 다음이 설명하고 있는 것은?

  1. 비례
  2. 황금비율
  3. 루트사각형
  4. 프로포션
(정답률: 94%)
  • 주어진 길이를 가장 이상적으로 나누는 비를 말하며, 근사값이 약 $1.618$인 무리수인 것은 황금비율에 대한 설명입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

15. 어둠이 시작될 때 물체의 상이 흐리게 나타나는 현상과 가장 관계가 깊은 것은?

  1. 색순응
  2. 푸른킨예 현상
  3. 박명시
  4. 조건등색
(정답률: 73%)
  • 박명시는 명소시와 암소시의 중간 밝기 상태에서 시각적인 정확성이 떨어져 상이 흐려져 보이는 현상을 말합니다.

    오답 노트
    색순응: 동일 색광을 오래 보아 밝기가 낮아지는 현상
    푸른킨예 현상: 조명 강도에 따라 파장이 짧은 청자색 계열이 더 민감하게 보이는 현상
    조건등색: 서로 다른 광원 아래에서 두 색이 같아 보이게 하는 현상
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

16. 색의 3속성에 포함되지 않는 것은?

  1. 색상
  2. 명도
  3. 대비
  4. 채도
(정답률: 87%)
  • 색의 3속성은 색상, 명도, 채도를 의미합니다. 대비는 두 가지 이상의 색이 서로 영향을 주고받아 색의 특성이 강조되거나 변화하는 현상으로, 색의 기본 속성에는 포함되지 않습니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

17. 다음 중 주목성에 대한 설명으로 잘못된 것은 ?

  1. 명시성이 높은 색은 어느 정도 주목성이 높다.
  2. 따뜻한 난색은 차가운 한색보다 주목성이 높다.
  3. 초록색이 빨강보다 주목성이 더 높다.
  4. 주목성은 색의 3속성과 관계가 있다.
(정답률: 86%)
  • 주목성은 색의 3속성과 관계가 있으며, 일반적으로 한색보다는 난색이, 그리고 초록색보다는 빨강색이 시각적으로 더 강하게 끌어당기는 주목성이 높습니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

18. 색의 점이(점증)는 디자인의 원리 중 어느 영역에 속하는가?

  1. 균형
  2. 율동
  3. 반복
  4. 조화
(정답률: 80%)
  • 점증은 크기, 색상, 명도 등이 단계적으로 변화하며 시각적인 움직임을 만들어내는 율동의 한 종류입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

19. 시각적인 강한 힘과 약한 힘이 규칙적으로 연속 될 때에 생기는 율동의 요소와 거리가 먼 것은?

  1. 점증
  2. 반복
  3. 변칙
  4. 대칭
(정답률: 63%)
  • 율동은 점증, 반복, 변칙 등을 통해 시각적인 리듬감을 형성하는 원리이며, 대칭은 좌우나 상하가 동일한 균형을 이루는 균형의 원리에 해당합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

20. 태양광선이 투사되는 위치에 프리즘을 놓아 굴절된 광선을 스크린에 투사하여 나타난 여러 가지 색의 띠를 무엇이라고 하는가?

  1. 전자파
  2. 감마선
  3. 스펙트럼
  4. 자와선
(정답률: 91%)
  • 프리즘을 통해 빛이 굴절되어 파장에 따라 분리되면서 나타나는 색의 띠를 스펙트럼이라고 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

2과목: 인터넷 일반

21. 인터넷에서 사용하는 통신 프로토콜은?

  1. MPEG
  2. KNC
  3. URL
  4. TCP/IP
(정답률: 90%)
  • TCP/IP는 인터넷에서 데이터를 주고받기 위해 사용하는 표준 통신 프로토콜 집합입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

22. bps는 무엇의 약어인가?

  1. bits per second
  2. bytes per second
  3. beeps per second
  4. bands per second
(정답률: 72%)
  • bps는 초당 전송되는 비트 수를 나타내는 단위로, bits per second의 약어입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

23. 웹페이지 제작 시 작업환경에서 보이는 그대로 결과물을 도출해 내는 방식은?

  1. GUI
  2. HCI
  3. MCP
  4. WYSIWYG
(정답률: 71%)
  • WYSIWYG는 'What You See Is What You Get'의 약자로, 작업 화면에 보이는 그대로 결과물이 도출되는 방식을 의미합니다.

    오답 노트
    GUI: 그래픽 기반 사용자 인터페이스
    HCI: 인간과 컴퓨터 간의 상호작용 연구
    MCP: 메시지 제어 프로그램
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

24. 파일 전송(FTP)서비스에서 하나의 명령어를 사용하여 file1, file2, file3을 송신하려 한다. 다음 중 올바른 것은 ?

  1. ftp > Is file1 file2 file3
  2. ftp > mget file1 file2 file3
  3. ftp > mput file1 file2 file3
  4. ftp > send file1 file2 file3
(정답률: 54%)
  • FTP 서비스에서 여러 개의 파일을 한 번에 서버로 전송(송신)하기 위해서는 multiple put의 약자인 mput 명령어를 사용해야 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

25. 다음 중 자바스크립트 변수명에 사용할 수 없는 것은 ?

  1. menu_7
  2. total
  3. 2cond_name
  4. _reg_number
(정답률: 69%)
  • 자바스크립트의 변수명은 반드시 영문자나 밑줄(_)로 시작해야 하며, 숫자로 시작하는 변수명은 사용할 수 없습니다. 따라서 2cond_name은 숫자로 시작하므로 사용할 수 없습니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

26. 다음 중 웹 페이지를 디자인할 때 고려해야 할 사항이 아닌 것은?

  1. 사용자 개개인의 선호도나 사용수준에 맞춰 누구라도 쉽게 사용할 수 있도록 디자인한다.
  2. 사용자의 경험이나 학력 언어 능력 또는 집중력정도에 차이를 두어 사용자 개개인 별로 난이도에 맞게 디자인 한다.
  3. 사용자가 우연한 또는 의도하지 않은 선택의 결과로 어려움에 빠지는 경우를 최소화하도록 디자인한다.
  4. 사용자에게 필요한 정보를 효과적으로 전달하도록 디자인한다.
(정답률: 92%)
  • 웹 페이지 디자인은 특정 사용자의 수준에 맞춘 차별적 디자인이 아니라, 사용자의 경험, 학력, 언어 능력 등에 관계없이 누구나 쉽고 편리하게 이용할 수 있는 보편적 사용성(Usability)을 확보하는 것이 핵심입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

27. 일반적으로 웹브라우저에는 화면에 나타나는 데이터를 하드디스크의 일정한 공간에 자동으로 저장하여, 나중에 사용자가 해당 사이트에 다시 접속할 때 저장된 내용을 자동으로 불러와 사이트 접속과 데이터 전송에 소요되는 시간을 절약하게 하는 기능이 있다. 이를 무엇이라 하는가?

  1. Messenger
  2. Cache
  3. Driver
  4. Reload
(정답률: 71%)
  • 웹 브라우저가 방문한 사이트의 데이터를 하드디스크에 임시로 저장하여 재방문 시 로딩 속도를 높이는 기능을 Cache라고 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

28. 다음 중 일반적인 HTML문서의 기본구조로 옳은 것은?

  1. <HTML><HEAD></HEAD><BODY></BODY></HTML>
  2. <HEAD></HEAD><HTML><BODY></HTML></BODY>
  3. <HEAD><HTML></HTML></HEAD><BODY></BODY>
  4. <HEAD></HEAD><HTML><BODY></BODY></HTML>
(정답률: 90%)
  • HTML 문서의 기본 구조는 전체를 감싸는 태그 내부에 문서의 정보가 담기는 영역과 실제 화면에 출력되는 내용이 담기는 영역이 순서대로 위치해야 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

29. HTML의 문단 구성과 관련된 Tag와 그 용도에 대한 설명으로 옳지 않은 것은?

  1. <BR> : 줄을 바꿀 때 사용한다.
  2. <P>: 문단을 바꿀 때 사용한다.
  3. <MID>..</MID> : 태그 사이에 있는 문단을 가운데로 정렬할 때 사용한다.
  4. <DIV>...</DIV> : 문서를 구분하여 문단별로 정렬할 때 사용한다.
(정답률: 70%)
  • HTML에서 문단을 가운데로 정렬하기 위해서는
    태그를 사용해야 합니다.

    오답 노트
    : 존재하지 않는 태그입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

30. 다음이 설명하고 있는 것은 ?

  1. SGML
  2. VML
  3. DHTML
  4. WML
(정답률: 88%)

  • DHTML은 HTML, CSS, 클라이언트 스크립트 언어를 조합하여 정적인 페이지를 동적으로 만들어주는 기법으로, 브라우저에서 직접 실행되어 서버 부하를 줄이고 이벤트에 즉각 반응하는 특징이 있습니다.

    오답 노트
    SGML: 마크업 언어를 정의하는 메타 언어
    VML: 2차원 벡터 그래픽을 위한 XML 기반 포맷
    WML: 무선 단말기용 XML 기반 마크업 언어
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

31. 다음 중 웹 브라우저에 해당하지 않은 것은?

  1. 인터넷 익스플로러(Internet Explorer)
  2. 오페라(Opera)
  3. 텔넷(Telnet)
  4. 모자이크(Mosaic)
(정답률: 70%)
  • 텔넷(Telnet)은 원격지에 있는 컴퓨터에 접속하여 제어하기 위한 네트워크 프로토콜이며, 웹 문서를 보여주는 웹 브라우저가 아닙니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

32. 웹 서비스를 이용할 때 HTML 문서를 보여주는 역할을 하는 프로그램은?

  1. 웹 서버
  2. 나모
  3. 웹 브라우저
  4. 드림위버
(정답률: 72%)
  • 웹 브라우저는 웹 서버로부터 전달받은 HTML 문서를 해석하여 사용자가 볼 수 있도록 화면에 출력해 주는 클라이언트 소프트웨어입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

33. 자바스크립트 내에서 사용되는 배열(Array)객체에 대한 설명으로 옳지 않은 것은?

  1. concat() - 두개 이상의 배열을 결합하여 하나의 배열 객체를 생성하여 반환한다.
  2. join() - 배열 객체의 각 원소들을 하나의 문자열로 만들어 반환한다.
  3. sort() - 배열의 각 원소들을 내림차순으로 정렬하여 반환한다.
  4. slice() - 배열의 원소를 가운데 일부를 새로운 배열로 만들어 반환한다.
(정답률: 64%)
  • sort() 메서드는 기본적으로 배열의 원소들을 오름차순으로 정렬하여 반환합니다.

    오답 노트
    sort(): 내림차순이 아닌 오름차순 정렬이 기본임
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

34. 연산자 좌우의 검색어를 모두 포함하는 데이터를 찾는 정보검색 연산자는?

  1. OR
  2. NOT
  3. AND
  4. AND NOT
(정답률: 76%)
  • 검색 연산자 AND는 연산자 좌우에 위치한 모든 검색어를 동시에 포함하는 결과만을 추출하는 논리곱 연산입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

35. 문서간의 이동이나 한 문서 내에서의 이동을 위해 사용되는 링크를 의미하며, 특정한 단어나 그림을 선택하여 이동과 연결된 다른 문서나 미디어로 이동하는 역할을 하는 것은?

  1. HTTP Text Transfer Protocol
  2. Hyper Text Markup Language
  3. Hyperlink
  4. Browser
(정답률: 84%)
  • 하이퍼링크(Hyperlink)는 문서 내의 특정 단어나 이미지를 클릭하여 연결된 다른 문서, 미디어 또는 동일 문서 내의 다른 위치로 즉시 이동하게 해주는 연결 고리 역할을 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

36. 다음 HTML의 태그 중 문서의 본문 내용이 들어가는 것은?

  1. <HTML></HTML>
  2. <HEAD></HEAD>
  3. <BODY></BODY>
  4. <FONT></FONT>
(정답률: 84%)
  • HTML 문서 구조에서 $\langle BODY \rangle \langle /BODY \rangle$ 태그는 웹 브라우저 화면에 실제로 표시되는 문서의 본문 내용이 들어가는 영역을 정의합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

37. 다음 인터넷의 역사 중 가장 나중에 일어난 것은?

  1. 웹 브라우저인 넷스케이프가 등장하였다.
  2. Gopher, WALS서비스를 시작하였다.
  3. TCP/IP 프로토콜 표준으로 채택되었다.
  4. USENET 서비스가 시작되었다.
(정답률: 55%)
  • 인터넷의 발전 과정은 ARPANET 구축 $\rightarrow$ TELNET $\rightarrow$ USENET 시작 $\rightarrow$ TCP/IP 표준 채택 $\rightarrow$ WWW $\rightarrow$ Mosaic 및 넷스케이프와 같은 웹 브라우저 등장 순으로 진행되었습니다. 따라서 넷스케이프의 등장이 가장 나중에 일어난 사건입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

38. 인터넷 프로토콜(IP)에 대한 설명으로 옳지 않은 것은?

  1. IP는 연결형 서비스를 제공하므로 신뢰성 있는 서비스를 제공한다.
  2. IP는 TCP, UDP, ICMP, IGMP 데이터를 전송하는 중요한 역할을 수행한다.
  3. IP 테이터그램은 목적지 호스트의 인터넷 주소를 포함한다.
  4. IP동작 중 IP데이터그램의 상실, IP테이터그램의 중복과 같은 오류를 발생하기도 한다.
(정답률: 42%)
  • IP는 비연결형(Connectionless) 서비스로, 데이터 전송의 신뢰성을 보장하지 않는 프로토콜입니다. 신뢰성 있는 전송을 위해서는 전송 계층의 TCP 프로토콜을 사용해야 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

39. 인물 정보를 대상으로 데이터베이스를 구축하여 전자우편 주소 등의 정보를 제공해 주는 사이트를 일컫는 용어는?

  1. 비비시모(Vivisomo)
  2. 옐로우페이지(Yellow Page)
  3. 화이트페이지(White Page)
  4. 옐로우북(Yellow Book)
(정답률: 64%)
  • 화이트페이지(White Page)는 인물 정보를 기반으로 데이터베이스를 구축하여 전자우편 주소 등의 개인 정보를 제공하는 서비스입니다.

    오답 노트
    옐로우페이지(Yellow Page): 업종별 정보 제공 서비스
    비비시모(Vivisomo): 기업용 소프트웨어 개발업체
    옐로우북(Yellow Book): 전화번호부
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

40. 광대역 서비스 중 인터페이스 간의 연결을 제공하고, 데이터 전송만을 담당하는 베어러서비스와 관련이 적은 계층은?

  1. 물리계층
  2. 데이터링크 계층
  3. 네트워크 계층
  4. 전송 계층
(정답률: 47%)
  • 베어러 서비스(Bearer Service)는 데이터 전송 경로를 제공하는 서비스로, 주로 물리 계층, 데이터링크 계층, 네트워크 계층과 밀접한 관련이 있으며, 종단 간 신뢰성 있는 전송을 담당하는 전송 계층과는 관련이 적습니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

3과목: 웹그래픽스 디자인

41. 다음 중 Photoshop 파일로 옳은 것은?

  1. default.asp
  2. index.html
  3. main.psd
  4. script.js
(정답률: 86%)
  • 포토샵(Photoshop)의 전용 파일 확장자는 .psd(Photoshop Document)입니다.

    오답 노트
    .asp: Active Server Pages 파일
    .html: 하이퍼텍스트 마크업 언어 파일
    .js: 자바스크립트 파일
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

42. 다음은 컴퓨터 그래픽스의 역사 중 어느 시대에 대한 설명인가?

  1. 1960년대
  2. 1970년대
  3. 1980년대
  4. 1990년대
(정답률: 61%)
  • 이미지의 윈도우 3.0 발표, 3D Studio 출시, VRML 1.0 발표 등의 사건은 모두 1990년대 컴퓨터 그래픽스 역사의 주요 특징입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

43. 어느 특정분야에서 우수한 상대를 표적 삼아 성과차이를 비교하여 이를 극복하기 위해 상대의 뛰어난 점을 배우면서 자기혁신을 추구하는 기법을 무엇이라 하는가?

  1. 벤치마킹
  2. UI디자인
  3. 프로모션
  4. 컨셉개발
(정답률: 86%)
  • 우수한 상대의 성과를 비교 분석하여 자신의 부족한 점을 보완하고 자기혁신을 추구하는 기법을 벤치마킹이라고 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

44. 다음 중 웹사이트에 등재할 이미지의 크기가 클 경우, 크기를 조정하기 위한 가장 올바른 방법은?

  1. 웹에서 소스 수정으로 사이즈를 조정한다.
  2. 드림위버에서 이미지 크기를 줄인다.
  3. 포토샵의 이미지 사이즈에서 픽셀 수를 줄인다.
  4. 나모에서 웹용으로 저장할 때 Quality를 낮춘 다.
(정답률: 76%)
  • 웹사이트의 로딩 속도를 최적화하기 위해서는 단순히 소스 코드에서 크기를 조절하는 것이 아니라, 포토샵의 이미지 사이즈 메뉴에서 실제 픽셀 수 자체를 줄여 파일 용량을 근본적으로 감소시키는 것이 가장 올바른 방법입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

45. 웹 그래픽 제작에서 백그라운드 이미지 삽입에 관한 설명으로 가장 적합하지 않은 것은?

  1. 줄무늬를 배경 이미지로 제작
  2. 도형을 이용한 패턴 제작
  3. 부드러운 그라데이션 제작
  4. 동영상을 배경 이미지로 제작
(정답률: 88%)
  • 웹 그래픽의 백그라운드 이미지는 일반적으로 정적인 이미지 파일(패턴, 그라데이션 등)을 사용하여 페이지의 일관성과 로딩 속도를 유지합니다. 동영상을 배경 이미지로 제작하는 것은 일반적인 이미지 삽입 방식에 해당하지 않으며 리소스 소모가 매우 큽니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

46. 컴퓨터그래픽스 시스템의 입력장치에 해당하지 않은 것은?

  1. 디지타이저
  2. 스캐너
  3. 마우스
  4. 플로터
(정답률: 81%)
  • 컴퓨터그래픽스 시스템의 입력장치는 데이터를 시스템으로 전달하는 장치로, 디지타이저, 스캐너, 마우스 등이 해당합니다.

    오답 노트
    플로터: 출력장치
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

47. 다음이 설명하고 있는 애니메이션 제작과정은?

  1. 모델링
  2. 레코딩
  3. 렌더링
  4. 모션캡쳐
(정답률: 71%)

  • 비디오 및 기타 장비를 통해 사람이나 동물의 실제 움직임 데이터를 캡처하여 캐릭터에 적용함으로써 자연스러운 애니메이션 효과를 구현하는 과정은 모션캡쳐입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

48. 물체의 윤곽선이 낮은 해상도에서 곡선이나 사선을 표현하였을 때 계단 모양 또는 지그재그 모양으로 나타나게 되는데 이때 나타나는 부자연스러움을 없애기 위해 픽셀의 그리드에 단계별 회색을 넣어 계단 현상을 없애주는 것을 무엇이라 하는가?

  1. 듀오톤(Duo tone)
  2. 셰이브(Shape)
  3. 안티앨리어스(Anti-alias)
  4. 하프톤(half tone)
(정답률: 93%)
  • 낮은 해상도에서 곡선이나 사선이 계단 모양으로 나타나는 앨리어싱 현상을 방지하기 위해, 경계면에 중간 단계의 회색조를 넣어 부드럽게 처리하는 기법이 안티앨리어스(Anti-alias)입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

49. 컴퓨터 그래픽스에서 문자를 표현하기 위한 기본단위는?

  1. 워드(word)
  2. 픽셀(pixle)
  3. 바이트(byte)
  4. 텍셀(texel)
(정답률: 55%)
  • 컴퓨터 그래픽스 및 데이터 처리 시스템에서 문자를 표현하고 저장하기 위한 가장 기본적인 정보 단위는 바이트(byte)입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

50. 일반적으로 포토샵에서 웹페이지를 제작하기 위해 가장 적당한 이미지 해상도는?

  1. 72dpi
  2. 100dpi
  3. 150dpi
  4. 200dpi
(정답률: 77%)
  • 웹페이지는 모니터 화면을 통해 출력되므로, 일반적인 디스플레이 표준 해상도인 $72\text{dpi}$를 사용하는 것이 로딩 속도와 화질 면에서 가장 적절합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

51. 스코어, 캐스트, 페이트, 링고로 구성되어 있는 애니메이션 저작도구는?

  1. Premiere
  2. Paint shop
  3. Director
  4. 3D Studio Max
(정답률: 46%)
  • Director는 스코어(Score), 캐스트(Cast), 페이트(Fate), 링고(Lingo)라는 독특한 구성 요소를 사용하여 멀티미디어 애니메이션을 제작하는 저작도구입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

52. 내비게이션에 관한 설명 중 가장 거리가 먼 것은?

  1. 일관성 있는 내비게이션을 만들어야 한다.
  2. 로딩 속도를 고려해야 한다.
  3. 최대한 많은 메뉴를 만들어야 한다.
  4. 링크가 끊어진 페이지가 없어야 한다.
(정답률: 90%)
  • 사용자 경험(UX)을 향상시키기 위한 내비게이션은 직관적이고 단순해야 합니다. 최대한 많은 메뉴를 만드는 것은 오히려 사용자의 혼란을 야기하고 인지 부하를 높여 사용성을 저해하므로 지양해야 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

53. 웹 사이트의 가상경로를 예상하여 기획하는 것으로 웹 사이트의 설계도이며 구체적인 작업 지침서 역할을 하는 것은?

  1. 시안
  2. 레이아웃
  3. 네비게이션
  4. 스토리보드
(정답률: 62%)
  • 웹 사이트의 전체적인 구조, 가상 경로, 페이지 구성 및 구체적인 작업 지침을 담고 있는 설계도 역할을 하는 문서를 스토리보드라고 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

54. 다음 중 모니터 해상도를 나타내는 픽셀에 관한 설명으로 틀린 것은?

  1. Picture와 Element의 합성어이다.
  2. 이미지의 최소단위이다.
  3. 픽셀의 수치가 낮을수록 이미지 해상도가 높다.
  4. PPI는 Pixl Per Inch의 약자이다.
(정답률: 84%)
  • 픽셀은 이미지의 최소 단위로, 정해진 영역 내에 픽셀의 수치가 높을수록(밀도가 높을수록) 더 정밀하고 선명한 고해상도 이미지가 됩니다.

    오답 노트
    픽셀의 수치가 낮을수록 이미지 해상도가 높다: 수치가 높아야 해상도가 높아짐
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

55. 변화되는 여러 개의 장면을 연속적으로 나타내어, 움직이는 것처럼 표현하는 기술은?

  1. 맵핑
  2. 모델링
  3. 크로마키
  4. 애니메이션
(정답률: 91%)
  • 정지된 여러 개의 장면을 빠르게 연속적으로 보여줌으로써 잔상 효과를 통해 마치 움직이는 것처럼 착각하게 만드는 기술을 애니메이션이라고 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

56. 다음이 설명하고 있는 것은 ?

  1. 이미지
  2. 클레이
  3. 컷아웃
  4. 플래시
(정답률: 87%)

  • 제시된 이미지의 설명처럼 1997년 매크로미디어사가 개발한 샥웨이브 기술을 기반으로 하며, 스트리밍 지원 및 다양한 파일 형식(GIF, MOV, EXE 등)으로 출력이 가능한 도구는 플래시입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

57. 플래시에서 맨 앞과 맨 끝 키 프레임에만 변화를 주면 중간과정을 만들어 주는 것을 무엇이라고 하는가?

  1. 프레임
  2. 트위닝
  3. 오니언스킨
  4. 플레이헤드
(정답률: 75%)
  • 시작 키 프레임과 끝 키 프레임만 설정하면 컴퓨터가 그 사이의 중간 과정을 자동으로 생성하여 부드러운 움직임을 만들어주는 기술을 트위닝이라고 합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

58. 다음 중 동영상 관련 파일포맷으로 옳지 않은 것은?

  1. asf
  2. wmv
  3. avi
  4. xml
(정답률: 70%)
  • xml은 데이터를 저장하고 전달하기 위해 고안된 웹 프로그래밍 언어 관련 포맷이며, 동영상 파일 포맷이 아닙니다.

    오답 노트
    asf, wmv, avi: 대표적인 동영상 파일 확장자
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

59. 콘텐츠가 서로 조화를 이루어 논리적으로 보일 수 있도록 시각적 계층구조를 만드는 것을 무엇이라 하는가?

  1. 웹 타이포그라피 디자인
  2. 웹 컬러 디자인
  3. 웹 레이아웃 디자인
  4. 내비게이션 디자인
(정답률: 60%)
  • 웹 레이아웃 디자인은 웹 페이지 내의 다양한 콘텐츠들이 서로 조화를 이루고, 정보의 중요도에 따라 논리적인 시각적 계층구조를 갖도록 배치하는 설계 과정을 말합니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

60. 다음 소프트웨어 중 2D 평면 디자인을 할 때 사용하는 소프트웨어로만 나열된 것은?

  1. (ㄱ)(ㄴ)
  2. (ㄷ)(ㄹ)
  3. (ㄷ)(ㅁ)
  4. (ㄴ)(ㄹ)
(정답률: 70%)
  • 2D 평면 디자인 소프트웨어는 벡터 기반의 일러스트레이터와 비트맵 기반의 포토샵이 대표적입니다. 이미지 내의 (ㄴ)일러스트레이터와 (ㅁ)포토샵이 이에 해당하며, 정답은 (ㄱ)(ㄴ)으로 표기되어 있으나 실제 소프트웨어 구성상 일러스트레이터와 포토샵의 조합이 2D 디자인 도구입니다.
profile_image
1

*오류신고 접수시 100포인트 지급해드립니다.

< 이전회차목록 다음회차 >