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

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

목록

1과목: 디자인 일반

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

  1. 라틴어 ‘Communicate'를 어원으로 한다.
  2. 두 개 이상의 개체가 기호를 매개로 무언가를 공유하는 것이다.
  3. 운동과 시선을 중시하는 디자인이다.
  4. 사람과 사람 사이에 기호에 의해서 의미를 전달하는 과정이다.
(정답률: 88%)
  • 운동과 시선을 중시하는 디자인이라는 설명이 틀립니다. 커뮤니케이션 디자인은 사람과 사람 사이에 기호에 의해서 의미를 전달하는 과정을 의미합니다.
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%)
  • "자주(M) + 노랑(Y) + 청록(C) = 흰색(W)"이 틀린 것입니다. 이유는 자주(M), 노랑(Y), 청록(C)이 각각 빨강(R), 초록(G), 파랑(B)의 3원색이기 때문에 이들을 모두 섞으면 빛의 삼원색인 흰색(W)이 나와야 합니다. 따라서 "자주(M) + 노랑(Y) + 청록(C) = 흰색(W)"이 맞는 식입니다.
profile_image
1

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

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

  1. 진출색
  2. 후퇴색
  3. 수축색
  4. 팽창색
(정답률: 85%)
  • 명도가 낮아져서 색이 작아지는 듯한 느낌을 주기 때문에 "수축색"이라고 합니다. "진출색"은 색이 밀려나가는 듯한 느낌을 주고, "후퇴색"은 색이 물러나는 듯한 느낌을 주며, "팽창색"은 색이 넓어지는 듯한 느낌을 줍니다.
profile_image
1

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

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

  1. 형태
  2. 색채
  3. 크기
  4. 질감
(정답률: 91%)
  • 점, 선, 면 등이 연장되거나 발전, 변화되는 과정에서 형태가 형성되기 때문입니다. 형태는 디자인의 기본적인 구성 요소 중 하나로, 디자인의 전반적인 느낌과 미적 감각을 결정하는 중요한 역할을 합니다. 따라서 형태는 조형디자인에서 가장 기본적이고 중요한 요소 중 하나입니다.
profile_image
1

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

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

  1. 유사
  2. 유도
  3. 우연
  4. 관계
(정답률: 88%)
  • 정답은 "유사"입니다. 동질의 부분이 조합될 때 유사한 패턴, 색상, 질감 등이 반복되어 나타나게 됩니다. 이는 일관성 있는 디자인을 만들어내며, 시각적인 조화와 균형을 이루어줍니다. 따라서 유사한 요소들을 조합하여 디자인을 구성하는 것은 중요한 디자인 원리 중 하나입니다.
profile_image
1

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

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

  1. 사진의 망점
  2. 인쇄상의 스크린 톤
  3. 나뭇결 무늬
  4. 텔레비전 주사선
(정답률: 86%)
  • 나뭇결 무늬는 다른 예시들과는 달리 실제로 존재하는 자연의 형태이기 때문에 시각적으로 더욱 현실적인 질감을 가지고 있습니다. 또한 나무의 종류나 연도에 따라 무늬가 달라지기 때문에 각기 다른 성격을 가지고 있습니다.
profile_image
1

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

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

  1. 감산 혼합
  2. 가산 혼합
  3. 계시가법 혼합
  4. 중간 혼합
(정답률: 83%)
  • 가산 혼합은 빨강, 초록, 파랑 세 가지 색을 혼합하여 다양한 색상을 만드는 방식입니다. 이 방식은 빛의 삼원색이라고 불리며, 각 색상의 밝기를 높여가며 혼합하는 방식입니다. 따라서 컬러TV나 조명등에서 가장 많이 사용되는 방식입니다.
profile_image
1

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

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

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

    디자인은 제품, 서비스, 환경 등을 계획하고 설계하는 과정이며, 이를 통해 기능성, 실용성, 미적 가치 등을 고려하여 새로운 것을 창출하는 것을 말합니다. 따라서 디자인은 기존의 것을 유지하거나 파괴하는 것이 아니라, 새로운 것을 창출하는 과정입니다.
profile_image
1

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

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

  1. 균형
  2. 조화
  3. 비례
  4. 율동
(정답률: 56%)
  • 균형은 요소들 간에 시각적인 무게나 힘의 분포가 고르게 이루어져 있어 안정감을 주는 디자인 원리입니다. 부분과 부분 또는 전체와 부분 사이에서 균형을 유지하면 시각적으로 명쾌한 감정을 느끼게 됩니다. 따라서 정답은 "균형"입니다.
