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

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

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

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

목록

1과목: 디자인 일반

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

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

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

2. 물리적인 빛이 우리의 눈에서 색채로 지각되어 범위의 파장 한계 내에 있는 스펙트럼을 의미하는 것은?

  1. 가시광선
  2. 색청
  3. 색각
  4. 지각색
(정답률: 90%)
  • 인간의 눈으로 지각할 수 있는 물리적인 빛의 파장 범위 내에 있는 스펙트럼을 가시광선이라고 합니다.
profile_image
1

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

3. 미술공예운동이 일어나게 된 사회적 배경으로 옳은 것은?

  1. 기계화와 대량생산으로 인한 생활용품의 품질저하
  2. 기계화에 의한 장비설치로 생활용품의 가격 폭등
  3. 기계화로 생활용품에 화려하고 복잡한 장식을 사용할 수 없게 됨
  4. 대량생산으로 생활용품의 대중화
(정답률: 84%)
  • 산업혁명 이후 기계화와 대량생산 체제가 도입되면서 제품의 질적 저하와 조잡한 디자인이 문제가 되었고, 이에 반발하여 수공예의 가치를 회복하려는 미술공예운동이 일어났습니다.
profile_image
1

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

4. 다음이 설명하고 있는 색의 혼합은?

  1. 감산 혼합
  2. 가산 혼합
  3. 병치 혼합
  4. 중간 혼합
(정답률: 88%)
  • 제시된 이미지 의 설명과 같이 빛의 3원색인 RGB를 혼합하며, 섞을수록 밝아지는 특성을 가진 방식은 가산 혼합(가법 혼합)입니다.

    오답 노트
    감산 혼합: CMY 색료를 섞는 방식으로 섞을수록 어두워짐
    병치 혼합: 색상을 조밀하게 배치하여 착시로 혼합되어 보이게 함
    중간 혼합: 두 가지 이상의 색광이 번갈아 발생하여 혼색되어 보임
profile_image
1

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

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

  1. 색채
  2. 시지각
  3. 형태
  4. 음영
(정답률: 50%)
  • 음영은 빛을 감지하는 수단으로, 물리적 반사 법칙에 따른 투사광과 반사광으로 구성되어 입체감을 표현하는 과학적 결과물입니다.
profile_image
1

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

6. 주전자, 냉장고, 자동차를 디자인하는 디자인 영역은?

  1. 패션디자인
  2. 시각디자인
  3. 환경디자인
  4. 제품디자인
(정답률: 97%)
  • 주전자, 냉장고, 자동차와 같이 실생활에서 사용하는 구체적인 사물이나 공업 제품을 설계하고 디자인하는 영역은 제품디자인입니다.
profile_image
1

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

7. 따뜻한 색채는 차가운 색채와 함께 있을 때 더욱 따뜻하게 느껴지고, 차가운 색채도 따뜻한 색채와 함께 있을 때 더욱 호소력이 강해지는 색의 대비로 옳은 것은?

  1. 채도대비
  2. 계시대비
  3. 명도대비
  4. 한난대비
(정답률: 86%)
  • 색의 온도 차이인 따뜻한 색과 차가운 색이 서로 영향을 주고받아 그 특성이 더욱 강조되는 현상을 한난대비라고 합니다.

    오답 노트
    채도대비: 채도 차이가 크게 느껴지는 현상
    계시대비: 시간차를 두고 색을 보았을 때 나타나는 현상
    명도대비: 명도 차이가 다르게 지각되는 현상
profile_image
1

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

8. 선(Line)에 대한 설명으로 바른 것은?

  1. 면의 한계나 교차에 의해 생기는 선은 적극적인 선이다.
  2. 수평선은 고결, 희망, 상승감을 나타낸다.
  3. 점과 점이 이어져 생기는 선은 소극적인 선이다.
  4. 고딕 건축의 고결함은 수직선을 대표한다.
(정답률: 66%)
  • 수직선은 상승감, 고결함, 권위 등을 상징하며, 고딕 건축의 높은 첨탑 등이 이를 대표하는 사례입니다.

    오답 노트
    면의 한계나 교차에 의해 생기는 선: 소극적인 선
    수평선: 평온, 정지, 안정을 나타냄
    점과 점이 이어져 생기는 선: 적극적인 선
profile_image
1

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

