웹디자인개발기능사 필기 기출문제복원 (2015-10-10)

웹디자인개발기능사 2015-10-10 필기 기출문제 해설

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

웹디자인개발기능사
(2015-10-10 기출문제)

목록

1과목: 디자인 일반

1. 유채색에서 볼 수 있는 대비로 연속대비라고도 하며, 잔상 효과와 가장 밀접한 관련이 있는 것은?

  1. 색상대비
  2. 계시대비
  3. 채도대비
  4. 명도대비
(정답률: 75%)
  • 계시대비는 특정 색상을 본 후 일정 시간이 지난 뒤에 느껴지는 대비 효과로, 연속대비라고도 하며 소극적 잔상 효과와 밀접한 관련이 있습니다.

    오답 노트
    색상대비: 인접한 색상 간의 차이가 커 보이는 현상
    채도대비: 채도가 다른 두 색이 영향을 주어 채도 차이가 나는 현상
    명도대비: 명도가 다른 두 색이 영향을 주어 명도가 다르게 느껴지는 현상
profile_image
1

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

2. 다음 그림에 대한 설명으로 옳은 것은?

  1. 반사 운용
  2. 회전 운용
  3. 팽창 이동 패턴
  4. 조화 패턴
(정답률: 94%)
  • 제시된 이미지 를 보면 기본 형태가 오른쪽으로 이동하면서 점차 크기가 커지는 양상을 보이므로 팽창 이동 패턴에 해당합니다.

    오답 노트
    반사 운용: 상하 또는 좌우 반전이 없음
    회전 운용: 각도 변화가 없음
    조화 패턴: 다양성을 유지한 어울림이 부족함
profile_image
1

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

3. 기계화와 대량 생산에 의한 생활 용품의 품질 저하에 반대하여 월리엄 모리스를 중심으로 영국에서 일어난 것은?

  1. 산업혁명
  2. 아르 누보
  3. 미술공예운동
  4. 대규모생산운동
(정답률: 87%)
  • 윌리엄 모리스를 중심으로 전개된 미술공예운동은 산업혁명으로 인한 기계화와 대량 생산 방식이 생활 용품의 품질을 저하시킨 것에 반대하여, 수공예의 가치를 회복하고자 한 운동입니다.
profile_image
1

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

4. 다음 색체계열 중 피를 많이 보는 수술실과 같은 공간에 가장 알맞은 것은?

  1. 갈색계열
  2. 흰색계열
  3. 녹색계열
  4. 보라색계열
(정답률: 90%)
  • 수술실에서는 붉은색(피)을 계속 보게 되므로, 시각적 피로를 줄이고 잔상을 제거하기 위해 보색 관계에 있는 녹색계열을 사용하는 것이 가장 적합합니다.
profile_image
1

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

5. 다음의 관용색명 중 성격이 다른 것은?

  1. 살구색
  2. 밤색
  3. 레몬색
  4. 상아색
(정답률: 77%)
  • 관용색명은 사물의 이름을 빌려 색을 표현하는 것입니다. 살구색, 밤색, 레몬색은 식물에서 유래된 색상이지만, 상아색은 코끼리의 상아라는 동물성 재료에서 유래되었으므로 성격이 다릅니다.
profile_image
1

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

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

  1. 전자파
  2. 감마선
  3. 스펙트럼
  4. 자외선
(정답률: 94%)
  • 프리즘을 통해 빛이 굴절되어 나타나는 여러 가지 색의 띠를 스펙트럼이라고 합니다.
profile_image
1

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

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

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

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

8. 선(Line)에 대한 설명으로 잘못된 것은?

  1. 유기적인 선은 정확하고 긴장되며 기계적인 느낌을 준다.
  2. 수직선은 세로로 된 선으로 숭고한 느낌을 준다.
  3. 수평선은 가로로 된 선으로 편안한 느낌을 준다.
  4. 사선은 비스듬한 선으로 동적인 움직임과 불안한 느낌을 준다.
(정답률: 82%)
  • 유기적인 선은 곡선 위주의 부드럽고 자유로운 느낌을 주는 선입니다. 정확하고 긴장되며 기계적인 느낌을 주는 것은 기하학적인 선의 특징입니다.
profile_image
1

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

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

  1. 사진의 망점
  2. 인쇄상의 스크린 톤
  3. 대리석 무늬
  4. 모니터 주사선
(정답률: 73%)
  • 대리석 무늬는 자연적으로 형성된 자연적 질감에 해당합니다. 반면 사진의 망점, 인쇄상의 스크린 톤, 모니터 주사선은 인위적으로 만들어진 기계적 질감입니다.
profile_image
1

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

