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

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

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

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

목록

1과목: 디자인 일반

1. 커뮤니케이션 디자인에 대한 설명으로 틀린 것은?

  1. 라틴어 ‘Communicate'를 어원으로 한다.
  2. 두 개 이상의 개체가 기호를 매개로 무언가를 공유하는 것이다.
  3. 운동과 시선을 중시하는 디자인이다.
  4. 사람과 사람 사이에 기호에 의해서 의미를 전달하는 과정이다.
(정답률: 90%)
  • 커뮤니케이션 디자인은 기호를 매개로 정보와 의미를 전달하는 과정에 집중하는 디자인입니다.

    오답 노트
    운동과 시선을 중시하는 디자인: 이는 주로 영상 디자인이나 동적인 시각 연출의 특징이며, 커뮤니케이션 디자인의 본질적인 정의와는 거리가 멉니다.
profile_image
1

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

2. 색료 혼합의 3원색인 자주(M), 노랑(Y), 청록(C)의 색료 혼합 결과가 틀린 것은?

  1. 자주(M) + 노랑(Y) = 빨강(R)
  2. 노랑(Y) + 청록(C) = 초록(G)
  3. 자주(M) + 청록(C) = 파랑(B)
  4. 자주(M) + 노랑(Y) + 청록(C) = 흰색(W)
(정답률: 86%)
  • 색료의 3원색인 자주(M), 노랑(Y), 청록(C)은 감산혼합의 원리를 따르므로, 세 가지 색을 모두 혼합하면 빛을 모두 흡수하여 이론적으로 검은색(K)이 됩니다. 흰색(W)이 되는 것은 가산혼합(빛의 3원색)의 결과입니다.
profile_image
1

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

3. 명도가 낮아 움츠린 느낌을 주는 색을 무엇이라 하는가?

  1. 진출색
  2. 후퇴색
  3. 수축색
  4. 팽창색
(정답률: 84%)
  • 명도가 낮거나 차가운 색은 실제 크기보다 작아 보이게 만드는 성질이 있으며, 이를 수축색이라고 합니다.

    오답 노트
    후퇴색: 뒤로 물러나 보이는 색 (한색계, 어두운 색, 저채도 색)
profile_image
1

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

4. 점, 선, 면 등이 연장되거나 발전, 변화되는 밀접한 관계에서 이루어지는 조형디자인 요소는?

  1. 형태
  2. 색채
  3. 크기
  4. 질감
(정답률: 92%)
  • 형태는 점, 선, 면 등의 조형 요소가 연장되거나 변화하며 밀접한 관계를 통해 이루어지는 디자인의 기본 요소입니다.
profile_image
1

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

5. 디자인 원리 중 동질의 부분이 조합될 때 이루어지는 것은?

  1. 유사
  2. 유도
  3. 우연
  4. 관계
(정답률: 87%)
  • 디자인 원리 중 유사(Similarity)는 형태, 색상, 크기 등 동질적인 요소들이 조합되어 시각적인 통일감을 형성하는 것을 말합니다.
profile_image
1

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

6. 시각적 질감의 예로 성격이 다른 하나는?

  1. 사진의 망점
  2. 인쇄상의 스크린 톤
  3. 나뭇결 무늬
  4. 텔레비전 주사선
(정답률: 85%)
  • 나뭇결 무늬는 자연물 자체가 가진 자연적 질감에 해당합니다.

    오답 노트
    사진의 망점, 인쇄상의 스크린 톤, 텔레비전 주사선: 인위적으로 만들어진 기계적 질감
profile_image
1

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

7. 컬러TV, 조명등에 활용되는 혼합방식은?

  1. 감산 혼합
  2. 가산 혼합
  3. 계시가법 혼합
  4. 중간 혼합
(정답률: 82%)
  • 컬러TV나 조명등은 빛의 3원색을 섞어 색을 만드는 가산 혼합 방식을 사용하며, 색을 혼합할수록 명도가 높아져 더 밝아지는 특징이 있습니다.
profile_image
1

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

8. 디자인(Design)의 의미를 설명한 것으로 틀린 것은?

  1. 디자인이란 프랑스어로 ‘데셍’에서 유래되었다.
  2. 도안, 밑그림, 그림, 소묘, 계획, 설계, 목적이란 의미를 기술하고 있다.
  3. 디자인은 De(이탈)와 Sign(형상)의 합성어로 기존 것을 파괴하고 새로운 재화를 창출한다는 의미가 포함된다.
  4. 디자인은 기존의 것을 유지하며 실용적 가치보다는 예술적 가치의 기준을 말한다.