profile_image
1

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

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

  1. 질서의 원리
  2. 유사의 원리
  3. 친근감의 원리
  4. 기호의 원리
(정답률: 78%)
  • 저드의 색채 조화의 원리 중 "기호의 원리"는 해당하지 않습니다. 이는 색깔이나 형태가 특정한 의미를 나타내는 기호로 사용되는 경우를 말하는데, 이는 색채 조화와는 별개의 개념입니다. 다른 세 가지 원리인 "질서의 원리", "유사의 원리", "친근감의 원리"는 색채를 조화롭게 사용하는 방법에 대한 원리들입니다.
profile_image
1

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

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

  1. 합목적성, 유행성, 질서성, 독창성
  2. 합목적성, 심미성, 독창성, 경제성
  3. 합목정성, 심미성, 경제성, 국제성
  4. 합목정성, 창조성, 심미성, 질서성
(정답률: 90%)
  • 합목적성: 디자인이 제품의 기능과 목적에 부합해야 하며, 사용자의 편의성과 안전성을 고려해야 합니다.

    심미성: 디자인이 아름다움과 조화로움을 갖추어야 하며, 시각적으로 인상적이고 매력적이어야 합니다.

    독창성: 디자인이 창의적이고 독특한 아이디어를 담고 있어야 하며, 다른 제품과 구별되는 특징을 가져야 합니다.

    경제성: 디자인이 생산과 유통 과정에서 비용을 절감하고 효율적으로 생산될 수 있도록 고려해야 합니다. 이는 제품의 가격 경쟁력을 높이는 데에도 중요한 역할을 합니다.
profile_image
1

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

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

  1. 인테리어 디자인
  2. 광고 디자인
  3. 편집 디자인
  4. 시각 디자인
(정답률: 80%)
  • 인테리어 디자인은 공간을 디자인하는 분야로, 건축과 밀접한 관련이 있으며 3차원적인 요소가 많이 포함됩니다. 반면에 광고 디자인, 편집 디자인, 시각 디자인은 모두 2차원적인 요소가 많이 포함되며, 주로 이미지나 텍스트를 다루는 분야입니다. 따라서 인테리어 디자인은 나머지 세 가지 디자인 분야와 성격이 다릅니다.
profile_image
1

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

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

  1. 0~3
  2. 4~6
  3. 7~8
  4. 9~10
(정답률: 85%)
  • 먼셀의 무채색 11단계는 0부터 10까지의 숫자로 구성되어 있습니다. 이 중간 명도에 해당하는 단계는 4~6입니다. 이유는 0이 완전히 검은색이고 10이 완전히 흰색이라면, 중간인 5는 회색에 가까운 중간 명도를 나타내기 때문입니다. 따라서 4~6은 중간 명도에 해당하는 범위입니다.
profile_image
1

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

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

  1. 색감
  2. 항상성
  3. 고유성
  4. 질감
(정답률: 88%)
  • 질감은 물체의 표면이 가지고 있는 특징의 차이를 시각과 촉각을 통해 느낄 수 있는 성질을 의미합니다. 즉, 물체의 표면이 부드럽거나 거칠며, 울퉁불퉁하거나 매끄러운 등의 차이를 느낄 수 있습니다. 이러한 특징은 색감, 항상성, 고유성과는 다른 성질을 가지고 있기 때문에, 질감이라는 별도의 용어로 구분됩니다.
profile_image
1

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

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

  1. 네덜란드를 중심으로 한 신조형 운동으로 요소주의라고도 불리운다.
  2. 두스부르크, 몬드리안, 리트벨트 등이 주요 인물이다.
  3. 바우하우스의 조형사상에 큰 영향을 주었다.
  4. 현대의 조형 활동은 자연세계를 상징하고 표현하는데 중점을 두어야 한다고 생각하였다.
(정답률: 52%)
  • 현대의 조형 활동은 자연세계를 상징하고 표현하는데 중점을 두어야 한다고 생각하였다는 설명이 옳지 않습니다. 데 스틸은 자연의 형태를 단순화하고 기하학적인 요소를 강조하는 추상화된 예술을 추구했습니다. 따라서 자연세계를 상징하고 표현하는 것보다는 형태와 색상의 조화를 중요시했습니다.
profile_image
1

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

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

  1. 제품디자인
  2. 환경디자인
  3. 시각디자인
  4. 공예디자인
(정답률: 94%)
  • 시각디자인은 인간의 의사나 정보를 시각적으로 전달하는 디자인 분야이기 때문입니다. 제품디자인은 제품을 디자인하는 분야, 환경디자인은 주변 환경을 디자인하는 분야, 공예디자인은 수공예 작품을 디자인하는 분야입니다.