10. 체계적인 국가 정책을 기반으로 공학적이며, 기능적인 디자인이 특징인 국가는?

  1. 중국
  2. 프랑스
  3. 스칸디나비아
  4. 독일
(정답률: 79%)
  • 독일은 바우하우스(Bauhaus)의 영향으로 체계적인 국가 정책을 기반으로 한 공학적이고 기능적인 디자인이 특징인 국가입니다.
profile_image
1

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

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

  1. 비례
  2. 황금비
  3. 삼각분할
  4. 루트비례
(정답률: 93%)
  • 주어진 길이를 가장 이상적으로 나누는 비이며, 근삿값이 약 $1.618$인 무리수를 황금비라고 합니다.
profile_image
1

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

12. 망막에 다른 색광이 자극하여 혼합되는 현상으로 색 점이 서로 가깝게 있어 명도와 채도가 떨어지지 않는 혼합 방식은?

  1. 보색혼합
  2. 병치혼합
  3. 가산혼합
  4. 감산혼합
(정답률: 62%)
  • 병치혼합은 작은 색 점이나 선들이 조밀하게 나열되어 있을 때, 망막에서 이들이 혼합되어 보임으로써 명도와 채도의 저하 없이 색이 섞여 보이는 현상입니다.
profile_image
1

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

13. 음에서도 색을 느낄 수 있는데 이 현상을 무엇이라 하는가?

  1. 명시성
  2. 공감각
  3. 색청
  4. 주목성
(정답률: 70%)
  • 음(音)을 들었을 때 청각 외에 특정한 색채 감각이 함께 일어나는 현상을 색청이라고 합니다. 한자어 '들을 청(聽)' 자를 통해 청각적 자극이 색으로 변환됨을 알 수 있습니다.
profile_image
1

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

14. 게슈탈트(Gestalt)의 형태에 관한 시각 기본 법칙에 해당 되지 않는 것은?

  1. 통일
  2. 근접
  3. 유사
  4. 연속
(정답률: 74%)
  • 게슈탈트 시각 법칙은 인간이 개별 요소보다 전체적인 형태로 인식하려는 경향을 설명하며, 근접, 유사, 연속, 폐쇄, 단순성, 공동운명, 대칭의 법칙이 이에 해당합니다.

    오답 노트
    통일: 게슈탈트의 기본 법칙이 아닌 디자인의 일반 원리입니다.
profile_image
1

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

15. 다음 중 2차원 디자인에 포함되지 않는 것은?

  1. 타이포그래피
  2. 일러스트레이션
  3. 애니메이션
  4. 편집디자인
(정답률: 81%)
  • 애니메이션은 시간의 흐름에 따른 움직임과 공간감을 다루는 3차원 디자인 영역에 속하므로, 평면적인 2차원 디자인에 포함되지 않습니다.
profile_image
1

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

16. 굿 디자인(Good Design)의 조건으로 옳은 것은?

  1. 합목적성, 실용성, 경제성, 효용성
  2. 합목적성, 심미성, 모방성, 경제성
  3. 합목적성, 경제성, 심미성, 독창성
  4. 합목적성, 심미성, 질서성, 독창성
(정답률: 80%)
  • 굿 디자인의 기본 조건은 제품의 목적에 부합하는 합목적성, 아름다움을 추구하는 심미성, 새로운 아이디어를 적용한 독창성, 그리고 생산 비용과 효율을 고려한 경제성을 모두 갖추는 것입니다.
profile_image
1

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

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

  1. 0~3
  2. 4~6
  3. 7~8
  4. 9~10
(정답률: 82%)
  • 먼셀의 무채색 11단계는 $0$부터 $10$까지 구성되며, 전체의 중심인 명도 $5$를 기준으로 앞뒤 $1$단계씩 포함한 $4$~$6$ 단계가 중간 명도에 해당합니다.
profile_image
1

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

18. 디자인 원리 중 균형(balance)에 해당하지 않는 것은?

  1. 대칭
  2. 비례
  3. 율동
  4. 주도와 종속
(정답률: 63%)
  • 균형은 대칭, 비례, 주도와 종속 등을 통해 시각적 안정감을 주는 원리입니다. 반면 율동은 리듬에 해당하며, 변화가 있는 율동은 오히려 비균형(unbalance) 상태를 유발합니다.
profile_image
1

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

19. 다음 중 색채 계획상 유의할 점으로 관련성이 가장 적은 것은?

  1. 안정성
  2. 경제성
  3. 심미성
  4. 도덕성
(정답률: 85%)
  • 색채 계획 시 유의해야 할 핵심 요소는 안정성, 경제성, 심미성, 사회성입니다. 도덕성은 색채 계획의 직접적인 고려 사항과 관련성이 가장 적습니다.