(정답률: 74%)
  • 디자인은 단순히 기존의 것을 유지하는 것이 아니라, 실용적 가치와 예술적 가치를 동시에 추구하며 목적에 맞게 계획하고 설계하는 창조적 활동입니다.
profile_image
1

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

9. 두 개 이상의 요소 사이에서 부분과 부분 또는 전체 사이에 시각상 힘의 안정을 주면 안정감을 명쾌한 감정을 느끼게 하는 디자인 원리는?

  1. 균형
  2. 조화
  3. 비례
  4. 율동
(정답률: 53%)
  • 부분과 부분 또는 전체 사이에 시각적인 힘의 안정을 주어 명쾌한 안정감을 느끼게 하는 디자인 원리는 균형입니다.

    오답 노트
    조화: 부분 간에 질적·양적 모순 없이 질서 있게 어울리는 원리
profile_image
1

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

10. 저드(D. Judd)의 색채 조화의 원리에 해당하지 않는 것은?

  1. 질서의 원리
  2. 유사의 원리
  3. 친근감의 원리
  4. 기호의 원리
(정답률: 77%)
  • 저드(D. Judd)의 색채 조화 원리는 질서성, 유사성, 동류성, 비모호성(명료성)으로 구성됩니다.

    오답 노트
    기호의 원리: 저드의 조화 원리에 포함되지 않는 개념입니다.
profile_image
1

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

11. 일반적인 디자인의 조건을 나열한 것으로 옳은 것은?

  1. 합목적성, 유행성, 질서성, 독창성
  2. 합목적성, 심미성, 독창성, 경제성
  3. 합목정성, 심미성, 경제성, 국제성
  4. 합목정성, 창조성, 심미성, 질서성
(정답률: 92%)
  • 일반적인 디자인의 4대 조건은 목적에 부합하는 합목적성, 아름다움을 추구하는 심미성, 새로운 시도의 독창성, 효율적인 비용과 재료를 고려하는 경제성입니다.
profile_image
1

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

12. 다음 중 나머지 세 가지와 성격이 다른 디자인 분야는?

  1. 인테리어 디자인
  2. 광고 디자인
  3. 편집 디자인
  4. 시각 디자인
(정답률: 81%)
  • 인테리어 디자인은 공간을 다루는 환경 디자인 분야에 속하며, 광고 디자인, 편집 디자인, 시각 디자인은 모두 시각 디자인 분야에 해당합니다.
profile_image
1

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

13. 먼셀의 무채색 11단계 중 중간 명도에 해당하는 단계는?

  1. 0~3
  2. 4~6
  3. 7~8
  4. 9~10
(정답률: 84%)
  • 먼셀의 무채색 11단계 명도는 $0$(검정)에서 $10$(흰색)까지 분포하며, 그중 중간 범위인 $4\sim6$ 단계가 중간 명도에 해당합니다.
profile_image
1

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

14. 물체의 표면이 가지고 있는 특징의 차이를 시각과 촉각을 통하여 느낄 수 있는 성질을 의미하는 것은?

  1. 색감
  2. 항상성
  3. 고유성
  4. 질감
(정답률: 89%)
  • 물체 표면의 특징을 시각과 촉각으로 느끼는 성질을 질감이라고 하며, 이는 시각적 질감과 촉각적 질감으로 구분됩니다.
profile_image
1

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

15. 데 스틸(De Stijl)에 관한 설명으로 옳지 않은 것은?

  1. 네덜란드를 중심으로 한 신조형 운동으로 요소주의라고도 불리운다.
  2. 두스부르크, 몬드리안, 리트벨트 등이 주요 인물이다.
  3. 바우하우스의 조형사상에 큰 영향을 주었다.
  4. 현대의 조형 활동은 자연세계를 상징하고 표현하는데 중점을 두어야 한다고 생각하였다.
(정답률: 49%)
  • 데 스틸은 자연세계가 아닌 인공세계를 상징하고 표현하는 데 중점을 둔 신조형주의 운동입니다.
profile_image
1

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

16. 인간의 의사 및 정보를 시각적으로 전달하는 디자인 영역은?

  1. 제품디자인
  2. 환경디자인
  3. 시각디자인
  4. 공예디자인