profile_image
1

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

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

  1. 대칭성
  2. 유사성
  3. 폐쇄성
  4. 연속성
(정답률: 80%)
  • 문자 인식은 폐쇄성 원리에 기반합니다. 폐쇄성이란, 도형이나 문자의 외곽선이 닫혀있어야 인식이 가능하다는 원리를 말합니다. 따라서 일부분이 끊어져 있어도 외곽선이 닫혀있으면 문자로 인식됩니다.
profile_image
1

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

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

  1. 한란 대비
  2. 명도 대비
  3. 채도 대비
  4. 색상 대비
(정답률: 66%)
  • 색상 대비는 서로 다른 색끼리의 조합에서 원래의 색보다 색상의 차이가 더욱 크게 느껴지는 것을 의미합니다. 이는 색상이 다른 두 색이 함께 있을 때, 두 색의 차이가 더욱 강조되어 보이기 때문입니다. 따라서, "색상 대비"가 정답입니다.
profile_image
1

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

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

  1. 대비
  2. 점증
  3. 반복
  4. 변칙
(정답률: 67%)
  • 율동(rhythm)은 일정한 패턴이나 반복적인 움직임을 가지고 있는데, 이 중 대비는 패턴이나 움직임의 일정성을 깨는 요소로서 율동과는 거리가 먼 것입니다. 대비는 일정한 패턴과는 다른 형태나 색상 등을 사용하여 주목성을 높이는 디자인 원리입니다. 따라서 율동의 요소와는 반대되는 개념으로, 거리가 먼 것으로 분류됩니다.
profile_image
1

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

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

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

    대비의 원리는 배색된 색채들이 서로 공통되는 상태와 속성을 가질 때 그 색채는 조화된다는 것을 의미합니다. 즉, 대비가 너무 강하거나 약하지 않고 적절한 경우에 색채가 조화롭게 느껴지는 것입니다. 대비가 너무 강하면 눈이 아프고, 약하면 무미건조한 느낌을 줄 수 있습니다.
profile_image
1

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

2과목: 인터넷 일반

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

  1. confirm()
  2. alert()
  3. eval()
  4. parseFloat()
(정답률: 47%)
  • parseFloat() 함수는 문자열을 실수로 변환해주는 내장 함수입니다. 이 함수는 문자열에서 숫자 부분만 추출하여 실수로 변환하고, 숫자 이외의 문자는 무시합니다. 따라서 수식으로 되어 있는 문자열도 계산하여 실수로 변환할 수 있습니다. 예를 들어, "3.14 + 2.5"와 같은 문자열을 parseFloat() 함수에 넣으면 5.64라는 실수값을 반환합니다.
profile_image
1

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

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

  1. 잘라내기
  2. 이 페이지에서 찾기
  3. 모두 선택
  4. 새로고침
(정답률: 64%)
  • 인터넷 익스플로러 6.0의 [편집] 메뉴에는 "잘라내기", "이 페이지에서 찾기", "모두 선택"이 포함되어 있지만, "새로고침"은 [보기] 메뉴에 포함되어 있습니다. 따라서 "새로고침"은 [편집] 메뉴에 포함되지 않은 것입니다.
profile_image
1

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

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

  1. 아무리 좋은 내용을 담고 있는 웹 페이지라 해도 디자인이 산만하면 사용자가 보기 불편하다.
  2. 텍스트 위주로만 웹 페이지를 제작하여 접속이 원활하도록 한다.
  3. 배경색과 문자 색상을 고려하여 가독성을 높일 수 있도록 해야 한다.
  4. 웹 디자인의 일관성을 유지하면서 동시에 사용성을 높여야 한다.
(정답률: 89%)
  • 웹 페이지를 제작할 때는 사용자의 접근성과 편의성을 고려해야 합니다. 따라서 텍스트 위주로만 웹 페이지를 제작하여 접속이 원활하도록 하는 것이 중요합니다. 이는 사용자가 원하는 정보를 빠르게 찾을 수 있도록 하며, 불필요한 디자인 요소로 인해 페이지 로딩 속도가 느려지는 것을 방지할 수 있습니다. 또한, 텍스트 위주로 제작하면 검색 엔진 최적화(SEO)에도 유리하며, 모바일 기기에서도 적절한 크기로 표시될 수 있습니다.
profile_image
1

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

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

  1. 웹브라우저
  2. 플러그 인
  3. 플래시
  4. 매크로미디어