9. 다음 두 개의 꽃 모양 중심에 있는 원의 실제 크기는 동일하다. 그런데 위쪽의 원이 아래쪽보다 커 보이는 현상은?

  1. 주변과의 대비에 의한 착시현상
  2. 원근에 의한 착시현상
  3. 폐쇄원리에 의한 착시현상
  4. 연속원리에 의한 착시현상
(정답률: 88%)

  • 동일한 크기의 원이라도 주변에 배치된 원들의 크기가 작으면 상대적으로 커 보이고, 주변 원들이 크면 작아 보이는 주변과의 대비에 의한 착시현상입니다.
profile_image
1

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

10. 다음이 설명하고 있는 디자인 원리는?

  1. 반복
  2. 균형
  3. 조화
  4. 대비
(정답률: 79%)
  • 부피, 중량 등 물리적 구조와 색채에서 시각적인 안정감을 이루는 원리는 균형입니다.

    오답 노트
    반복: 율동에 해당함
    조화: 통일의 변화와 균형감이 안정적으로 결합된 상태
    대비: 조화의 한 요소에 해당함
profile_image
1

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

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

  1. 색상
  2. 명도
  3. 대비
  4. 채도
(정답률: 90%)
  • 색의 3속성은 색상(Hue), 명도(Value), 채도(Chroma)를 말합니다. 따라서 대비는 색의 속성이 아닌 색채 간의 관계에서 나타나는 현상입니다.
profile_image
1

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

12. 촉각적 질감에 대한 설명으로 틀린 것은?

  1. 촉각적 질감에는 장식적 질감, 자연적 질감, 기계적 질감이 있다.
  2. 촉각적 질감은 눈으로 볼 수 있을 뿐 아니라 손으로 만져서 느낄 수 있는 질감이다.
  3. 촉각적 질감은 2차원 디자인의 표면과 함께 3차원의 양각(relief)으로 확대하는 것이다.
  4. 촉각적 질감의 연출방법에는 자연재료사용, 재료변형, 재료복합 등이 있다.
(정답률: 61%)
  • 촉각적 질감의 분류에는 장식적 질감이 아니라 시각적 질감, 자연적 질감, 기계적 질감이 포함됩니다.
profile_image
1

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

13. 다음 설명에 해당하는 조형운동이자 사회운동은?

  1. 기능주의
  2. 구성주의
  3. 역사주의
  4. 미래주의
(정답률: 64%)

  • 제시된 내용은 1910년~1935년 사이 구 소련(러시아)에서 일어난 급진적인 조형 운동인 구성주의에 대한 설명입니다.
profile_image
1

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

14. 주의를 의미하며 주의표시, 돌출부위 계단의 위험요소를 나타내는 색으로 적당한 것은?

  1. 적색
  2. 황색
  3. 녹색
  4. 적자색
(정답률: 65%)
  • 황색은 주의 표시, 돌출 부위, 계단 등 위험 요소를 알려 주의를 환기시키는 색상입니다.

    오답 노트
    적색: 위험 상황
    녹색: 안전, 피난, 위생, 구호, 진행
    적자색: 방사능
profile_image
1

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

15. 다음 중 디자인의 의미에 관한 설명으로 틀린 것은?

  1. 디자인이란 일반적으로 하나의 그림 또는 모형으로써 그것을 전개시키는 계획 및 설계라고 할 수 있다.
  2. 디자인 행위란 인간이 좀더 사용하기 쉽고, 아름답고 쾌적한 생활환경을 창조하는 조형 행위를 말한다.
  3. 프랑스어의 데생(dessin)과 같은 어원으로, 르네상스 시대 이후 오랫동안 데생과 같이 가벼운 의미로 사용 되었다.
  4. 1940년대 당시 근대 사상에 입각하여 바우하우스에서 디자인 이념을 세우고 디자인(design)이라는 용어를 처음 사용하였다.
(정답률: 61%)
  • 디자인이라는 용어는 1940년대가 아니라 1920~1930년대 근대 디자인 운동 이후부터 본격적으로 사용되었습니다.
profile_image
1

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

16. V(디자인가치) = P(성능)/C(비용) 와 관계있는 디자인 조건은?

  1. 합목적성
  2. 경제성
  3. 심미성
  4. 독창성
(정답률: 81%)
  • 디자인의 경제성은 최소의 비용으로 최대의 효과(성능)를 얻는 것을 의미하며, 제시된 수식 $V = P/C$는 비용 대비 성능의 비율을 통해 디자인 가치를 평가하는 경제성의 핵심 원리를 나타냅니다.