(정답률: 94%)
  • 인간의 의사나 정보를 시각적인 매체를 통해 효율적으로 전달하는 디자인 영역은 시각디자인입니다.
profile_image
1

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

17. 다음 그림과 같이 일부분이 끊어진 상태이지만 문자로 인식되는 것은 어떤 원리 때문인가?

  1. 대칭성
  2. 유사성
  3. 폐쇄성
  4. 연속성
(정답률: 81%)
  • 게슈탈트 시각 법칙 중 폐쇄성의 원리는 도형의 일부분이 끊어져 있거나 닫혀 있지 않더라도, 뇌가 이를 연결하여 하나의 완성된 형태(닫힌 도형)로 인식하려는 경향을 말합니다. 그림처럼 끊어진 선을 문자로 인식하는 것이 대표적인 사례입니다.

    오답 노트
    대칭성: 서로 가까이 있는 것을 하나의 덩어리로 인식함
    유사성: 비슷한 성질의 요소를 동일 집단으로 인식함
    연속성: 배열이나 진행 방향이 비슷한 것끼리 하나로 연결되어 보이게 함
profile_image
1

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

18. 서로 다른 색끼리의 영향으로 원래의 색보다 색상의 차이가 더욱 크게 느껴지는 것은?

  1. 한란 대비
  2. 명도 대비
  3. 채도 대비
  4. 색상 대비
(정답률: 64%)
  • 색상 대비는 서로 다른 색채가 인접해 있을 때, 각 색의 색상 차이가 더욱 뚜렷하고 강하게 느껴지는 현상을 말합니다. 문제에서 색상의 차이가 더욱 크게 느껴진다고 명시하였으므로 정답은 색상 대비입니다.
profile_image
1

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

19. 디자인 원리 중 율동(rhythm)의 요소와 거리가 먼 것은?

  1. 대비
  2. 점증
  3. 반복
  4. 변칙
(정답률: 68%)
  • 율동(rhythm)은 반복, 점증, 변칙 등의 요소를 통해 시각적인 움직임과 리듬감을 만들어내는 디자인 원리입니다. 대비는 요소 간의 차이를 극대화하는 원리로, 율동의 직접적인 구성 요소와는 거리가 멉니다.
profile_image
1

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

20. 색채조화의 공통원리에 관한 설명으로 틀린 것은?

  1. 질서의 원리는 효과적인 반응을 일으키는 질서 있는 계획에 따라 선택된 색채들에서 생긴다.
  2. 비모호성의 원리는 두 색 이상의 배색에 있어서 모호함이 없는 명료한 배색에서만 얻어진다.
  3. 동류의 원리는 가장 가까운 색채끼리의 배색은 보는 사람에게 친근감을 주며 조화를 느끼게 한다.
  4. 대비의 원리는 배색된 색채들이 서로 공통되는 상태와 속성을 가질 때 그 색채는 조화된다.
(정답률: 67%)
  • 대비의 원리는 서로 반대되는 상태나 다른 속성을 가진 색채들을 배색하여 각 색의 특성을 더욱 강조함으로써 조화를 이루는 원리입니다. 따라서 배색된 색채들이 서로 공통되는 상태와 속성을 가질 때 조화된다는 설명은 틀린 것입니다.
profile_image
1

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

2과목: 인터넷 일반

21. 자바스크립트의 내장 함수 중 수식으로 되어 있는 문자열을 계산하여 실수로 변환해주는 함수는?

  1. confirm()
  2. alert()
  3. eval()
  4. parseFloat()
(정답률: 46%)
  • parseFloat() 함수는 문자열을 분석하여 실수(floating point number) 형태로 변환해주는 함수입니다.

    오답 노트
    confirm(): 확인/취소 선택 대화상자 생성
    alert(): 경고/정보 메시지 대화상자 생성
    eval(): 문자열로 된 수식을 계산하여 결과값 반환
profile_image
1

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

22. 인터넷 익스플로러 6.0의 [편집] 메뉴에 포함되지 않은 것은?

  1. 잘라내기
  2. 이 페이지에서 찾기
  3. 모두 선택
  4. 새로고침
(정답률: 60%)
  • 새로고침 기능은 [편집] 메뉴가 아니라 [보기] 메뉴에 포함되어 있습니다.
profile_image
1

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