(정답률: 68%)
  • 웹브라우저는 사용자가 웹 서버로부터 받은 하이퍼텍스트 문서를 해석하여 보여주는 프로그램입니다. 이 때, 멀티미디어 데이터의 재생과 하이퍼미디어 기능을 지원하여 사용자가 보다 풍부한 웹 경험을 할 수 있도록 도와줍니다. 따라서, 웹브라우저가 사용자가 웹 서버로부터 받은 문서를 볼 수 있게 해주는 프로그램이며, 다른 보기들인 플러그 인, 플래시, 매크로미디어는 웹브라우저에서 사용되는 보조적인 프로그램이거나 기술입니다.
profile_image
1

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

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

  1. URL
  2. IP
  3. TCP
  4. HTML
(정답률: 71%)
  • URL은 Uniform Resource Locator의 약자로, 웹 문서의 위치를 표시하는 표준이다. 따라서 웹 문서의 각종 서비스를 제공하는 서버들에 있는 파일의 위치를 표시해 주는 표준으로 URL이 사용된다. IP는 인터넷 프로토콜 주소를 나타내는 것이고, TCP는 전송 제어 프로토콜을 나타내는 것이며, HTML은 웹 문서를 작성하는 마크업 언어를 나타내는 것이다.
profile_image
1

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

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

  1. 익스플로러
  2. 네스케이프
  3. 모자이크
  4. 랜드스케이프
(정답률: 69%)
  • 최초의 GUI 환경의 웹 브라우저는 모자이크입니다. 이는 모자이크가 1993년에 처음 출시되어 웹의 보급과 함께 인기를 얻었기 때문입니다. 또한 모자이크는 그래픽 사용자 인터페이스(GUI)를 처음으로 도입하여 사용자 친화적인 웹 브라우징 경험을 제공했습니다.
profile_image
1

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

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

  1. 공용(public) IP 주소만을 이용한 보안
  2. 방화벽(firewall)을 통한 보안
  3. 프록시(proxy) 서버를 통한 보안
  4. 암호화(encryption)를 통한 보안
(정답률: 82%)
  • 공용(public) IP 주소는 인터넷 상에서 모든 사용자가 공유하는 주소이기 때문에, 해당 주소만을 이용한 보안은 다른 사용자들에게도 노출될 수 있어 보안성이 매우 취약합니다. 따라서, 보안을 강화하기 위해서는 방화벽, 프록시 서버, 암호화 등 다양한 방법을 함께 사용해야 합니다.
profile_image
1

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

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

  1. window.bgColor=""green";
  2. window.background="green";
  3. document.bgColor="green";
  4. document.background="green";
(정답률: 64%)
  • 정답은 "document.bgColor="green";"입니다.

    이유는 다음과 같습니다.

    - "window.bgColor"은 윈도우 객체의 속성이 아니므로 사용할 수 없습니다.
    - "window.background"는 윈도우 객체의 속성이 아니며, 배경색을 지정하는 속성도 아닙니다.
    - "document.background"는 문서 객체의 속성이 아니며, 배경색을 지정하는 속성도 아닙니다.
    - "document.bgColor"는 문서 객체의 배경색을 지정하는 속성입니다. 따라서 "document.bgColor="green";"을 사용하면 배경색을 초록색으로 지정할 수 있습니다.
profile_image
1

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

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

  1. 쿠키 편집
  2. 언어 추가
  3. 인증서
  4. HTML 편집
(정답률: 61%)
  • 인터넷 익스플로러 6.0에서 [도구]-[인터넷 옵션]-[내용] 탭에서 설정할 수 있는 것은 쿠키 편집, 언어 추가, 인증서, HTML 편집입니다. 그 중에서도 인증서는 보안과 관련된 설정으로, 인터넷에서 안전하게 정보를 주고받기 위해 사용됩니다. 인증서는 인터넷에서 데이터를 암호화하고 복호화하는 과정에서 사용되며, 인증서를 통해 웹사이트의 신원을 확인하고 안전한 통신을 보장할 수 있습니다. 따라서 인터넷 익스플로러 6.0에서 인증서를 설정할 수 있는 것은 중요한 보안 관련 기능 중 하나입니다.
profile_image
1

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

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

  1. switch
  2. for
  3. while
  4. do while
(정답률: 62%)
  • 이 제어문은 먼저 코드 블록을 실행한 후에 조건을 검사하는 "do while" 문입니다. 따라서 코드 블록이 최소한 한 번은 실행되도록 보장합니다. 그리고 이미지에서 "do"와 "while" 키워드가 함께 사용되고 있기 때문에 이 문장이 "do while" 문임을 알 수 있습니다.