profile_image
1

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

20. "디자인대상이 되는 것은 모두가 실용적으로 사용할 수 있는 것이다"에 해당하는 디자인의 조건으로 가장 옳은 것은?

  1. 심미성
  2. 독창성
  3. 합목적성
  4. 경제성
(정답률: 84%)
  • 디자인의 1차 조건인 합목적성은 목적에 맞는 기능성과 실용성을 갖추어 객관적이고 과학적으로 사용할 수 있는 상태를 의미합니다.

    오답 노트
    심미성: 아름다움을 느끼는 주관적 미의식
    독창성: 차별화된 창조적 아이디어
    경제성: 최소 비용으로 최대 효과를 내는 것
profile_image
1

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

2과목: 인터넷 일반

21. HTML 문서에 자바스크립트를 삽입하는 방법으로 틀린 것은?

  1. HTML 문서의<head>나, <body>태그(tag) 사이에 소스를 직접 입력한다.
  2. 자바스크립트 소스를 확장자 .js인 외부 파일로 저장하여 불러온다.
  3. 소스가 길어질 경우 함수로 이름을 지정해 호출하여 사용한다.
  4. HTML 문서의 태그 내에 애플릿과 함께 사용한다.
(정답률: 63%)
  • 자바 애플릿은 Java 기반의 리치 인터넷 애플리케이션으로, HTML5 표준에서는 폐지되었으며 현재는 embed 태그 등을 사용하여 대체합니다.
profile_image
1

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

22. 다음 인터넷 검색엔진 중 주제별 검색에 의한 1 기법을 사용하지 않는 것은?

  1. 야후(Yahoo)
  2. 네이버(Naver)
  3. 멀티서치(Multisearch)
  4. 다음(Daum)
(정답률: 88%)
  • 멀티서치(Multisearch)는 여러 검색 엔진의 결과를 동시에 보여주는 메타 검색 엔진 방식으로, 주제별로 분류하여 검색하는 디렉토리 기법을 사용하지 않습니다.
profile_image
1

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

23. 다음 설명에 해당하는 것은?

  1. CSS
  2. DHTML
  3. SOAP
  4. XML
(정답률: 53%)
  • 제시된 이미지 의 설명은 W3C에서 HTML을 대체할 목적으로 제안하였으며, 사용자가 직접 새로운 태그를 정의할 수 있는 확장 가능한 마크업 언어인 XML에 대한 설명입니다.

    오답 노트
    CSS: 웹페이지의 외형(글꼴, 색상 등) 제어
    DHTML: HTML, CSS, JavaScript를 조합한 대화형 웹페이지 제작
    SOAP: XML 기반의 메시지 교환 프로토콜
profile_image
1

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

24. HTML 문서를 구성하는 태그 중 본문을 나타내는 것은?

  1. <Meta> </Meta>
  2. <Head> </Head>
  3. <Body> </Body>
  4. <Tbody> </Tbody>
(정답률: 90%)
  • HTML 문서 구조에서 실제 웹 브라우저 화면에 표시되는 본문 영역은 <Body> </Body> 태그로 정의합니다.

    오답 노트
    <Head> </Head>: 문서의 머리말(메타 정보, 제목 등) 정의
profile_image
1

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

25. 다음 설명과 관계가 없는 것은?

  1. bug
  2. crawler
  3. robot
  4. worm
(정답률: 56%)
  • 제시된 이미지 의 설명은 웹상의 정보를 자동으로 수집하여 검색엔진 데이터베이스에 저장하는 crawler 또는 robot에 대한 설명입니다.

    오답 노트
    bug: 프로그램의 오류나 오동작 원인
    worm: 네트워크를 통해 자가 증식하는 악성 프로그램
profile_image
1

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

26. 자바스크립트 언어의 기본적인 특성으로 틀린 것은?

  1. 대·소문자를 구분한다.
  2. 변수 이름에 공백 문자를 사용할 수 있다.
  3. 하나의 명령문이 끝나면, 세미콜론(;)을 기술한다.
  4. 변수 이름은 반드시 영문자 또는 밑줄(_)로 시작해야 한다.
(정답률: 65%)
  • 자바스크립트의 변수 이름에는 공백 문자(스페이스), 콤마, 물음표, 인용부호 등을 사용할 수 없습니다.

    오답 노트
    변수 이름은 반드시 영문자 또는 밑줄(_)로 시작해야 하며, 대소문자를 구분하고 명령문 끝에 세미콜론(;)을 기술하는 것은 올바른 특성입니다.
profile_image
1

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