23. 웹 페이지 제작 시 고려해야 할 사항으로 거리가 먼 것은?

  1. 아무리 좋은 내용을 담고 있는 웹 페이지라 해도 디자인이 산만하면 사용자가 보기 불편하다.
  2. 텍스트 위주로만 웹 페이지를 제작하여 접속이 원활하도록 한다.
  3. 배경색과 문자 색상을 고려하여 가독성을 높일 수 있도록 해야 한다.
  4. 웹 디자인의 일관성을 유지하면서 동시에 사용성을 높여야 한다.
(정답률: 89%)
  • 웹 페이지는 사용자의 편의성과 시각적 전달력을 높여야 하므로, 텍스트 위주로만 제작하기보다는 이미지, 영상 등 멀티미디어 요소를 적절히 활용하여 가독성과 사용성을 높이는 것이 중요합니다.
profile_image
1

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

24. 사용자가 웹 서버로부터 보내진 하이퍼텍스트 문서를 볼 수 있게 해주는 프로그램으로 멀티미디어 데이터의 재생과 하이퍼미디어 기능을 지원하는 것은?

  1. 웹브라우저
  2. 플러그 인
  3. 플래시
  4. 매크로미디어
(정답률: 66%)
  • 웹브라우저는 서버로부터 전송받은 HTML 문서를 해석하여 사용자에게 화면으로 보여주며, 멀티미디어 재생 및 하이퍼미디어 기능을 지원하는 핵심 프로그램입니다.

    오답 노트
    플러그 인: 웹브라우저의 기능을 확장하기 위해 추가하는 보조 프로그램입니다.
profile_image
1

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

25. 웹 문서의 각종 서비스를 제공하는 서버들에 있는 파일의 위치를 표시해 주는 표준은?

  1. URL
  2. IP
  3. TCP
  4. HTML
(정답률: 71%)
  • URL(Uniform Resource Locator)은 인터넷상에 존재하는 웹 페이지나 파일의 고유한 주소를 나타내는 표준 규격입니다.
profile_image
1

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

26. 다음 중 최초의 GUI 환경의 웹 브라우저는?

  1. 익스플로러
  2. 네스케이프
  3. 모자이크
  4. 랜드스케이프
(정답률: 69%)
  • 텍스트 중심의 브라우저에서 벗어나 그래픽 사용자 인터페이스(GUI)를 최초로 도입하여 웹의 대중화를 이끈 브라우저는 모자이크입니다.
profile_image
1

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

27. 네트워크상의 보안을 강화하기 위한 방법으로 거리가 먼 것은?

  1. 공용(public) IP 주소만을 이용한 보안
  2. 방화벽(firewall)을 통한 보안
  3. 프록시(proxy) 서버를 통한 보안
  4. 암호화(encryption)를 통한 보안
(정답률: 82%)
  • 네트워크 보안을 위해서는 내부 네트워크를 숨기는 사설 IP 사용이나 방화벽, 프록시 서버, 암호화 기술 등이 필요하며, 공용 IP 주소만을 이용하는 것은 보안 강화 방법으로 적절하지 않습니다.
profile_image
1

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

28. 자바스크립트로 배경색을 초록색으로 지정하려면 다음 중 어떤 문장을 사용해야 하는가?

  1. window.bgColor=""green";
  2. window.background="green";
  3. document.bgColor="green";
  4. document.background="green";
(정답률: 63%)
  • 자바스크립트에서 웹 문서의 배경색을 변경하기 위해서는 document 객체의 bgColor 속성을 사용해야 합니다.
profile_image
1

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

29. 인터넷 익스플로러 6.0에서 [도구]-[인터넷 옵션]-[내용] 탭에서 설정할 수 있는 것은?

  1. 쿠키 편집
  2. 언어 추가
  3. 인증서
  4. HTML 편집
(정답률: 57%)
  • 인터넷 익스플로러 6.0의 [내용] 탭에서는 보안 인증서 관리 및 설정 기능을 제공합니다.
profile_image
1

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

30. 다음 설명에 해당하는 자바스크립트 제어문은?

  1. switch
  2. for
  3. while
  4. do while
(정답률: 58%)

  • 실행문을 먼저 처리한 후 조건을 검사하기 때문에, 조건 만족 여부와 상관없이 최소 한 번은 반드시 실행되는 제어문은 do while 문입니다.
profile_image
1

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

31. HTML에서 ＜hr＞ 태그의 속성에 포함되지 않는 것은?

  1. size
  2. height
  3. noshade
  4. align