profile_image
1

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

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

  1. size
  2. height
  3. noshade
  4. align
(정답률: 46%)
  • ＜hr＞ 태그의 속성 중에는 "size", "noshade", "align"이 포함되어 있지만, "height"는 포함되어 있지 않습니다. 이는 ＜hr＞ 태그가 수평선을 그리는 태그이기 때문입니다. 따라서 높이(height) 속성은 필요하지 않습니다. 대신에 "size" 속성을 사용하여 수평선의 두께를 조절할 수 있습니다.
profile_image
1

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

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

  1. 엠파스
  2. 네이버
  3. 다음
  4. 야후
(정답률: 85%)
  • 정답은 "야후"입니다. 야후는 미국의 검색엔진으로 국내에서는 사용되지 않습니다.
profile_image
1

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

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

  1. 프로토콜
  2. IP주소
  3. 접속 포트번호
  4. 디렉터리명
(정답률: 84%)
  • :// 앞에 오는 것은 프로토콜입니다. URL은 인터넷 상에서 자원에 접근하기 위한 주소를 나타내는 것인데, 이때 어떤 프로토콜을 사용하여 접근할 것인지를 나타내기 때문입니다. 예를 들어, http://www.example.com은 HTTP 프로토콜을 사용하여 www.example.com 서버에 접근하겠다는 것을 나타냅니다.
profile_image
1

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

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

  1. 성형(Star)방식
  2. 링형(Ring)방식
  3. 버스형(Bus)방식
  4. 나무형(Tree)방식
(정답률: 57%)
  • 버스형 방식은 하나의 전송 채널을 사용하며, 분산제어 처리 방식을 적용하며, 구조적으로 Point-To-Point 방식으로 T자형 네트워크를 구성합니다. 따라서 이러한 특징들이 모두 충족되는 유일한 결선 방식은 버스형 방식입니다.
profile_image
1

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

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

  1. 드림위버(Dreamweaver)
  2. 마야(Maya)
  3. 3D 스튜디오 맥스(3D Studio MAX)
  4. 소프트이미지(Soft Image)
(정답률: 86%)
  • 웹 페이지를 제작하는 데에는 HTML, CSS, JavaScript 등의 언어를 사용해야 합니다. 이러한 언어들을 효율적으로 작성하고 관리하기 위해서는 전문적인 웹 페이지 저작도구가 필요합니다. 이 중에서도 드림위버(Dreamweaver)는 HTML, CSS, JavaScript 등의 언어를 지원하며, WYSIWYG(What You See Is What You Get) 방식으로 작업이 가능합니다. 또한, 코드 자동완성, 디자인 템플릿, 라이브 뷰 등의 기능을 제공하여 웹 페이지 제작을 보다 쉽고 빠르게 할 수 있습니다. 따라서, 드림위버(Dreamweaver)가 웹 페이지 저작도구로 가장 알맞습니다.
profile_image
1

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

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

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

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

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

  1. 제5세대 - 멀티미디어 활성화
  2. 제4세대 - 트랜지스터의 개발
  3. 제3세대 - 에니악의 탄생
  4. 제2세대 - 대규모 집적회로의 개발 시기
(정답률: 72%)
  • 컴퓨터그래픽의 역사에서 제5세대는 멀티미디어 기술이 활성화되어 다양한 미디어를 통합적으로 다룰 수 있는 기술이 개발되었던 시기입니다. 이전 세대들은 주로 하드웨어 기술의 발전에 초점을 두었다면, 제5세대는 소프트웨어 기술의 발전에 주목하였습니다. 이러한 멀티미디어 기술의 발전은 현재의 디지털 콘텐츠 산업의 발전에 큰 역할을 하였습니다.
profile_image
1

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

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

  1. |, ||
  2. &, &&
  3. >>, >>>
  4. <<, <<<
(정답률: 60%)
  • "<<, <<<"은 비트 연산자이며, 자바스크립트의 일반적인 연산자가 아닙니다. "<<"는 왼쪽 시프트 연산자로, 피연산자의 비트를 왼쪽으로 이동시키고 빈 자리는 0으로 채웁니다. "<<<"는 부호 없는 왼쪽 시프트 연산자로, 피연산자의 비트를 왼쪽으로 이동시키고 빈 자리는 0으로 채웁니다.
profile_image
1

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

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

  1. ASP
  2. JSP
  3. PHP
  4. XML