27. 인터넷 서비스의 종류에 해당하지 않는 것은?

  1. 텔넷(telnet)
  2. 전자우편 (e-mail)
  3. 채팅(chatting}
  4. 허브(hub)
(정답률: 75%)
  • 허브(hub)는 네트워크 상에서 여러 대의 시스템을 물리적으로 연결해 주는 네트워크 장비이며, 인터넷을 통해 제공되는 서비스가 아닙니다.
profile_image
1

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

28. OSI 7계층 구조를 하위 계층부터 상위 계층까지 순서대로 나열한 것은?

  1. 물리계층→데이터 링크계층→세션계층→네트워크계층→전송계층→응용계층→표현계층
  2. 물리계층→데이터 링크계층→네트워크계층→전송계층→세션계층→응용계층→표현계층
  3. 물리계층→데이터 링크계층→네트워크계층→전송계층→세션계층→표현계층→응용계층
  4. 전송계층→물리계층→데이터 링크계층→네트워크계층→세션계층→표현계층→응용계층
(정답률: 68%)
  • OSI 7계층은 하위 계층부터 물리계층 → 데이터 링크계층 → 네트워크계층 → 전송계층 → 세션계층 → 표현계층 → 응용계층 순으로 구성됩니다. 앞 글자를 따서 '물-데-네-전-세-표-응'으로 암기하세요.
profile_image
1

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

29. 최상위 도메인 edu와 동일한 성격을 갖는 서브 도메인의 이름은?

  1. ac
  2. go
  3. or
  4. re
(정답률: 67%)
  • edu와 ac는 모두 교육기관이나 대학(원)을 나타내는 도메인으로 동일한 성격을 갖습니다.

    오답 노트
    go: 정부 및 공공기관
    or: 비영리기관
    re: 연구소 및 연구단체
profile_image
1

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

30. 인터넷의 발전을 시대 순으로 옳게 나열한 것은?

  1. ARPANET→NSFNET→TCP/IP 표준→WWW
  2. ARPANET→TCP/IP 표준→NSFNET→WWW
  3. TCP/IP 표준→ARPANET→NSFNET→WWW
  4. TCP/IP 표준→NSFNET→ARPANET→WWW
(정답률: 47%)
  • 인터넷의 발전 순서는 군사 목적인 ARPANET에서 시작하여 통신 표준인 TCP/IP, 교육 및 연구망인 NSFNET을 거쳐 일반적인 WWW 순으로 전개되었습니다.
    발전 순서: ARPANET(1969년) $\rightarrow$ TCP/IP 표준(1983년) $\rightarrow$ NSFNET(1986년) $\rightarrow$ WWW(1989~1990년)
profile_image
1

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

31. 다음 중 웹(Web)에 대한 설명으로 틀린 것은?

  1. 웹은 World Wide Web의 약자이다.
  2. 하이퍼텍스트 자료들은 HTML이라는 언어를 통해 표현된다.
  3. HTTP라는 통신 프로토콜을 사용한다.
  4. 문자 중심이며 동영상 자료는 전송이 불가하다.
(정답률: 88%)
  • 웹은 텍스트뿐만 아니라 이미지, 오디오, 동영상 등 다양한 멀티미디어 자료를 전송하고 표현할 수 있습니다.

    오답 노트
    문자 중심이며 동영상 자료는 전송이 불가하다: 동영상 자료 전송이 가능합니다.
profile_image
1

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

32. VRML(Virtual Reality Modeling Language)에 관한 특징으로 틀린 것은?

  1. 웹에서 사용되는 언어이므로 플랫폼에 독립적이다.
  2. 3차원 공간을 표현하는 텍스트 파일로 데이터 전송시간이 길다.
  3. 웹 관련 표준 언어를 수용할 수 있어 HTML 문서와 연계해서 사용할 수 있다.
  4. 사이버 쇼핑몰을 만들거나 3차원 채팅 사이트, 가상학교 등의 제작이 가능하다.
(정답률: 50%)
  • VRML은 텍스트 파일 포맷을 사용하므로 gzip 등을 통해 압축이 매우 효율적이며, 이에 따라 데이터 전송 속도가 빠릅니다.

    오답 노트
    3차원 공간을 표현하는 텍스트 파일로 데이터 전송시간이 길다: 압축이 잘 되어 전송이 빠릅니다.
profile_image
1

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

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

  1. 익스플로러
  2. 네스케이프
  3. 모자이크
  4. 랜드스케이프
(정답률: 56%)
  • 모자이크는 윈도, 매킨토시, 유닉스 등 주요 운영체제를 모두 지원한 최초의 오픈소스 브라우저이며, 이를 통해 일반인들이 웹을 쉽게 사용할 수 있는 GUI 환경이 마련되었습니다.