profile_image
1

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

17. 컬러 인쇄를 위해 C, M, Y, K 4색의 네거필름으로 만드는 과정을 무엇이라 하는가?

  1. 색분해
  2. 색필터
  3. 색도도
  4. 색수정
(정답률: 71%)
  • 컬러 인쇄를 위해 원고로부터 $C, M, Y, K$ 4색의 네거티브 필름으로 나누어 만드는 과정을 색분해(컬러분해)라고 합니다.
profile_image
1

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

18. 다음 형태(form) 중 반드시 수학적 법칙과 함께 생기며, 가장 뚜렷한 질서를 갖는 것은?

  1. 유기적 형태
  2. 기하학적 형태
  3. 내부적 형태
  4. 자연적 형태
(정답률: 86%)
  • 기하학적 형태는 원, 삼각형, 사각형과 같이 수학적 법칙에 의해 정의되며, 가장 명확하고 뚜렷한 질서를 가지는 형태입니다.
profile_image
1

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

19. 배색을 할 때 고려해야하는 사항으로 적절하지 않은 것은?

  1. 사물의 성능이나 기능에 부합되는 배색을 하여 주변과 어울릴 수 있도록 한다.
  2. 사용자 성별, 연령을 고려하여 편안한 느낌을 가질 수 있도록 한다.
  3. 색의 이미지를 통해서 전달하려는 목적이나 기능을 기준으로 배색한다.
  4. 목적에 관계없이 아름다움을 우선으로 하고 타 제품에 비해 준에 띄는 색으로 배색하여야 한다.
(정답률: 92%)
  • 배색은 단순히 아름다움이나 눈에 띄는 것을 우선하기보다, 전달하려는 목적과 기능, 사용자의 특성 및 주변 환경과의 조화를 최우선으로 고려하여 결정해야 합니다.
profile_image
1

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

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

  1. 통일
  2. 율동
  3. 반복
  4. 조화
(정답률: 80%)
  • 디자인의 원리 중 율동은 반복, 방사, 점이(점증), 교차 등을 통해 시각적인 움직임과 리듬감을 부여하는 영역입니다.
profile_image
1

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

2과목: 인터넷 일반

21. 웹브라우저에 대한 설명으로 잘못된 것은?

  1. 도스(DOS) 운영체제에서 사용할 수 있는 웹브라우저로 모자이크(Mosaic)가 있다.
  2. 인터넷 망에서 정보를 검색하는데 사용되는 응용 프로그램이다.
  3. 웹브라우저는 하이퍼텍스트 문서를 읽는 프로그램이다.
  4. 대표적인 웹브라우저로는 인터넷 익스플로러 등이 있다.
(정답률: 60%)
  • 모자이크(Mosaic)는 윈도우 환경에서 사용된 최초의 그래픽 웹브라우저이며, 도스(DOS) 운영체제에서 사용할 수 있는 웹브라우저로는 아라크네 등이 있습니다.
profile_image
1

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

22. 전자우편 서비스 헤더 중 숨은 참조자를 나타내는 것은?

  1. Rcc
  2. Bcc
  3. Bc
  4. Cc
(정답률: 58%)
  • 전자우편 헤더에서 Bcc(Blind Carbon Copy)는 수신인에게 공개되지 않도록 설정하는 숨은 참조자를 의미합니다.

    오답 노트
    Cc: 참조자
profile_image
1

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

23. HTML 태그 중 문자의 굵기나 크기, 강조, 색상 등과 관련이 없는 태그는?

  1. <HR>
  2. <B>
  3. <U>
  4. <SUB>
(정답률: 58%)
  • HR 태그는 웹 페이지에 수평선을 그어 내용을 구분하는 용도로 사용되며, 문자의 서식(굵기, 크기, 색상 등)과는 관련이 없습니다.

    오답 노트
    B: 글자를 굵게 표시
    U: 밑줄 표시
    SUB: 아래 첨자 표시
profile_image
1

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

24. 다음이 설명하고 있는 웹페이지 저작도구는?

  1. 드림위버
  2. 자바스크립트
  3. 플래시
  4. 포토샵
(정답률: 71%)
  • 제시된 이미지 의 설명처럼 멀티미디어와 애니메이션 제작을 위한 드로잉 전문 프로그램이며, 벡터 방식의 그래픽 처리와 스트리밍 기법을 통해 빠른 전송 속도를 제공하는 도구는 플래시입니다.