(정답률: 67%)
  • XML은 데이터를 표현하기 위한 마크업 언어이며, 스크립트 언어가 아닙니다. 따라서 클라이언트의 요청에서 데이터를 가공하여 새로운 결과 문서를 반환하는데 사용되는 스크립트 언어가 아닙니다.
profile_image
1

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

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

  1. OR
  2. NOT
  3. AND
  4. AND NOT
(정답률: 75%)
  • AND 연산자는 좌우의 검색어를 모두 포함하는 데이터를 찾는 정보검색 연산자입니다. 다른 연산자들은 좌우의 검색어 중 하나만 포함하거나, 좌우의 검색어 중 하나를 제외하는 등의 다른 조건을 가지고 있습니다.
profile_image
1

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

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

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

  1. Flash
  2. Image Ready
  3. Director
  4. CorelDraw
(정답률: 52%)
  • 정답인 CorelDraw는 벡터 그래픽 소프트웨어로, 웹 페이지 내에 애니메이션 장면이나 움직이는 이미지 광고를 삽입할 때 사용할 수 있습니다. CorelDraw는 다양한 도구와 기능을 제공하여 사용자가 직접 디자인하고 애니메이션을 만들 수 있습니다. Flash나 Director는 애니메이션 제작에 특화된 소프트웨어이지만, CorelDraw는 그래픽 디자인과 애니메이션 제작을 모두 가능하게 해주는 범용적인 소프트웨어입니다. Image Ready는 이미지 편집 소프트웨어로, 애니메이션 제작에는 적합하지 않습니다.
profile_image
1

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

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

  1. 움직임이 없는 그림이나 사진 등에 생명이 있는 움직임을 부여하는 기술이다.
  2. 라틴어의 아니마투스(Animatus)에서 유래되었다.
  3. 연속된 그림을 통하여 계속 이어지게 보이는 2차원만의 영역을 의미한다.
  4. 애니메이션에서 사용되는 프레임은 낱개의 정지된 이미지를 말한다.
(정답률: 79%)
  • 정답은 "애니메이션에서 사용되는 프레임은 낱개의 정지된 이미지를 말한다." 이다. 애니메이션에서 사용되는 프레임은 연속된 그림을 통해 움직임을 만들어내는 단위이며, 이러한 연속된 그림들이 모여서 2차원만의 영역을 이루어 애니메이션을 구성한다.
profile_image
1

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

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

  1. 이미지의 일부분을 투명하게 만들 수 있다.
  2. 1670만 가지의 색상을 인덱스색상으로 사용할 수 있다.
  3. 애니메이션 효과를 만들 수 있다.
  4. 이미지가 점진적으로 나타나는 Interlace 효과를 낼 수 있다.
(정답률: 66%)
  • 정답은 "1670만 가지의 색상을 인덱스색상으로 사용할 수 있다." 이다. GIF 파일 포맷은 최대 256가지 색상만을 사용할 수 있으며, 이를 인덱스 색상이라고 한다. 따라서 1670만 가지의 색상을 사용할 수 없다.
profile_image
1

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

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

  1. Protocol structure
  2. Grid structure
  3. Hierarchical structure
  4. Sequential structure
(정답률: 57%)
  • "Protocol structure"은 웹사이트 내비게이션 구조의 유형이 아닙니다. 프로토콜 구조는 네트워크 통신에서 사용되는 규약이나 규칙을 나타내는 것으로, 웹사이트 내비게이션과는 관련이 없습니다. 따라서 정답은 "Protocol structure"입니다.
profile_image
1

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

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

  1. 종이나 컴퍼스에 붓과 물감으로 그림을 그리는 개념이다.
  2. 주로 물체의 입체감을 표현하는데 가장 많이 쓰인다.
  3. 정지화상의 수정과 창조를 할 수 있다.
  4. 사진들을 합성하는 작업도 포함된다.
(정답률: 77%)
  • "종이나 컴퍼스에 붓과 물감으로 그림을 그리는 개념이다."가 틀린 설명입니다. 2D 그래픽은 주로 평면적인 그림을 그리는 것으로, 입체감을 표현하기 위해서는 그림의 선과 색상 등을 조절하여 시각적 효과를 주는 기술을 사용합니다. 따라서 "주로 물체의 입체감을 표현하는데 가장 많이 쓰인다."라는 설명이 맞습니다.