(정답률: 37%)
  • hr 태그는 수평선을 긋는 태그로, 굵기를 조절하는 size, 정렬을 결정하는 align, 입체감을 제거하는 noshade 속성을 사용합니다. height는 hr 태그의 속성에 포함되지 않습니다.
profile_image
1

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

32. 국내 검색엔진(Search Engine)이 아닌 것은?(2012 기준 문제로 기존 정답은 4번입니다. 여기서는 4번을 누르면 정답 처리 됩니다. 자세한 내용은 해설을 참고하세요.)

  1. 엠파스
  2. 네이버
  3. 다음
  4. 야후
(정답률: 84%)
  • 야후는 미국에서 시작된 해외 검색엔진입니다.

    오답 노트
    엠파스, 네이버, 다음: 국내에서 서비스된 국내 검색엔진
profile_image
1

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

33. 다음 중 URL 형식에서 :// 앞에 오는 것은?

  1. 프로토콜
  2. IP주소
  3. 접속 포트번호
  4. 디렉터리명
(정답률: 85%)
  • URL(Uniform Resource Locator)의 표준 형식은 '프로토콜://호스트주소:포트번호/경로' 순으로 구성되므로, :// 앞에 오는 것은 통신 규약인 프로토콜입니다.
profile_image
1

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

34. 데이터 통신에서 결선 방식(토폴로지)을 분류할 때 하나의 전송 채널을 사용하며, 분산제어 처리 방식을 적용하며, 구조적으로 Point-To-Point 방식으로 T자형 네트워크를 구성하는 것은?

  1. 성형(Star)방식
  2. 링형(Ring)방식
  3. 버스형(Bus)방식
  4. 나무형(Tree)방식
(정답률: 54%)
  • 하나의 전송 채널(공통 배선)을 공유하며, T자형 구조로 연결되어 분산제어 처리 방식을 사용하는 네트워크 토폴로지는 버스형(Bus)방식입니다.
profile_image
1

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

35. 다음 중 웹 페이지 저작도구로 가장 알맞은 것은?

  1. 드림위버(Dreamweaver)
  2. 마야(Maya)
  3. 3D 스튜디오 맥스(3D Studio MAX)
  4. 소프트이미지(Soft Image)
(정답률: 86%)
  • 드림위버(Dreamweaver)는 웹 페이지를 효율적으로 제작할 수 있는 대표적인 웹 저작도구입니다.

    오답 노트
    마야(Maya), 3D 스튜디오 맥스(3D Studio MAX), 소프트이미지(Soft Image) : 3D 그래픽 제작 도구
profile_image
1

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

36. 스팸 메일(spam mail)에 대한 설명으로 옳은 것은?

  1. 수신자의 허가 하에 전달되는 전자 우편을 말한다.
  2. 사용자 그룹의 구성원을 가리키는 수단으로 사용되는 대체명이다.
  3. 불특정 다수의 사람에게 일방적으로 전달되는 대량의 광고성 전자 우편을 말한다.
  4. 어떤 그룹에 소속된 사람들에게 정기적으로 메시지를 보내는 전자 우편을 말한다.
(정답률: 90%)
  • 스팸 메일은 수신자의 동의 없이 불특정 다수에게 일방적으로 전송되는 대량의 광고성 전자 우편을 의미합니다.
profile_image
1

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

37. 컴퓨터그래픽의 역사에 대한 설명으로 옳은 것은?

  1. 제5세대 - 멀티미디어 활성화
  2. 제4세대 - 트랜지스터의 개발
  3. 제3세대 - 에니악의 탄생
  4. 제2세대 - 대규모 집적회로의 개발 시기
(정답률: 73%)
  • 컴퓨터 그래픽스 제5세대는 인공지능, 멀티미디어, LED 및 PDP가 실용화된 시기입니다.

    오답 노트
    트랜지스터의 개발 : 제2세대
    에니악의 탄생 : 제1세대
    대규모 집적회로의 개발 : 제3세대
profile_image
1

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

38. 자바스크립트의 연산자가 아닌 것은?

  1. |, ||
  2. &, &&
  3. >>, >>>
  4. <<, <<<
(정답률: 61%)
  • 자바스크립트에서 비트 연산자로 왼쪽 시프트($<<$)는 존재하지만, $<<< $와 같은 연산자는 정의되어 있지 않습니다.

    오답 노트
    |, || : OR 및 논리 OR 연산자
    &, && : AND 및 논리 AND 연산자
    >>, >>> : 오른쪽 시프트 및 부호 없는 오른쪽 시프트 연산자