profile_image
1

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

34. 비대칭 디지털 가입자 회선인 ADSL에 대한 설명으로 틀린 것은?

  1. Asymmetric Digital Subscriber Line의 약자로 미국 '벨코어'사에서 개발한 기술이다.
  2. 고속 데이터 통신과 일반 전화를 동시에 이용할 수 있지만 데이터 통신 속도가 절반으로 떨어지게 된다.
  3. ADSL은 가입자와 전화국 간의 데이터 교환 속도가 서로 다르다.
  4. 하나의 회선으로 데이터 통신과 일반전화의 이용이 가능하다.
(정답률: 54%)
  • ADSL은 일반 전화선을 사용하면서도 고속 데이터 전송을 지원하는 기술로, 음성 통화를 하면서도 속도 저하 없이 데이터 통신이 가능합니다.

    오답 노트
    고속 데이터 통신과 일반 전화를 동시에 이용할 수 있지만 데이터 통신 속도가 절반으로 떨어지게 된다: 속도 변화 없이 동시에 이용 가능합니다.
profile_image
1

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

35. 인터넷 익스플로러에서 오늘 방문했던 사이트들을 확인하려면 표준단추모음(Standard Button Bar)에서 어떤 버튼을 사용해야 하는가?

  1. 검색
  2. 기록
  3. 즐겨찾기
  4. 보기
(정답률: 89%)
  • 인터넷 익스플로러의 표준단추모음에서 기록 버튼을 사용하면 이전에 방문했던 사이트들의 목록을 확인할 수 있습니다.
profile_image
1

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

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

  1. 드림위버(Dreamweaver)
  2. 마야(Maya)
  3. 3D 스튜디오 맥스(3D Studio MAX)
  4. 소프트이미지(Soft Image)
(정답률: 83%)
  • 드림위버(Dreamweaver)는 대표적인 웹 페이지 저작도구로, HTML 코딩이나 위지위그 방식을 통해 웹사이트를 제작할 수 있습니다.

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

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

37. 전자우편(e-mail)을 전송할 때 사용되는 프로토콜은?

  1. FTP
  2. SMTP
  3. Telnet
  4. Usenet
(정답률: 81%)
  • SMTP(Simple Mail Transfer Protocol)는 인터넷에서 전자우편을 전송하기 위해 사용되는 표준 프로토콜입니다.

    오답 노트
    FTP: 파일 전송 프로토콜
    Telnet: 원격 접속 프로토콜
    Usenet: 네트워크 뉴스 그룹 서비스
profile_image
1

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

38. HTML 문서에서 하이퍼링크 설정 시 새로운 창 을 열어 문서를 연결하는 속성을 지정하고자 한다. ①에 들어갈 옵션으로 옳은 것은?

  1. _SELF
  2. _PARENT
  3. _TOP
  4. _BLANK
(정답률: 72%)
  • 하이퍼링크 설정 시 target 속성에 _BLANK를 지정하면 연결된 문서를 새로운 창에서 열 수 있습니다.

    오답 노트
    _SELF: 현재 창에 링크
    _PARENT: 상위 프레임에 링크
    _TOP: 최상위 프레임에 링크
profile_image
1

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

39. HTML을 이용한 웹페이지 제작에 대한 설명으로 틀린 것은?

  1. Markup 태그를 이용하여 제작한다.
  2. 다양한 멀티미디어 포맷의 파일을 연결시킬 수 있다.
  3. 하나의 그림에는 하나의 문서나 사이트만을 연결할 수 있다.
  4. 위지위그(WYSIWYG) 방식은 직접 코드를 입력하지 않아도 웹페이지 구성이 가능하다.
(정답률: 63%)
  • HTML에서는 Map area 태그를 사용하여 하나의 이미지 내에서도 영역을 구분지어 각각 서로 다른 링크를 설정할 수 있습니다.

    오답 노트
    Markup 태그 이용: HTML의 기본 제작 방식임
    멀티미디어 연결: 다양한 포맷의 파일 연결 가능함
    위지위그(WYSIWYG): 코드를 직접 입력하지 않고 화면에 보이는 대로 구성하는 방식임
profile_image
1

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

40. 자바 스크립트 내에서 사용되는 String 객체에 대한 설명으로 틀린 것은?(문제 오류로 여기서는 기존 정답인 3번을 누르면 정답 처리 됩니다. 자세한 내용은 해설을 참고하세요.)

  1. repIace() - 임의의 문자열에서 지정한 문자를 다른 문자로 변경한다.
  2. match() - 임의의 문자열에서 지정한 문자가 나타나는 첫 번째 위치 값을 반환한다.
  3. split() - 지정한 문자열을 검색하여 해당 문자열을 반환한다.
  4. toUpperCase() - 문자열에 존재하는 소문자를 모두 대문자로 변환하여 반환한다.