profile_image
1

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

25. 웹 서버에서 동작하고, 클라이언트의 요청에 따라 데이터를 가공하여 새로운 결과 문서를 반환하는데 사용되는 스크립트 언어로 적당하지 않은 것은?

  1. ASP
  2. CSS
  3. PHP
  4. JSP
(정답률: 65%)
  • 웹 서버 측에서 실행되어 데이터를 가공하고 결과 문서를 반환하는 서버 사이드 스크립트 언어에는 ASP, PHP, JSP 등이 있습니다. 반면 CSS는 웹 페이지의 디자인과 레이아웃을 정의하는 스타일 시트 언어로, 서버가 아닌 클라이언트(브라우저)에서 해석되어 화면을 꾸미는 역할을 합니다.
profile_image
1

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

26. 8비트씩 4개의 옷텟, 총 32비트로 구성된 IP 주소 체계는?

  1. IPv3
  2. IPv4
  3. IPv5
  4. IPv6
(정답률: 82%)
  • IP 주소 체계 중 8비트씩 4개의 옥텟으로 구성되어 총 32비트 길이를 가지는 체계는 IPv4입니다.

    오답 노트
    IPv6: 16비트씩 8개로 구성된 128비트 체계
profile_image
1

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

27. 인터넷의 역사에 대한 설명과 해당연도가 틀린 것은?

  1. 1969년 : 미 국방성의 ARPANET 탄생
  2. 1984년 : DNS 개념 도입
  3. 1990년 : NSFNET이 해체되고 ARPANET 중심으로 성장
  4. 1993년 : INTERNIC 설립
(정답률: 76%)
  • 인터넷의 역사에서 1990년경에는 ARPANET이 해체되고 NSFNET 중심으로 네트워크가 성장하며 발전하였습니다.
profile_image
1

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

28. HTML 태그의 특징에 대해 옳은 것은?

  1. 시작 태그는 있으나 종료 태그는 없다.
  2. 대소문자 구별을 명확히 해야 한다.
  3. 들여쓰기가 가능하며 웹 브라우저에서 들여쓰기가 적용된다.
  4. 태그 안에 속성을 정의할 수 있다.
(정답률: 68%)
  • HTML 태그는 기본적으로 태그 내부에 속성을 정의하여 요소의 세부 특성을 지정할 수 있습니다.

    오답 노트
    시작 태그와 종료 태그가 쌍을 이루는 것이 일반적임
    대소문자를 구분하지 않음
    들여쓰기나 줄바꿈은 코드 가독성을 위한 것이며 브라우저 화면에는 반영되지 않음
profile_image
1

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

29. 인터넷(Internet) 광고의 특징이 아닌 것은?

  1. 광고에 대한 효과를 실시간으로 확인 가능하다.
  2. 초기 광고제작 단가가 타 매체에 비해 저렴하다.
  3. 디지털 매체이므로 광고 내용의 수정은 쉽지 않다.
  4. 기존 매체에 비해 더욱 명확한 타겟(Target) 마케팅이 이루어진다.
(정답률: 83%)
  • 인터넷 광고는 디지털 데이터 기반의 매체이므로, 기존의 인쇄 매체나 방송 매체와 달리 광고 내용을 매우 쉽고 빠르게 수정할 수 있는 것이 핵심 특징입니다.
profile_image
1

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

30. 네트워크에 연결된 시스템의 논리주소를 물리주소로 변환시켜 주는 프로토콜은?

  1. TCP
  2. IP
  3. FTP
  4. ARP
(정답률: 38%)
  • ARP(Address Resolution Protocol)는 네트워크 상에서 IP 주소와 같은 논리 주소를 MAC 주소와 같은 물리 주소로 변환해주는 프로토콜입니다.

    오답 노트
    TCP: 호스트 간 데이터 스트림 교환 프로토콜
    IP: 네트워크 송수신 통신 규약
    FTP: 파일 전송 전용 프로토콜
profile_image
1

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

31. 웹 서비스에 대한 설명이 틀린 것은?

  1. 명령어 기반 인터페이스를 제공하여 초보자도 쉽게 이용할 수 있다.
  2. 하이퍼미디어 기술을 통하여 정보 교류나 정보 검색을 수행한다.
  3. 웹 페이지들은 링크로 연결되어 원하는 정보로 쉽게 이동할 수 있다.
  4. 문자와 이미지, 음성, 동영상 등의 멀티미디어 서비스를 제공한다.