profile_image
1

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

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

  1. ASP
  2. JSP
  3. PHP
  4. XML
(정답률: 67%)
  • ASP, JSP, PHP는 서버 측에서 데이터를 가공하여 결과를 반환하는 서버 사이드 스크립트 언어이지만, XML은 데이터를 저장하고 전달하기 위해 설계된 마크업 언어입니다.
profile_image
1

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

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

  1. OR
  2. NOT
  3. AND
  4. AND NOT
(정답률: 76%)
  • AND 연산자는 검색어 A와 B를 모두 포함하는 교집합 데이터를 찾는 논리 연산자입니다.
profile_image
1

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

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

41. 웹 페이지 내에 애니메이션 장면이나 움직이는 이미지 광고를 삽입하고자 할 때 사용할 때 프로그램으로 거리가 먼 것은?

  1. Flash
  2. Image Ready
  3. Director
  4. CorelDraw
(정답률: 50%)
  • CorelDraw는 벡터 기반의 정지된 이미지를 제작하는 드로잉 프로그램으로, 애니메이션 제작과는 거리가 멉니다.
profile_image
1

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

42. 다음 중 애니메이션에 대한 설명으로 틀린 것은?

  1. 움직임이 없는 그림이나 사진 등에 생명이 있는 움직임을 부여하는 기술이다.
  2. 라틴어의 아니마투스(Animatus)에서 유래되었다.
  3. 연속된 그림을 통하여 계속 이어지게 보이는 2차원만의 영역을 의미한다.
  4. 애니메이션에서 사용되는 프레임은 낱개의 정지된 이미지를 말한다.
(정답률: 82%)
  • 애니메이션은 2차원 영역에 국한되지 않고, 3D CG 등을 통해 3차원 공간에서도 구현되는 광범위한 기술입니다.
profile_image
1

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

43. 다음 중 GIF 파일 포맷의 설명으로 틀린 것은?

  1. 이미지의 일부분을 투명하게 만들 수 있다.
  2. 1670만 가지의 색상을 인덱스색상으로 사용할 수 있다.
  3. 애니메이션 효과를 만들 수 있다.
  4. 이미지가 점진적으로 나타나는 Interlace 효과를 낼 수 있다.
(정답률: 67%)
  • GIF 포맷은 최대 256가지 색상만 표현할 수 있는 인덱스 색상 방식을 사용합니다.

    오답 노트
    1670만 가지 색상: JPEG 등 트루컬러 포맷의 특징입니다.
profile_image
1

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

44. 다음 중 웹사이트 내비게이션 구조(Navigation Structure)의 유형에 해당하지 않는 것은?

  1. Protocol structure
  2. Grid structure
  3. Hierarchical structure
  4. Sequential structure
(정답률: 55%)
  • 웹 내비게이션 구조는 사용자가 정보를 찾는 경로를 설계하는 것으로 계층형, 순차형, 격자형 등이 있습니다.

    오답 노트
    Protocol structure: 컴퓨터 간 데이터 통신을 위한 통신 규약을 의미하며 내비게이션 구조와는 무관합니다.
profile_image
1

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

45. 다음 중 2D 그래픽에 대한 설명으로 틀린 것은?

  1. 종이나 컴퍼스에 붓과 물감으로 그림을 그리는 개념이다.
  2. 주로 물체의 입체감을 표현하는데 가장 많이 쓰인다.
  3. 정지화상의 수정과 창조를 할 수 있다.
  4. 사진들을 합성하는 작업도 포함된다.
(정답률: 74%)
  • 2D 그래픽은 평면적인 이미지나 사진을 다루는 작업입니다.

    오답 노트
    주로 물체의 입체감을 표현하는데 가장 많이 쓰인다: 이는 3D 그래픽에 대한 설명입니다.
profile_image
1

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

46. 다음 중 웹 사이트 디자인 프로세스의 순서를 옳게 나열한 것은?

  1. 사이트 맵 그리기 → 기본디자인 구상하기 → 컨셉 정하기 → 세부디자인 구상하기
  2. 사이트 맵 그리기 → 컨셉 정하기 → 기본디자인 구상하기 → 세부디자인 구상하기
  3. 컨셉 정하기 → 기본디자인 구상하기 → 세부디자인 구상하기 → 사이트 맵 그리기
  4. 컨셉 정하기 → 사이트 맵 그리기 → 기본디자인 구상하기 → 세부디자인 구상하기