(정답률: 72%)
  • split() 함수는 지정한 문자열을 검색하여 반환하는 것이 아니라, 특정 구분자를 기준으로 문자열을 나누어 배열로 반환하는 함수입니다.

    오답 노트
    match(): 정규표현식 패턴과 일치하는 문자열 배열을 반환함
profile_image
1

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

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

41. 물체 경계면의 픽셀을 물체의 색상과 배경의 색상을 혼합해서 표현하여 경계면이 부드럽게 보이도록 하는 기법은?

  1. Antialiasing
  2. Dithering
  3. Blending
  4. Compositing
(정답률: 72%)
  • 물체 경계면의 픽셀을 배경색과 혼합하여 계단 현상을 줄이고 부드럽게 표현하는 기법은 Antialiasing입니다.

    오답 노트
    Dithering: 제한된 색상으로 유사한 색을 표현하기 위해 점을 섞는 기법
    Blending: 두 개 이상의 색상이나 이미지를 혼합하는 것
    Compositing: 여러 이미지를 하나로 합성하는 과정
profile_image
1

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

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

  1. 브레인스토밍
  2. 콘텐츠디자인
  3. 벤치마킹
  4. 아이디어스케치
(정답률: 82%)
  • 디자인 실무 초기 단계에서 아이디어를 구체화하기 위해 종이에 자유롭게 여러 가지 구성을 그려보는 작업은 아이디어스케치입니다.
profile_image
1

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

43. 다음은 웹디자인 프로세스의 각 단계이다. 순서대로 옳게 나열한 것은?

  1. ⓐ→ⓑ→ⓒ→ⓓ
  2. ⓐ→ⓑ→ⓓ→ⓒ
  3. ⓒ→ⓑ→ⓐ→ⓓ
  4. ⓒ→ⓐ→ⓑ→ⓓ
(정답률: 58%)
  • 웹디자인 프로세스는 전체적인 방향을 잡는 것부터 세부적인 구현 순으로 진행됩니다.
    컨셉 정하기 $\rightarrow$ 사이트맵 그리기 $\rightarrow$ 기본 디자인 구상 $\rightarrow$ 세부 디자인 구상 순으로 진행되는 것이 옳습니다.
profile_image
1

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

44. 다음 설명에 해당하는 것은?

  1. 퍼펫 애니메이션
  2. 클레이메이션
  3. 로토스코핑 애니메이션
  4. 실루엣 애니메이션
(정답률: 85%)

  • 검은 종이를 오려 형태를 만들거나, 조명을 뒤에서 비추어 그림자를 만들어 촬영하며 흑백의 강한 콘트라스트를 이용하는 기법은 실루엣 애니메이션의 핵심 특징입니다.

    오답 노트
    퍼펫 애니메이션: 인형 이용
    클레이메이션: 찰흙, 지점토 이용
    로토스코핑 애니메이션: 실제 촬영 영상을 따라 그리는 방식
profile_image
1

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

45. 다음 중 웹페이지 제작 방법에 대한 설명으로 틀린 것은?

  1. 메모장과 같은 일반적인 에디터를 사용하여 직접코딩 한다.
  2. 워드프로세서를 사용하여 작성 후 HTML로 변환 사용 한다.
  3. 코딩 방식의 웹 에디터인 나모웹에디터로 제작한다.
  4. 위지위그(WYSIWYG)방식의 웹 에디터인 드림위버로 제작한다.
(정답률: 39%)
  • 나모웹에디터는 코딩 방식이 아니라, 작성하는 화면과 실제 결과 화면이 동일하게 보이는 위지위그(WYSIWYG) 방식의 소프트웨어입니다.
profile_image
1

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

46. 웹 페이지를 제작할 때 사용되는 웹 에디터로 옳은 것은?

  1. 플래시
  2. 페인터
  3. 코렐드로우
  4. 프론트 페이지
(정답률: 71%)
  • 프론트 페이지는 웹페이지를 쉽고 빠르게 제작할 수 있도록 설계된 대표적인 웹 에디터입니다.
profile_image
1

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

47. 웹페이지에서 사용되는 이미지 파일 포맷으로 가장 거리가 먼 것은?

  1. PNG
  2. GIF
  3. TIFF
  4. JPG
(정답률: 85%)
  • TIFF는 무손실 압축을 지원하여 화질 저하가 적기 때문에 웹용보다는 고품질 인쇄를 목적으로 주로 사용되는 포맷입니다.