profile_image
1

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

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

  1. 사이트 맵 그리기 → 기본디자인 구상하기 → 컨셉 정하기 → 세부디자인 구상하기
  2. 사이트 맵 그리기 → 컨셉 정하기 → 기본디자인 구상하기 → 세부디자인 구상하기
  3. 컨셉 정하기 → 기본디자인 구상하기 → 세부디자인 구상하기 → 사이트 맵 그리기
  4. 컨셉 정하기 → 사이트 맵 그리기 → 기본디자인 구상하기 → 세부디자인 구상하기
(정답률: 56%)
  • 정답은 "컨셉 정하기 → 사이트 맵 그리기 → 기본디자인 구상하기 → 세부디자인 구상하기"입니다.

    컨셉 정하기는 웹 사이트의 전반적인 분위기와 디자인 방향성을 결정하는 단계입니다. 이후에는 사이트 맵을 그려서 웹 사이트의 구조와 내용을 계획합니다. 기본 디자인 구상 단계에서는 전체적인 레이아웃, 색상, 폰트 등을 결정하고, 세부 디자인 구상 단계에서는 각각의 페이지나 요소들의 디자인을 구체화합니다. 따라서, 컨셉 정하기 → 사이트 맵 그리기 → 기본디자인 구상하기 → 세부디자인 구상하기의 순서가 옳습니다.
profile_image
1

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

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

  1. Serif
  2. Line-spacing
  3. Letter-spacing
  4. Texturing
(정답률: 60%)
  • 타이포그래피의 구성요소는 글꼴, 크기, 색상, 줄 간격, 문자 간격 등이 있습니다. 이 중 "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
(정답률: 57%)
  • 정답: BMP>PNG>JPG

    이유:
    - BMP는 압축을 하지 않기 때문에 파일 용량이 크다.
    - PNG는 압축을 하지만, 무손실 압축 방식을 사용하기 때문에 JPG보다는 용량이 크다.
    - JPG는 압축을 하며, 손실 압축 방식을 사용하기 때문에 BMP와 PNG에 비해 용량이 작다.
profile_image
1

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

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

  1. 픽셀아트 스타일
  2. 모던 스타일
  3. 아이덴티티 스타일
  4. 디지털 아트 스타일
(정답률: 76%)
  • 아이덴티티 스타일은 기업이미지를 일관성 있게 유지하면서 새로운 디자인으로 업그레이드하는 방식으로, 로고, 컬러, 폰트 등 기업의 시각적인 요소들을 통일된 스타일로 관리하여 브랜드 이미지를 강화하는 방법입니다. 따라서 이 문제에서는 기업이미지의 일관성을 유지하면서 디자인을 업그레이드하는 것을 설명하는 아이덴티티 스타일이 정답입니다.
profile_image
1

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

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

  1. 이미지가 선명하다.
  2. 이미지 질(Quality)이 좋다.
  3. 이미지의 용량이 적다.
  4. 일정 단위의 크기에 많은 픽셀을 포함한다.
(정답률: 87%)
  • 해상도가 높다는 것은 일정 단위의 크기에 많은 픽셀을 포함한다는 것을 의미합니다. 따라서 이미지의 용량이 적다는 것은 해상도가 낮아서 픽셀 수가 적어서 이미지의 용량이 작다는 것을 의미합니다. 따라서 "이미지의 용량이 적다"는 해상도가 높다는 말의 의미와 반대되는 내용입니다.
profile_image
1

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

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

  1. Flip Horizontal
  2. Flip Vertical
  3. Rotate
  4. Scale
(정답률: 77%)
  • 정답은 "Flip Horizontal"입니다. 이유는 이미지를 좌우 반전시켜야 하기 때문입니다. "Flip Vertical"은 이미지를 상하 반전시키는 명령어이고, "Rotate"는 이미지를 회전시키는 명령어입니다. "Scale"은 이미지의 크기를 조절하는 명령어입니다.
profile_image
1

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

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

  1. 일러스트레이터
  2. 코렐드로우
  3. 프리핸드
  4. 포토샵
(정답률: 72%)
  • 정답은 "포토샵"입니다. 포토샵은 래스터(Raster) 방식을 기반으로 하고 있으며, 이미지를 픽셀 단위로 처리합니다. 벡터(Vector) 방식은 이미지를 수학적인 공식으로 표현하여 확대 및 축소에도 깨지지 않는 이미지를 만들어내는 방식입니다. 따라서 포토샵은 벡터 그래픽을 다루는 것보다는 이미지 편집에 더 적합한 프로그램입니다.
profile_image
1

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

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

  1. FLA
  2. PSD
  3. JPG
  4. EPS