(정답률: 60%)
  • 웹 서비스는 명령어 기반이 아니라 그래픽 기반 인터페이스(GUI)를 제공하여 초보자도 마우스 클릭 등을 통해 쉽게 이용할 수 있는 서비스입니다.
profile_image
1

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

32. 자바스크립트에서 변수명으로 선언할 수 없는 것은?

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

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

33. 일반적으로 검색 엔진에 inter* 라고 입력했을 때 검색될 수 없는 정보는?

  1. internet
  2. international
  3. intercept
  4. intranet
(정답률: 80%)
  • 검색 연산자 *는 해당 문자열로 시작하는 모든 결과를 찾는 와일드카드 역할을 합니다. intranet은 inter로 시작하지 않으므로 검색 결과에 포함될 수 없습니다.
profile_image
1

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

34. <a href="http://www.hrdkorea.or.kr" target="ⓐ">에서 ⓐ에 나타날 수 있는 값과 그에 대한 설명이 틀린 것은?

  1. _blank : 링크된 문서를 새 창에 보여준다.
  2. _parent : 링크된 문서를 창 전체에 보여준다.
  3. _self : 링크된 문서를 하이퍼링크가 있던 현재 프레임에 보여준다.
  4. _top : 링크된 문서를 창 전체에 보여준다.
(정답률: 49%)
  • _parent는 링크된 문서를 부모 프레임에 표시하는 속성입니다. 창 전체에 표시하는 것은 _top의 역할입니다.
profile_image
1

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

35. 자바스크립트의 Document 객체에서 화면에 글자를 출력하기 위해 사용하는 함수는?

  1. print()
  2. write()
  3. insert()
  4. input()
(정답률: 53%)
  • 자바스크립트의 Document 객체에서 웹 페이지 문서에 직접 텍스트나 HTML 내용을 출력하여 화면에 표시할 때 사용하는 함수는 write()입니다.
profile_image
1

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

36. 웹 페이지를 디자인 할 때고려해야 할 사항으로 틀린 것은?

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

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

37. 위지웍(WYSIWYG) 기반의 웹 에디터가 아닌 것은?

  1. Namo Web Editor
  2. Front Page
  3. Ultra Edit
  4. Netscape Composer
(정답률: 48%)
  • 위지윅(WYSIWYG)은 보는 대로 결과가 나오는 편집 방식으로, 나모 웹에디터, 프론트 페이지, 넷스케이프 컴포저가 이에 해당합니다. 반면 Ultra Edit은 소스 코드를 직접 수정하는 텍스트 에디터입니다.
profile_image
1

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

38. OSI 7계층에 해당하지 않는 것은?

  1. 인터넷 계층
  2. 물리 계층
  3. 네트워크 계층
  4. 전송 계층
(정답률: 78%)
  • OSI 7계층은 물리, 데이터 링크, 네트워크, 전송, 세션, 표현, 응용 계층으로 구성됩니다. 인터넷 계층은 OSI 모델이 아닌 TCP/IP 모델의 계층 명칭입니다.

    오답 노트
    물리, 네트워크, 전송 계층: OSI 7계층에 포함되는 표준 계층입니다.
profile_image
1

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

39. 자바스크립트의 특징으로 틀린 것은?

  1. 객체 지향 프로그램 언어로 내장 객체를 사용한다.
  2. HTML 내에 삽입되어 홈페이지에 다양한 효과를 줄수 있다.
  3. 대소문자를 구별하지 않는다.
  4. alert()는 자바스크립트 내장 함수이다.
(정답률: 79%)
  • 자바스크립트는 대소문자를 엄격하게 구별하는 언어입니다. 따라서 대소문자를 구별하지 않는다는 설명은 틀린 내용입니다.
profile_image
1

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

40. DHTML의 구성 요소로 옳게 나열한 것은?

  1. HTML, CSS, JavaScript
  2. HTML, JSS, JavaScript
  3. HTML, CSS, JSS, JavaScript
  4. HTML, CSS, JSS, JavaScript, VBScript
(정답률: 75%)
  • DHTML(Dynamic HTML)은 정적인 HTML에 동적인 기능을 추가하기 위해 HTML, CSS, JavaScript 세 가지 기술을 결합하여 사용하는 기술입니다.
profile_image
1

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

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