(정답률: 57%)
  • 웹 사이트 디자인은 전체적인 방향성을 설정하는 컨셉 정하기에서 시작하여, 구조를 설계하는 사이트 맵 그리기, 전체적인 틀을 잡는 기본디자인 구상하기, 마지막으로 구체적인 요소를 완성하는 세부디자인 구상하기 순으로 진행됩니다.
profile_image
1

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

47. 타이포그래피의 구성요소에 해당하지 않는 것은?

  1. Serif
  2. Line-spacing
  3. Letter-spacing
  4. Texturing
(정답률: 63%)
  • 타이포그래피는 글자의 서체, 간격, 배치 등을 다루는 디자인 요소입니다.

    오답 노트
    Texturing: 글자가 아닌 표면의 질감을 표현하는 기법입니다.
profile_image
1

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

48. 일반적으로 원본 이미지를 각각 BMP, JPG, PNG 파일 포맷으로 저장하였을 경우 파일용량의 크기를 바르게 비교한 것은?

  1. BMP>JPG>PNG
  2. BMP>PNG>JPG
  3. PNG>BMP>JPG
  4. PNG>JPG>BMP
(정답률: 55%)
  • BMP는 압축을 하지 않는 비트맵 방식이므로 용량이 가장 크며, PNG는 무손실 압축, JPG는 손실 압축 방식을 사용하므로 용량이 상대적으로 작습니다. 따라서 BMP > PNG > JPG 순으로 용량이 큽니다.
profile_image
1

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

49. 웹 스타일 방식 가운데 기업이미지의 일관성을 유지하면서 새로운 디자인으로 업그레이드 하는 것은?

  1. 픽셀아트 스타일
  2. 모던 스타일
  3. 아이덴티티 스타일
  4. 디지털 아트 스타일
(정답률: 78%)
  • 아이덴티티 스타일은 기업의 고유한 정체성(CI, BI)을 바탕으로 일관성을 유지하면서도, 시대적 흐름에 맞춰 디자인을 새롭게 업그레이드하는 방식입니다.
profile_image
1

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

50. 일반적으로 “해상도가 높다”라는 말의 의미로 틀린 것은?

  1. 이미지가 선명하다.
  2. 이미지 질(Quality)이 좋다.
  3. 이미지의 용량이 적다.
  4. 일정 단위의 크기에 많은 픽셀을 포함한다.
(정답률: 88%)
  • 해상도가 높다는 것은 일정 단위 면적 안에 더 많은 픽셀을 포함한다는 의미이며, 픽셀 수가 많아질수록 저장해야 할 정보량이 늘어나므로 이미지의 용량은 커지게 됩니다.
profile_image
1

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

51. 다음은 PhotoShop CS3에서 제작한 것이다. A 이미지를 B 이미지로 만들기 위해 필요한 명령어는?

  1. Flip Horizontal
  2. Flip Vertical
  3. Rotate
  4. Scale
(정답률: 78%)
  • 이미지 A가 좌우로 반전되어 B가 되었으므로, 수평 뒤집기를 의미하는 Flip Horizontal 명령어가 필요합니다.

    오답 노트
    Flip Vertical: 수직(상하) 뒤집기
profile_image
1

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

52. 다음 프로그램 중 벡터(Vector) 방식을 기반으로 하고 있지 않은 것은?

  1. 일러스트레이터
  2. 코렐드로우
  3. 프리핸드
  4. 포토샵
(정답률: 72%)
  • 포토샵은 픽셀이라는 작은 점들이 모여 이미지를 구성하는 비트맵(래스터) 방식을 기반으로 하는 프로그램입니다.
profile_image
1

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

53. 디지털 카메라로 노을이 지는 사진을 찍어서 웹사이트에 올리려고 한다. 일반적으로 최적화시키기 위해 파일 용량을 줄이려면 어떤 포맷으로 압축해야 하는가?

  1. FLA
  2. PSD
  3. JPG
  4. EPS
(정답률: 79%)
  • JPG(JPEG) 포맷은 손실 압축 방식을 사용하여 사진과 같이 색상이 다양하고 복잡한 이미지의 파일 용량을 획기적으로 줄일 수 있어 웹 최적화에 가장 적합합니다.
profile_image
1

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