profile_image
1

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

48. 래스터 이미지(raster image)에 대한 설명으로 틀린 것은?

  1. 화면 확대 시 이미지가 손상된다.
  2. 비트맵 이미지를 래스터 이미지라고 한다.
  3. 일러스트레이터에서 주로 사용되는 이미지 형식이다.
  4. 디지털 카메라로 찍은 이미지는 래스터 이 미지이다.
(정답률: 68%)
  • 래스터 이미지는 픽셀의 집합으로 구성된 비트맵 이미지로, 디지털 카메라 사진이 대표적이며 확대 시 계단 현상이 발생하여 이미지가 손상됩니다. 반면, 일러스트레이터에서 주로 사용되는 형식은 수학적 좌표를 이용하는 벡터(Vector) 형식입니다.
profile_image
1

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

49. 웹 그래픽 제작 단계 중 색상(Color) 선택 단계의 작업에 해당하는 것은?

  1. 컴퓨터가 제공하는 여러 가지 기능의 효율적 사용에 대해 연구한다.
  2. 이미지의 합성 과정을 통하여 의도한 이미지로 변형한다.
  3. 표현하고자 하는 색상들은 색 혼합이나 색상, 명도, 채도들을 원하는 대로 조절할 수 있고, 색상을 다양하게 사용할 수 있다.
  4. 이미지가 선택되면 도구의 기능을 사용하여 축소나 확대 반복, 회전들을 화면상에 제공하며, 이미지를 표현하기 위해 그래픽스 메뉴를 선택한다.
(정답률: 83%)
  • 색상 선택 단계에서는 표현하고자 하는 이미지의 분위기에 맞춰 색 혼합은 물론 색상, 명도, 채도를 정밀하게 조절하여 최적의 색상을 결정하는 작업이 이루어집니다.
profile_image
1

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

50. 일반적인 애니메이션 제작과정으로 옳은 것은?

  1. 스토리보드→기획→제작→음향→레코딩
  2. 스토리보드→제작→기획→음향→레코딩
  3. 기획→스토리보드→제작→음향→레코딩
  4. 기획→스토리보드→음향→제작→레코딩
(정답률: 77%)
  • 일반적인 애니메이션 제작 공정은 전체적인 방향을 잡는 기획 단계부터 시작하여, 시각적 설계도인 스토리보드 작성, 실제 영상 제작, 소리 입히는 음향 작업, 최종 녹음(레코딩) 순으로 진행됩니다.
profile_image
1

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

51. 키 프레임 방식의 애니메이션에 대한 설명으로 옳은 것은?

  1. 정해진 시간에 한 컷, 한 컷을 보여주는 방식이다.
  2. 움직임의 시작과 끝을 지정하고, 중간단계는 시스템에서 계산되어 자동으로 생성된다.
  3. 정지화면을 연속적으로 빠르게 보여주어 움직임을 부여할 수 있다.
  4. 보통 만화는 1초에 2~24컷, 영화나 광고는 1초에 80컷을 사용한다.
(정답률: 57%)
  • 키 프레임 방식은 애니메이션의 핵심이 되는 시작점과 끝점(Key Frame)만 지정하면, 그 사이의 중간 단계(In-between)는 컴퓨터 시스템이 자동으로 계산하여 생성하는 효율적인 방식입니다.

    오답 노트
    정해진 시간에 한 컷씩 보여주거나 정지화면을 연속적으로 빠르게 보여주는 방식은 프레임 방식에 해당합니다.
profile_image
1

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

52. 웹 그래픽 디자인은 효과적으로 웹 사용자에게 정보전달을 돕는 도구라고 할 수 있다. 다음 중 정보전달 역할로서의 웹디자인과 가장 거리가 먼 것은?

  1. 정보 접근의 편의성 제공
  2. 정보에 대한 빠른 이해력 증대
  3. 시각적, 청각적인 친근감 확대
  4. 개성적인 표현의 다양성
(정답률: 77%)
  • 정보전달을 목적으로 하는 웹디자인은 주관적인 느낌보다 객관적인 내용을 바탕으로 구성되어야 합니다. 개성적인 표현의 다양성은 디자이너의 주관이 강하게 반영되는 요소이므로 정보전달의 역할과는 거리가 멉니다.
profile_image
1

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

53. 미국 Boeing CAD 시스템을 개발하여 CAD 시대의 개막을 알렸으며, 컴퓨터 그래픽스의 단체 SIGGRAPH가 발족된 시대는?

  1. 1950년대
  2. 1960년대
  3. 1970년대
  4. 1980년대