41. 플래시(flash)를 이용한 웹 그래픽 제작의 특징으로 틀린 것은?

  1. 애니메이션의 처음과 끝을 제작하면 중간단계를 자동으로 생성할 수 있다.
  2. 사용자의 동작에 반응하는 효과를 낼 수 있다.
  3. 애니메이션과 사운드가 통합된 결과물을 얻을 수 있다.
  4. 실사와 같은 애니메이션을 제작하기에 가장 적합하다.
(정답률: 56%)
  • 플래시는 벡터 기반의 그래픽 도구로, 애니메이션과 사운드 통합, 인터랙티브한 반응, 트위닝(중간 단계 자동 생성) 기능이 특징입니다. 하지만 벡터 방식의 특성상 실사와 같은 극사실적인 애니메이션을 제작하기에는 적합하지 않습니다.
profile_image
1

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

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

  1. 셀 애니메이션
  2. 스크래치 애니메이션
  3. 컷 아웃 애니메이션
  4. 클래이 애니메이션
(정답률: 81%)
  • 제시된 이미지 의 설명처럼 투명한 셀룰로이드 판에 캐릭터(동화)를 그리고 배경과 분리하여 제작함으로써 효율성을 높인 기법은 셀 애니메이션입니다.
profile_image
1

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

43. 컴퓨터 그래픽스(Computer Graphic) 발달 과정 중 제5세대의 설명으로 옳은 것은?

  1. 약 18000개의 진공관으로 이루어진 컴퓨터인 애니악(ENIAC) 개발되었다.
  2. 컴퓨터를 통해 영상, 음성, 매체 등의 정보를 컴퓨터 기술인 멀티미디어(Multimedia)가 발전하였다.
  3. 프렉탈 기법으로 간단한 형태에서 복잡한 형태로 표현이 가능하여 자연경관이나 혹성 표면을 실제와 같이 표현 할 수 있게 되었다.
  4. 국제 컴퓨터 그래픽 협회인 SIGRAPH 가 결성되어 매년마다 컴퓨터 그래픽 애니메이션의 작품을 발표하였다.
(정답률: 54%)
  • 컴퓨터 그래픽스 제5세대는 영상, 음성, 매체 등의 정보를 통합하여 처리하는 멀티미디어(Multimedia) 기술이 비약적으로 발전한 시기입니다.

    오답 노트
    애니악(ENIAC) 개발: 1세대
    SIGRAPH 결성: 3세대
    프렉탈 기법: 4세대
profile_image
1

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

44. CRT에서 초당 이미지가 재생되는 횟수를 무엇이라 하는가?

  1. 지속률
  2. 스캔률
  3. 감화율
  4. 재생률
(정답률: 79%)
  • CRT(브라운관) 디스플레이에서 초당 이미지가 재생되는 횟수를 재생률이라고 합니다.
profile_image
1

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

45. 다음 설명에 해당되는 리샘플링 알고르즘은?

  1. Bicubic
  2. Bilinear
  3. Resolution
  4. Nearest Neighbor
(정답률: 37%)
  • 주변 16개 픽셀의 평균값을 계산하여 가장 사실적인 세부 묘사를 얻을 수 있으며, 복잡한 음영 변화가 심한 이미지에 적합한 알고리즘은 Bicubic입니다.

    오답 노트
    Bilinear: 인접한 4개 화소 값과 거리비로 계산
    Nearest Neighbor: 가장 가까운 픽셀의 값을 그대로 사용
profile_image
1

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

46. 다음 설명에 해당하는 파일포맷은?

  1. *.PICT
  2. *.PNG
  3. *.TIFF
  4. *.AI
(정답률: 81%)
  • 인터레이싱 기능, 트루 컬러 지원, 비손실 압축, 투명 영역 포함이 가능한 파일 포맷은 *.PNG입니다.

    오답 노트
    *.PICT: Apple Macintosh 전용 이미지 형식
    *.TIFF: 무손실 압축과 태그를 지원하는 래스터 그래픽 포맷
    *.AI: 어도비 일러스트레이터의 벡터 이미지 포맷
profile_image
1

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

47. 웹디자인 프로세스 중 프로젝트 기획 단계에 해당하지 않는 것은?

  1. 웹 사이트를 구축할 웹 기획자, 웹디자이너, 웹 프로그래머 등의 제작팀을 구성한다.
  2. 웹 사이트의 내용과 관련된 자료를 수집하고 분석하여 아이디어를 도출한다.
  3. 서비스 목적과 사용자 계층을 고려하여 디자인 컨셉(concept)과 콘텐츠의 내용을 정의한다.
  4. 사용자 분석과 개발 전략 및 홍보 전략을 세운다.