54. 일반적으로 그레이스케일(Grayscale)의 최대 비트심도(bit depth)는 얼마인가?

  1. 1비트
  2. 2비트
  3. 8비트
  4. 16비트
(정답률: 61%)
  • 그레이스케일은 검은색(0)부터 흰색(255)까지 총 256단계의 명도로 구분합니다. 이를 비트로 환산하면 $2^8 = 256$이므로 최대 비트심도는 8비트가 됩니다.
profile_image
1

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

55. 다음 중 웹컬러 디자인의 목적과 맞지 않는 것은?

  1. 연상적인 목적
  2. 레이아웃의 목적
  3. 심미적인 목적
  4. 상징적인 목적
(정답률: 71%)
  • 웹컬러 디자인은 색상을 통해 특정 이미지를 떠올리게 하거나(연상적), 아름다움을 추구하고(심미적), 특정 의미를 전달하는(상징적) 목적을 가집니다. 레이아웃은 색상이 아닌 구성 요소의 배치와 구조에 관한 영역입니다.
profile_image
1

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

56. 컴퓨터그래픽스 시스템의 입력 장치로 옳지 않은 것은?

  1. 빔 프로젝션
  2. 키보드
  3. 마우스
  4. 스캐너
(정답률: 82%)
  • 빔 프로젝션은 컴퓨터에서 처리된 영상 데이터를 화면에 투사하여 보여주는 대표적인 출력 장치입니다.

    오답 노트
    키보드, 마우스, 스캐너: 사용자 데이터를 컴퓨터로 입력하는 입력 장치
profile_image
1

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

57. 웹 페이지 제작 시 웹 사이트 사용의 편리함을 높이기 위한 것으로 옳지 않은 것은?

  1. 로딩 시간에 구애받지 않고 intro 페이지를 화려하게 넣어 보는 즐거움을 준다.
  2. 이미지는 저해상도를 기본으로 하고 사용자의 선택에 따라 고해상도의 정밀 사진을 링크한다.
  3. 링크에 대한 설명은 링크 타이틀을 활용하여 텍스트로 제공한다.
  4. 과도하게 정보를 제공(배치 혹은 나열)해서는 안 된다.
(정답률: 83%)
  • 웹 사이트의 사용 편의성을 높이기 위해서는 빠른 로딩 속도가 필수적입니다. 로딩 시간에 구애받지 않고 화려한 intro 페이지를 넣는 것은 사용자의 대기 시간을 늘려 오히려 편의성을 저해하는 요소가 됩니다.
profile_image
1

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

58. 다음 중 PNG 파일 포맷의 설명으로 틀린 것은?

  1. 압축 기법을 사용하지 않는 포맷으로 높은 이미지의 품질을 그대로 유지할 수 있다.
  2. GIF와 JPEG의 장점을 합친 포맷으로 무손실 압축을 사용한다.
  3. 8비트의 256컬러나, 24비트의 트루컬러를 선택하여 저장할 수 있어 효율적이다.
  4. 인터레이스 로딩기법과 디더링 옵션, 투명도를 지정할 수 있다.
(정답률: 48%)
  • PNG는 압축 기법을 사용하지 않는 것이 아니라, 이미지 품질 손상 없이 원본 데이터를 복원할 수 있는 무손실 압축 방식을 사용하는 포맷입니다.
profile_image
1

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

59. 애니메이션 기법 중 축소형으로 입체 모델을 만들고 여기에 다른 기법을 병합하여 장면을 만드는 것은?

  1. 모핑 효과
  2. 로토스코핑 효과
  3. 미니어처 효과
  4. 페인팅 효과
(정답률: 77%)
  • 실제 대상보다 작은 축소형 입체 모델을 제작하고 이를 다른 기법과 병합하여 장면을 연출하는 애니메이션 기법은 미니어처 효과입니다.
profile_image
1

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

60. 홈페이지의 해당 컨셉(concept)을 이끌어 내기 위해 종이에 최대한 많이 그려봄으로써 여러 가지 구성을 만들어 보는 디자인 실무의 초기 작업은?

  1. 브레인스토밍
  2. 콘텐츠디자인
  3. 벤치마킹
  4. 아이디어스케치
(정답률: 80%)
  • 디자인 실무 초기 단계에서 컨셉을 구체화하기 위해 종이에 최대한 많은 구성안을 직접 그려보며 아이디어를 시각화하는 작업은 아이디어스케치입니다.
profile_image
1

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

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