(정답률: 47%)
  • 1960년대는 컴퓨터 그래픽스의 기반이 구축된 시기로, Boeing CAD 시스템의 개발로 CAD 시대가 개막되었으며 SIGGRAPH 단체가 발족된 시기입니다.
profile_image
1

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

54. 웹 사이트 관련 용어에 대한 설명으로 틀린 것은?

  1. 네비게이션 바 - 메뉴를 한곳에 모아놓은 그래픽 또는 문자열의 모음
  2. 사이트 메뉴 바 - 버튼을 눌러 메뉴를 나타내는 기능
  3. 라인 맵 - 이동 경로를 한 번에 보여주는 방식
  4. 디렉토리 - 주제나 항목별로 범주화하고, 계층적으로 구조화 시킨 것
(정답률: 40%)
  • 사이트 메뉴 바는 단순히 버튼을 눌러 메뉴를 나타내는 기능이 아니라, 버튼을 눌렀을 때 그 안에 세부적인 사이드 메뉴가 나타나도록 구성된 기능입니다.
profile_image
1

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

55. 3차원 캐릭터에서의 자연스러운 동작을 구현하는 애니메이션 기법으로 실제 생명체의 움직임을 추적하여 얻은 데이터를 모델링된 캐릭터에 적용하는 것은?

  1. Motion Steel
  2. Stop Motion
  3. Virtual Actor
  4. Motion Capture
(정답률: 70%)
  • 실제 사람이나 사물의 움직임을 센서 등을 통해 디지털 데이터로 추적하여 모델링된 캐릭터에 적용하는 기술을 Motion Capture라고 합니다.
profile_image
1

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

56. 다음과 같은 특징을 가지고 있는 그래픽 툴은?

  1. Paint shop
  2. Illustrator
  3. CAM
  4. Maya
(정답률: 87%)
  • 벡터 방식으로 정확한 도형을 제작하며, 확대나 변형 시에도 이미지 손상이 없어 심볼마크 디자인이나 드로잉 작업에 최적화된 툴은 Illustrator입니다.
profile_image
1

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

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

  1. 오토캐드
  2. 포토샵
  3. 레이아웃
  4. 인터페이스
(정답률: 76%)
  • 두 개의 컴퓨터 시스템 장치를 기능적으로 연결하여 데이터를 주고받는 상호교환을 가능하게 하는 접점을 인터페이스라고 합니다.

    오답 노트
    오토캐드: 설계도면이나 제품 디자인에 활용되는 기술
    레이아웃: 콘텐츠를 적절하게 배치시킨 구조나 형태
profile_image
1

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

58. 오려낸 그림을 2차원 평면상에서 한 프레임씩 움직이면서 촬영하는 스톱 애니메이션을 말한다. 클레이 애니메이션이나 인형 애니메이션과 비슷하지만 3차원이 아닌 2차원이라는 점에서 구분되는 애니메이션은?

  1. 셀 애니메이션
  2. 종이 애니메이션
  3. 모래 애니메이션
  4. 컷 아웃 애니메이션
(정답률: 61%)
  • 종이 위에 그린 형태를 오려낸 뒤, 이를 2차원 평면상에서 한 프레임씩 움직이며 촬영하는 기법을 컷 아웃 애니메이션이라고 합니다.

    오답 노트
    셀 애니메이션: 투명 필름을 사용하여 배경과 캐릭터를 분리해 촬영하는 기법
profile_image
1

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

59. HTML에 대한 설명으로 틀린 것은?

  1. HTML언어는 W3C를 기반으로 한다.
  2. HTML은 Hyper Text Marking Language의 약자이다.
  3. 확장자는 html 또는 htm이다.
  4. HTML은 태그(Tag)로 구성되어 있다.
(정답률: 47%)
  • HTML의 정확한 명칭은 Hyper Text MarkUp Language입니다. Marking이 아니라 MarkUp이라는 용어를 사용하는 것이 핵심입니다.
profile_image
1

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

60. 일반적인 좋은 웹사이트 레이아웃에 대한 설명으로 맞는 것은?

  1. 메인페이지는 4~6개의 프레임으로 나누어 구성한다.
  2. 정보의 중요성에 따라 폰트의 크기를 세분화한다.
  3. 콘텐츠의 크기가 큰 것은 웹페이지 상단에 배치한다.
  4. 웹사이트의 초기화면에는 사이트의 주제를 보여줄 수 있는 대용량의 이미지를 사용한다.
(정답률: 32%)
  • 웹페이지의 시선 흐름은 상단에서 하단으로 이동하므로, 시각적 주목도가 높고 크기가 큰 콘텐츠를 상단에 배치하여 사용자의 시선을 끄는 것이 일반적인 레이아웃 원리입니다.
profile_image
1

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

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