(정답률: 66%)
  • 사용자 분석과 개발 전략 및 홍보 전략을 세우는 단계 중 특히 홍보 전략은 프로젝트의 마지막 단계인 유지 및 관리 단계에서 시행하므로 기획 단계에 해당하지 않습니다.
profile_image
1

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

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

  1. 로토스코핑
  2. 모션캡쳐
  3. 플립북
  4. 모핑
(정답률: 55%)
  • 실사 이미지의 외형선을 한 프레임씩 베껴 애니메이션으로 만든 뒤 원본과 합성하는 기법은 로토스코핑입니다.

    오답 노트
    모션캡쳐: 인체 움직임을 디지털로 기록
    플립북: 빠르게 넘겨 움직임을 구현하는 책
    모핑: 하나의 형체가 다른 이미지로 서서히 변화
profile_image
1

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

49. 내비게이션에 대한 설명으로 가장 거리가 먼 것은?

  1. 일관성 있는 네비게이션을 만들어야 한다.
  2. 사용자의 환경을 고려해야 한다.
  3. 최대한 많은 메뉴를 만들어야 한다.
  4. 링크가 끊어진 페이지가 없어야 한다.
(정답률: 91%)
  • 효율적인 내비게이션은 사용자가 원하는 정보에 쉽고 빠르게 접근할 수 있도록 설계해야 하며, 메뉴가 너무 많으면 오히려 인지 부하를 일으켜 사용성을 떨어뜨립니다.

    오답 노트
    최대한 많은 메뉴를 만들어야 한다: 메뉴는 간결하고 명확하게 구성해야 함
profile_image
1

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

50. 모니터 해상도를 나타내는 픽셀의 설명으로 틀린 것은?

  1. Picture와 Element의 합성어이다.
  2. 이미지의 최소단위이다.
  3. 픽셀의 수치가 낮을수록 이미지 해상도가 높다.
  4. PPI는 Pixel Per Inch의 약자이다.
(정답률: 87%)
  • 픽셀은 이미지의 최소 단위이며, 동일 면적 내에 픽셀 수가 많을수록(수치가 높을수록) 더 정밀한 표현이 가능하므로 해상도가 높아집니다.

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

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

51. 선(Line) 표시에서 면으로 변화하는 상태를 자연스럽게 조작할 수 있는 질감 묘사 모델링으로 복잡한 자연경관이나 불규칙한 성질을 가진 것들을 표현할 수 있게 된 모델은?

  1. 서피스 모델
  2. 솔리드 모델
  3. 프랙탈 모델
  4. 파라메트릭 모델
(정답률: 55%)
  • 프랙탈 모델은 복잡한 자연경관이나 불규칙한 성질을 가진 형태를 표현하기 위해 질감 묘사 모델링을 사용하는 방식입니다.

    오답 노트
    서피스 모델: 외부 형태(껍데기)만 표현
    솔리드 모델: 내부까지 꽉 채워진 입체 표현
profile_image
1

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

52. 다음이 설명하고 있는 인터페이스 방식은?

  1. CRT
  2. GUI
  3. PDA
  4. GPU
(정답률: 80%)
  • 사용자가 컴퓨터와 정보를 교환할 때 텍스트가 아닌 그래픽(아이콘, 메뉴 등)을 통해 마우스로 조작하는 환경을 GUI(Graphic User Interface)라고 합니다.
profile_image
1

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

53. 웹 디자인 시 타이포그래피를 적용할 때 고려사항으로 가장 거리가 먼 것은?

  1. 페이지마다 또는 동일한 페이지 내에 다양한 서체 사용
  2. 가독성, 판독성을 고려한 서체 사용
  3. 웹페이지의 여백과 문장의 정렬
  4. 사이트의 내용과 컨셉(concept)에 어울리는 서체 사용
(정답률: 85%)
  • 타이포그래피 적용 시에는 가독성과 판독성을 높이기 위해 서체의 종류를 제한적으로 사용하여 통일감을 주어야 하며, 사이트 컨셉에 맞는 서체와 적절한 여백, 정렬을 고려해야 합니다. 따라서 페이지 내에 너무 다양한 서체를 사용하는 것은 시각적 혼란을 주어 지양해야 합니다.