(정답률: 81%)
  • JPG는 압축률이 높아서 파일 용량을 작게 만들 수 있기 때문에 웹에서 이미지를 사용할 때 일반적으로 많이 사용됩니다. FLA, PSD, EPS는 이미지 파일이 아니며, FLA와 PSD는 원본 파일을 유지하기 위한 포맷이고, EPS는 인쇄용 이미지를 위한 벡터 포맷입니다.
profile_image
1

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

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

  1. 1비트
  2. 2비트
  3. 8비트
  4. 16비트
(정답률: 64%)
  • 그레이스케일은 흑백 이미지를 의미하며, 각 픽셀은 밝기 값으로 표현됩니다. 이 밝기 값은 0부터 255까지의 숫자로 표현됩니다. 8비트는 2의 8승인 256가지 숫자를 표현할 수 있으므로, 그레이스케일의 최대 비트심도는 8비트입니다. 따라서, 정답은 "8비트"입니다.
profile_image
1

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

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

  1. 연상적인 목적
  2. 레이아웃의 목적
  3. 심미적인 목적
  4. 상징적인 목적
(정답률: 70%)
  • 웹컬러 디자인의 목적은 연상적, 심미적, 상징적인 목적을 달성하기 위한 것입니다. 그러나 레이아웃의 목적은 디자인 요소들을 배치하여 사용자가 쉽게 정보를 찾을 수 있도록 하는 것입니다. 따라서 레이아웃의 목적은 웹컬러 디자인의 목적과는 다릅니다.
profile_image
1

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

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

  1. 빔 프로젝션
  2. 키보드
  3. 마우스
  4. 스캐너
(정답률: 83%)
  • 빔 프로젝션은 출력 장치이며, 이미지나 동영상 등을 투사하는 기능을 가지고 있기 때문에 입력 장치로는 옳지 않습니다. 따라서 정답은 "빔 프로젝션"입니다.
profile_image
1

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

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

  1. 로딩 시간에 구애받지 않고 intro 페이지를 화려하게 넣어 보는 즐거움을 준다.
  2. 이미지는 저해상도를 기본으로 하고 사용자의 선택에 따라 고해상도의 정밀 사진을 링크한다.
  3. 링크에 대한 설명은 링크 타이틀을 활용하여 텍스트로 제공한다.
  4. 과도하게 정보를 제공(배치 혹은 나열)해서는 안 된다.
(정답률: 83%)
  • "로딩 시간에 구애받지 않고 intro 페이지를 화려하게 넣어 보는 즐거움을 준다."는 옳지 않은 것입니다. 이는 로딩 시간을 늘리고 사용자 경험을 저하시키는 요소이기 때문입니다. 사용자는 빠르게 정보를 얻고자 하기 때문에, intro 페이지는 생략하는 것이 좋습니다.
profile_image
1

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

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

  1. 압축 기법을 사용하지 않는 포맷으로 높은 이미지의 품질을 그대로 유지할 수 있다.
  2. GIF와 JPEG의 장점을 합친 포맷으로 무손실 압축을 사용한다.
  3. 8비트의 256컬러나, 24비트의 트루컬러를 선택하여 저장할 수 있어 효율적이다.
  4. 인터레이스 로딩기법과 디더링 옵션, 투명도를 지정할 수 있다.
(정답률: 51%)
  • "압축 기법을 사용하지 않는 포맷으로 높은 이미지의 품질을 그대로 유지할 수 있다."가 틀린 설명입니다. PNG 파일 포맷은 무손실 압축을 사용하기 때문에 이미지의 품질을 그대로 유지하면서 파일 크기를 줄일 수 있습니다.
profile_image
1

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

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

  1. 모핑 효과
  2. 로토스코핑 효과
  3. 미니어처 효과
  4. 페인팅 효과
(정답률: 75%)
  • 미니어처 효과는 축소형으로 만든 입체 모델을 이용하여 큰 규모의 장면을 작은 모형으로 만들어 표현하는 기법입니다. 이를 통해 작은 모형을 이용하여 실제 크기보다 더 큰 규모의 장면을 표현할 수 있습니다.
profile_image
1

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

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

  1. 브레인스토밍
  2. 콘텐츠디자인
  3. 벤치마킹
  4. 아이디어스케치
(정답률: 81%)
  • 아이디어스케치는 디자인 실무의 초기 작업으로, 종이에 최대한 많이 그려봄으로써 여러 가지 구성을 만들어 보는 것입니다. 이를 통해 홈페이지의 컨셉을 이끌어 내고, 디자인 아이디어를 시각화하여 구체화할 수 있습니다. 따라서 "아이디어스케치"가 정답입니다.
profile_image
1

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

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