profile_image
1

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

54. 벡터(Vector) 방식의 설명으로 틀린 것은?

  1. 단순한 도형의 표현에 적합하다.
  2. 이미지를 확대, 축소해도 화질에는 손상이 없다.
  3. 수학적인 방식으로 이루어진 방식이다.
  4. 픽셀의 단위를 갖으며, 파일의 크기도 커진다.
(정답률: 73%)
  • 벡터 방식은 점, 선, 면의 수학적 좌표 값으로 이미지를 표현하므로 확대나 축소 시에도 화질 손상이 없으며 단순한 도형 표현에 적합합니다.

    오답 노트
    픽셀의 단위를 갖으며, 파일의 크기도 커진다: 픽셀(점)의 집합으로 표현하는 래스터(비트맵) 방식에 대한 설명입니다.
profile_image
1

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

55. 케스케이딩 스타일 시트(Cascading Style Sheet)의 설명으로 가장 거리가 먼 것은?

  1. HTML 요소의 기능을 확장한다.
  2. 통일된 문서 양식을 디자인할 수 있다.
  3. 문서의 형식을 다양하게 구성할 수 있다.
  4. 다양한 이미지의 디자인 편집을 할 수 있다.
(정답률: 55%)
  • CSS는 HTML 문서의 구조와 분리하여 웹 페이지의 레이아웃, 글꼴, 색상 등 스타일을 정의하고 통일된 디자인을 적용하는 언어입니다.

    오답 노트
    다양한 이미지의 디자인 편집: 포토샵과 같은 이미지 편집 전용 소프트웨어의 역할입니다.
profile_image
1

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

56. 웹에서 주로 사용되는 컬러 방식은?

  1. CMYK
  2. RGB
  3. HSB
  4. LAB
(정답률: 82%)
  • 웹, 모니터, TV와 같이 빛을 통해 색을 구현하는 장치는 빛의 3원색을 이용한 가산혼합 방식인 RGB 컬러 방식을 사용합니다.
profile_image
1

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

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

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

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

58. 사용자 인터페이스(UI)를 디자인 할 때 일반적으로 고려해야할 사항에 대한 설명으로 틀린 것은?

  1. 사용 편리성 : 정보접근이 용이하고 기억하기 쉬워야 한다.
  2. 심미적 구성 : 시각적인 커뮤니케이션을 통해 사용자의 정보흡수와 작업수행을 도와야 한다.
  3. 개인성 : 사용자의 경험이나 개인 선호도, 능력의 차이를 두고 개인의 특성에 맞도록 한다.
  4. 일관성 : 전체 구조 및 그래픽적 요소를 일관성 있게 디자인해야 한다.
(정답률: 74%)
  • UI 디자인은 불특정 다수의 사용자가 쉽고 빠르게 이용할 수 있도록 보편적인 사용성을 확보하는 것이 중요하므로, 개인의 특성에 맞추는 개인성은 일반적인 고려 사항으로 적절하지 않습니다.
profile_image
1

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

59. 넓은 의미로 인쇄술을 의미하며 인쇄를 전제로 한 문자 표현이나 작품을 지칭하는 말로 주어진 면적 안에서 시각화 할 수 있는 정보량을 명료도, 가독성 정도를 고려하여 결정하면서 동시에 그 서체의 아름다움이나 내용 표현의 적절성, 표현성 등을 갖추어야 하는것을 뜻하는 용어는?

  1. Typography
  2. Font
  3. Typestyle
  4. Typeface
(정답률: 86%)
  • 인쇄술을 의미하며, 가독성과 명료도를 고려하여 문자 정보를 시각화하고 서체의 아름다움과 표현성을 갖추는 디자인 기법을 Typography라고 합니다.
profile_image
1

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

60. 벡터(Vector)방식의 이미지를 비트맵(bitmap) 방식의 이미지로 변환시키는 것을 나타내는 용어는?

  1. Vectorizing
  2. Rasterizing
  3. Anti-Aliasing
  4. Synchronizing
(정답률: 75%)
  • 수학적 경로로 이루어진 벡터 이미지를 픽셀 단위의 비트맵 이미지로 변환하는 과정을 Rasterizing이라고 합니다.

    오답 노트
    Vectorizing: 비트맵 이미지를 벡터 이미지로 변환하는 것
profile_image
1

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

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