웹디자인개발기능사 필기 기출문제복원 (2011-02-13)

웹디자인개발기능사 2011-02-13 필기 기출문제 해설

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

웹디자인개발기능사
(2011-02-13 기출문제)

목록

1과목: 디자인 일반

1. 건강 이미지의 웹사이트를 구성하려고 한다. 가장 적합한 컬러는?

  1. 빨강색
  2. 노랑색
  3. 검정색
  4. 녹색
(정답률: 94%)
  • 녹색은 싱그러움, 맑음, 평온함을 상징하며 건강이나 의료 관련 이미지에 가장 적합한 컬러입니다.
profile_image
1

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

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

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

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

3. 디자인 원리 중 율동의 요소에 해당하지 않는 것은?

  1. 반복
  2. 비례
  3. 강조
  4. 변칙
(정답률: 63%)
  • 율동(Rhythm)은 반복, 방사, 점진, 점이, 교차 등을 통해 시각적인 움직임을 만들어내는 원리입니다. 비례는 부분과 부분, 또는 부분과 전체의 상대적인 크기 관계를 다루는 원리이므로 율동의 요소에 해당하지 않습니다.
profile_image
1

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

4. 디자인의 조건 중 합목적성에 대한 예시로 가장 올바른 것은?

  1. 화려한 집이 살기에 편리하다.
  2. 주로 장식이 많은 의자가 앉기에 편리하다.
  3. 의자를 디자인할 때는 앉을 사람의 몸의 치수, 체중을 고려해야 한다.
  4. 아름다운 구두가 신기에 편하다.
(정답률: 97%)
  • 합목적성이란 디자인이 그 대상의 용도와 목적에 부합하여 실용성과 효용성을 갖추는 것을 의미합니다. 따라서 의자를 디자인할 때 사용자의 신체 치수와 체중을 고려하는 것이 가장 적절한 예시입니다.

    오답 노트

    화려함, 장식, 아름다움은 합목적성이 아닌 심미성에 가까운 요소입니다.
profile_image
1

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

5. 관용색명의 특징으로 볼 수 없는 것은?

  1. 시대나 유행에 따라서 다소 변하기도 하므로 정확한 색의 전 달이 어렵다.
  2. 무수히 많은 색 이름과 그 어원을 가지고 있어서 한꺼번에 습득하기가 어렵다.
  3. 어느 특정한 색을 여러 가지 언어로 표현하고 있기 때문에 복잡하고 혼동하기 쉽다.
  4. 몇 가지의 기본적인 색 이름에 수식어, 색상의 형용사를 덧붙여서 부른다.
(정답률: 65%)
  • 관용색명은 관습적으로 사용되는 색 이름으로, 수식어나 형용사를 덧붙여 부르는 방식은 일반색명(계통색명)의 특징입니다.
profile_image
1

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

6. 색체 지각의 3요소가 아닌 것은?

  1. 색채
  2. 빛(광원)
  3. 물체
  4. 시각(눈)
(정답률: 54%)
  • 색채 지각은 빛(광원)이 물체에 반사되어 시각(눈)을 통해 인지되는 과정이므로, 빛, 물체, 시각이 3요소에 해당합니다. 색채는 이 과정의 결과물입니다.
profile_image
1

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

7. 사회변화에 따른 디자인의 변화에 대한 설명으로 옳은 것은?

  1. 농경 사회 : 의식주, 생존개념, 생활 수공예
  2. 산업 사회 : 공업의 발달, 빛의 개념, 디자인 성장
  3. 후기 산업사회 : 기술의 첨단화, 즐기는 개념
  4. 정보화 사회 : 대량생산, 성장개념, 디자인 태동
(정답률: 74%)
  • 농경 사회는 생존을 위한 의식주 해결이 최우선이었으며, 생활 수공예 중심의 디자인 특성을 가집니다.

    오답 노트

    정보화 사회: 대량생산과 디자인 태동은 산업 사회의 특징입니다.
profile_image
1

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

8. 서로 반대되는 색끼리 배색되었을 때 각자의 색은 원래의 색보다 뚜렷해지고 채도가 높아 보이는 현상은?

  1. 명도 대비
  2. 보색 대비
  3. 면적 대비
  4. 동시 대비
(정답률: 85%)
  • 색상환에서 서로 반대되는 위치에 있는 보색끼리 배색하면, 서로의 색이 더 뚜렷해지고 채도가 높아 보이는 보색 대비 현상이 나타납니다.
profile_image
1

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

9. 다음 그림 (가)는 수평의 요소, 그림 (나)는 수직의 요소가 느껴진다. 이러한 느낌은 심리지각 중 어떤 것에 해당되는가?

  1. 접근성
  2. 유사성
  3. 폐쇄성
  4. 단순화
(정답률: 53%)
  • 동일한 형태의 요소들이 서로 가까이 배치되어 있을 때, 이를 하나의 패턴이나 그룹으로 인식하는 심리지각 원리를 접근성(근접성)이라고 합니다.
profile_image
1

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

10. 일반적인 웹(Web) 안전색상은 몇 가지인가?

  1. 216
  2. 256
  3. 2160
  4. 2560
(정답률: 44%)
  • 웹 안전색상은 서로 다른 브라우저나 모니터 환경에서도 색상이 동일하게 표현되는 표준 색상으로, 총 $216$가지입니다.
profile_image
1

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

11. 기계적 질감에 해당되지 않는 것은?

  1. 사진의 망점
  2. 인쇄상의 스크린 톤
  3. 나뭇잎
  4. 텔레비전 주사선
(정답률: 96%)
  • 기계적 질감은 인위적인 공정이나 장치에 의해 만들어진 질감을 의미합니다. 나뭇잎은 자연적으로 생성된 질감이므로 자연적 질감에 해당합니다.
profile_image
1

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

12. 다음 ( )안에 들어갈 알맞은 용어는?

  1. A:점, B:형
  2. A:선, B:형태
  3. A:형, B:면
  4. A:형, B:형태
(정답률: 85%)
  • 제시된 이미지 에서 A는 외관으로 나타나는 윤곽을 의미하는 형이며, B는 이를 포함하여 대상물의 기본적인 특성까지 나타내는 더 넓은 의미의 형태를 의미합니다.
profile_image
1

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

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

  1. 질서의 원리
  2. 모호성의 원리
  3. 친근성의 원리
  4. 유사성의 원리
(정답률: 75%)
  • 저드(Judd)의 색채 조화론은 질서성, 미모호성(명료성), 친근성, 유사성의 4가지 원리로 구성됩니다.

    오답 노트

    모호성의 원리: 저드는 모호함이 아닌 명료성(미모호성)을 조화의 원리로 제시했습니다.
profile_image
1

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

14. 디자인 원리 중 서로 다른 부분의 조합에 의해 생기는 것으로 시각적 힘의 강약에 의한 형의 감정효과를 주는 것은?

  1. 대비
  2. 변칙
  3. 통일
  4. 반복
(정답률: 68%)
  • 대비는 서로 다른 성질의 요소들을 조합하여 시각적인 강약을 만들어냄으로써 강렬한 감정 효과와 주목성을 주는 디자인 원리입니다.
profile_image
1

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

15. 다음이 설명하고 있는 원근법은?

  1. 직선원근법
  2. 대기원근법
  3. 과장원근법
  4. 다각원근법
(정답률: 77%)
  • 제시된 이미지 의 내용처럼 공기의 작용으로 인해 멀리 있는 물체일수록 푸른색을 띠고 윤곽이 희미해지는 효과를 주는 기법은 대기원근법입니다. 이는 레오나르도 다빈치가 완성한 기법으로 화면에 통일감과 고전적 양식을 부여합니다.
profile_image
1

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

16. 패턴 디자인은 디자인 원리 중 무엇을 이용한 것인가?

  1. 반복
  2. 동세
  3. 강조
  4. 이동
(정답률: 92%)
  • 특정한 형태나 색채를 일정한 규칙에 따라 되풀이하여 배치하는 반복의 원리를 이용하면 규칙적인 패턴 디자인을 완성할 수 있습니다.
profile_image
1

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

17. 다음은 민들레꽃의 홀씨에 대한 그림이다. 이 그림에 해당하는 디자인 원리는?

  1. 율동
  2. 착시
  3. 조화
  4. 균형
(정답률: 91%)

  • 민들레 홀씨가 바람에 날려 퍼져나가는 모습처럼, 요소의 반복과 변화를 통해 시각적인 움직임과 리듬감을 주는 원리는 율동입니다.
profile_image
1

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

18. 기계화와 대량생산에 의한 생활용품의 품질저하에 반대하여 윌리엄 모리스를 중심으로 영국에서 일어난 수공예 부흥 운동은?

  1. 구성주의(CONSTRUCTIVISM)
  2. 미래주의(FUTURISM)
  3. 데 스틸(DE STILL)
  4. 미술공예운동(ART AND CRAFTS MOVEMENT)
(정답률: 92%)
  • 윌리엄 모리스가 주도한 미술공예운동(ART AND CRAFTS MOVEMENT)은 산업혁명 이후 기계 생산으로 인한 품질 저하에 반대하여 중세의 수공예 정신을 부흥시키고자 한 운동입니다.
profile_image
1

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

19. 환경 디자인에 속하지 않는 것은?

  1. 인테리어 디자인
  2. 무대 디자인
  3. 가구 디자인
  4. 조경 디자인
(정답률: 68%)
  • 환경 디자인은 인간을 둘러싼 외부 환경을 계획하는 분야로 인테리어, 무대, 조경 디자인 등이 포함됩니다.

    오답 노트

    가구 디자인: 제품 디자인의 영역에 해당함
profile_image
1

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

20. CIP(Corporate Identity Program)의 베이직 시스템에 속하는 것은?

  1. 심벌마크, 로고타입, 전용서체
  2. 로고타입, 전용색상, 서식류
  3. 서식류, 제품포장, 캐릭터
  4. 유니폼, 간판(표지), 시그니처
(정답률: 83%)
  • CIP의 베이직 시스템은 기업의 가장 기본적인 시각적 정체성을 구축하는 요소로, 심벌마크, 로고타입, 전용서체, 전용색상 등이 이에 해당합니다.
profile_image
1

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

2과목: 인터넷 일반

21. 자바 스크립트에서 내장 객체에 대한 설명으로 틀린 것은?

  1. 내장 객체는 문자열 처리, 수학 처리 등을 할 수 있는 객체들로 이루어져 있다.
  2. Screen 내장 객체는 브라우저의 화면 정보 관련 속성을 제공한다.
  3. Math 내장 객체는 수학 관련 속성과 메서드를 제공한다.
  4. Number 내장 객체는 함수를 정의하고, 작업을 간단하게 처리할 수 있는 기능을 제공한다.
(정답률: 59%)
  • 자바스크립트 내장 객체의 기능을 구분하는 문제입니다. Number 객체는 숫자 데이터의 처리와 관련된 속성과 메서드를 제공하는 객체입니다. 함수를 정의하고 작업을 처리하는 기능은 내장 객체의 일반적인 정의나 Function 객체의 역할이지 Number 객체의 고유 기능이 아닙니다.
profile_image
1

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

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

  1. FTP
  2. SMTP
  3. Telnet
  4. Usenet
(정답률: 85%)
  • 전자우편 전송을 위한 전용 프로토콜을 찾는 문제입니다. SMTP(Simple Mail Transfer Protocol)는 메일을 전송하는 데 사용되는 표준 프로토콜입니다.

    오답 노트

    FTP: 파일 전송
    Telnet: 원격 접속
    Usenet: 뉴스 그룹 토론
profile_image
1

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

23. 스타일시트와 <BODY>태그 속성과의 연결이 잘못된 것은?

  1. A:link{color:#ff0000;} -<body link="#ff0000">
  2. A:active{color:#ff0000;} -<body alink="#ff0000">
  3. A:hover{color:#ff0000;} -<body hink="#ff0000">
  4. A:visited{color:#ff0000;} -<body vink="#ff0000">
(정답률: 63%)
  • HTML의 $\text{BODY}$ 태그 속성과 CSS 스타일시트의 연결 관계를 묻는 문제입니다. $\text{link}$는 하이퍼링크 색상, $\text{alink}$는 클릭 시 색상, $\text{vlink}$는 방문 후 색상을 지정합니다. 하지만 $\text{BODY}$ 태그에는 $\text{hink}$라는 속성이 존재하지 않으므로 $\text{A:hover}$와 연결하는 설정은 잘못되었습니다.
profile_image
1

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

24. TCP/IP에 대한 설명으로 잘못된 것은?

  1. 인터넷의 기본적인 통신 규약이다.
  2. Linux나 UNIX 운영체제가 탑재된 워크스테이션이나 미니컴퓨터를 주축으로 운영되고 있다.
  3. TCP가 IP보다 상위층에 존재한다.
  4. 인트라넷이나 엑스트라넷과 같은 사설망에서도 사용된다.
(정답률: 60%)
  • TCP/IP는 특정 운영체제나 하드웨어에 종속되지 않고 모든 시스템에서 사용할 수 있는 인터넷의 표준 통신 규약입니다. 따라서 Linux나 UNIX 운영체제가 탑재된 워크스테이션이나 미니컴퓨터를 주축으로 운영된다는 설명은 틀린 것입니다.
profile_image
1

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

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

  1. 웹 브라우저인 넷스케이프가 등장하였다.
  2. Gopher, WAIS 서비스를 시작하였다.
  3. TCP/IP 프로토콜 표준으로 채택되었다.
  4. USENET 서비스가 시작되었다.
(정답률: 49%)
  • 인터넷 서비스의 발전 순서를 파악하는 문제입니다. USENET 시작 $\rightarrow$ TCP/IP 표준 채택 $\rightarrow$ Gopher, WAIS 서비스 시작 $\rightarrow$ 웹 브라우저인 넷스케이프 등장 순으로 진행되었으므로, 가장 나중에 일어난 사건은 웹 브라우저인 넷스케이프가 등장한 것입니다.
profile_image
1

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

26. anonymous FTP 서비스에 대한 설명으로 틀린 것은?

  1. FTP서버의 계정이 없어도 아무나 접근하여 파일전송을 지원받을 수 있는 서비스이다.
  2. 사용하는 계정명은 anonymous 이다.
  3. 파일의 송 · 수신이 가능하다.
  4. 공개 파일들은 일반적으로 “pub" 라는 디렉터리 내에 저장한다.
(정답률: 47%)
  • 익명 FTP(Anonymous FTP) 서비스는 계정이 없는 사용자도 공개된 파일에 접근할 수 있도록 허용하는 서비스입니다. 하지만 보안상의 이유로 익명 사용자는 서버의 파일을 내려받는 것(수신)은 가능하지만, 서버로 파일을 올리는 것(송신)은 일반적으로 금지됩니다.
profile_image
1

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

27. HTML의 테이블과 관련이 없는 태그는?

  1. <TR>
  2. <TH>
  3. <DT>
  4. <CAPTION>
(정답률: 60%)
  • $\text{
    }$ 태그는 정의 목록(Definition List)에서 정의하려는 용어(Data Definition)를 작성할 때 사용하는 목록 관련 태그입니다.

    오답 노트

    $\text{}$: 테이블의 행(Row) 생성
    $\text{}$: 테이블의 제목 셀(Header) 표시
    $\text{}$: 테이블의 제목이나 설명 추가
profile_image
1

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

28. 하나의 건물 내 또는 캠퍼스내의 소규모 네트워크 통신망을 의미하는 것은?

  1. VAN
  2. WAN
  3. LAN
  4. MAN
(정답률: 80%)
  • LAN(Local Area Network)은 건물 내부나 캠퍼스 내와 같이 비교적 좁은 지역(단거리)을 연결하는 소규모 네트워크 통신망을 의미합니다.

    오답 노트

    VAN: 부가가치 통신망
    WAN: 국가 간 광역 통신망
    MAN: 도시 간 중거리 통신망
profile_image
1

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

29. 자바스크립트에 대한 설명으로 옳지 않은 것은?

  1. 서버에서 컴파일한 결과를 HTML 문서에 삽입하며, HTML파일과 별도로 존재한다.
  2. 사용자가 컴퓨터와 대화하듯 메시지를 주고받을 수 있는 홈페이지 제작이 가능하다.
  3. HTML로는 표현이 불가능한 프로그램적인 활용이나 동적인 표현이 가능하다.
  4. 웹 브라우저에서 사용할 수 있는 스크립트 언어로 HTML 문서 내에 함께 기술될 수 있다.
(정답률: 55%)
  • 자바스크립트는 웹 브라우저에서 실행되는 클라이언트 사이드 스크립트 언어입니다. 서버에서 컴파일하여 결과를 삽입하는 것이 아니라, 브라우저가 소스 코드를 해석하여 실행하며 HTML 문서 내에 직접 기술하거나 외부 파일로 연결하여 사용할 수 있습니다.
profile_image
1

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

30. OSI 7계층에 해당되지 않는 것은?

  1. 데이터 링크 계층
  2. 네트워크 계층
  3. 논리 계층
  4. 표현 계층
(정답률: 72%)
  • OSI 7계층은 물리, 데이터 링크, 네트워크, 전송, 세션, 표현, 응용 계층으로 구성됩니다. 논리 계층은 OSI 7계층 모델에 존재하지 않는 명칭입니다.

    오답 노트

    데이터 링크 계층, 네트워크 계층, 표현 계층: 모두 OSI 7계층에 포함되는 표준 계층입니다.
profile_image
1

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

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

  1. internet
  2. international
  3. intercept
  4. intranet
(정답률: 83%)
  • 검색어 뒤에 별표($*$)를 붙이는 와일드카드 검색은 해당 문자열로 시작하는 모든 단어를 찾는 방식입니다. inter*는 inter로 시작하는 단어를 찾으므로, intra로 시작하는 intranet은 검색 결과에 포함될 수 없습니다.
profile_image
1

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

32. 로그인시 아이디 저장과 같이 웹 서버가 사용자에 관한 정보를 사용자 컴퓨터에 저장하도록 허용하는 것은?

  1. Session
  2. Cookie
  3. MIME
  4. URL
(정답률: 83%)
  • 쿠키(Cookie)는 웹 서버가 사용자의 상태 정보를 사용자 컴퓨터(클라이언트)의 로컬 파일에 저장하여, 다음 방문 시 로그인 아이디 저장과 같이 개인화된 서비스를 제공할 수 있게 하는 기술입니다.
profile_image
1

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

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

  1. 사용자 개개인의 선호도나 사용수준에 맞춰 누구라도 쉽게 사용할 수 있도록 디자인한다.
  2. 사용자의 경험이나 학력, 언어능력 또는 집중력 정도에 차이를 두어 사용자 개개인 별로 난이도에 맞게 디자인한다.
  3. 사용자가 우연한 또는 의도하지 않은 선택의 결과로 어려움에 빠지는 경우를 최소화하도록 디자인한다.
  4. 사용자에게 필요한 정보를 효과적으로 전달하도록 디자인한다.
(정답률: 89%)
  • 웹 디자인은 남녀노소, 장애인 등 모든 사용자가 차이와 차별 없이 이용할 수 있도록 보편적으로 설계해야 합니다. 따라서 사용자의 경험, 학력, 언어능력 등에 따라 난이도에 차이를 두어 디자인하는 것은 웹 접근성 원칙에 어긋납니다.
profile_image
1

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

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

  1. SGML
  2. VML
  3. DHTML
  4. WML
(정답률: 88%)
  • 기본 HTML의 단점을 개선하여 동적인 웹 페이지를 제작하기 위한 기술로, 브라우저에서 직접 실행되어 서버의 부담을 줄이고 이벤트에 즉각적인 반응이 가능한 DHTML(Dynamic HTML)에 대한 설명입니다.
profile_image
1

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

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

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

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

36. 다음이 설명하고 있는 인터넷 서비스는?

  1. Telnet
  2. FTP
  3. Usenet
  4. IRC
(정답률: 51%)

  • 1988년 핀란드의 Jarkko Oikarinen에 의해 개발된 실시간 대화방(채널) 서비스는 IRC입니다.
profile_image
1

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

37. 다음이 설명하고 있는 통신 프로토콜은?

  1. TCP
  2. IP
  3. SMTP
  4. SLIP/PPP
(정답률: 45%)

  • 컴퓨터 시스템의 직렬 포트를 이용하여 인터넷에 연결된 호스트를 통해 접속하는 프로토콜은 SLIP/PPP입니다.
profile_image
1

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

38. 웹브라우저의 기능 중 등록된 URL목록을 변경하거나 추가하는 기능은?

  1. 편집 기능
  2. 책갈피 기능
  3. 파일 기능
  4. 페이지 보기 기능
(정답률: 58%)
  • 웹 브라우저에서 자주 방문하는 웹 사이트의 URL 주소를 저장하고 관리하여 빠르게 접속할 수 있게 하는 기능은 책갈피 기능입니다.
profile_image
1

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

39. 다음 중 웹 브라우저의 종류가 아닌 것은?

  1. 넷스케이프
  2. 익스플로러
  3. 모자이크
  4. 드림위버
(정답률: 74%)
  • 드림위버는 웹 브라우저가 아니라 웹 페이지를 제작하기 위한 웹 에디터 도구입니다.
profile_image
1

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

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

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

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

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

41. 웹 사이트를 제작하기 위해 타사의 웹 사이트를 분석하는 이유로 가장 부적합한 것은?

  1. 해당 분야의 인터넷 시장을 파악한다.
  2. 경쟁 사이트들을 분석하여 자신의 사이트 경쟁력을 제고 한다.
  3. 인터넷 시장의 흐름을 이해한다.
  4. 웹 사이트에 사용할 이미지를 얻는다.
(정답률: 84%)
  • 타사 웹 사이트 분석의 목적은 시장 파악, 경쟁력 제고, 트렌드 이해 등 전략적 분석에 있습니다. 웹 사이트에 사용할 이미지를 무단으로 얻는 것은 저작권 침해에 해당하며 분석의 올바른 목적이 아닙니다.
profile_image
1

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

42. 하나의 이미지에 여러 개의 링크를 지정할 수 있게 만드는 것은?

  1. 자바 스크립트(Java Script)
  2. 프레임(Frame)
  3. 이미지 맵(Image map)
  4. 사이트 맵(Site map)
(정답률: 62%)
  • 이미지 맵(Image map)은 하나의 이미지 내에 여러 개의 좌표 영역을 설정하여, 각 영역마다 서로 다른 하이퍼링크를 지정할 수 있게 만드는 기술입니다.
profile_image
1

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

43. 프랑스 수학자 멘델브로프(B.B Mandelbrot)가 발표한 Fractal 이론을 바탕으로 산의 표면, 복잡한 해안선, 구름 등 자연계의 복잡한 사물을 사실적으로 시뮬레이션한 시기는?

  1. 1950년대
  2. 1960년대
  3. 1970년대
  4. 1980년대
(정답률: 48%)
  • 컴퓨터 그래픽의 4세대 시기인 1980년대에는 프랙탈(Fractal) 기법이 도입되어 산의 표면, 해안선, 구름과 같은 자연계의 복잡한 형상을 사실적으로 시뮬레이션하는 것이 가능해졌습니다.
profile_image
1

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

44. 기업의 로고나 문자가 있는 일러스트레이션 같이 선명한 단색 이미지를 포함하고, 동일 색상이 수평으로 나열되어 있을 경우에 높은 압축률을 보이는 파일포맷은?

  1. PNG-8
  2. JPEG
  3. GIF
  4. PSD
(정답률: 44%)
  • GIF 포맷은 LZW 압축 방식을 사용하여 동일한 색상이 수평으로 연속될 때 매우 높은 압축률을 보이며, 로고나 단순한 일러스트레이션 표현에 최적화되어 있습니다.
profile_image
1

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

45. 컴퓨터 모니터상에 디지털 이미지가 표현될 때, 그래픽 이미지 표시의 기본 단위는?

  1. 칼럼(Column)
  2. 섹터(Sector)
  3. 워드(Word)
  4. 픽셀(Pixel)
(정답률: 92%)
  • 디지털 이미지를 구성하는 가장 작은 단위의 점을 픽셀(Pixel)이라고 하며, 이 픽셀들이 모여 하나의 화면 이미지를 형성합니다.
profile_image
1

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

46. NTSC 방식의 애니메이션에서 1초당 필요한 최소 프레임 개수로 옳은 것은?

  1. 10
  2. 20
  3. 30
  4. 40
(정답률: 62%)
  • NTSC(미국식 TV 표준) 방식의 영상 및 애니메이션은 기본적으로 1초당 $30$ 프레임($fps$)을 표준으로 사용합니다.
profile_image
1

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

47. PNG(Portable Network Graphics) 파일포맷에 대한 설명으로 옳은 것은?

  1. 256가지의 색상만을 사용한 압축된 포맷형식이다.
  2. 일반적으로 JPG 파일보다 파일용량이 적다.
  3. GIF처럼 이미지 일부를 투명하게 하며 고해상도를 지원한다.
  4. MS사의 익스플로러에서만 지원 가능하다.
(정답률: 63%)
  • PNG 포맷은 GIF의 투명도 지원 기능을 유지하면서도, 24비트 이상의 고해상도 색상을 지원하는 무손실 압축 포맷입니다.

    오답 노트

    256가지 색상: PNG-8의 특징이며, PNG-24는 수백만 가지 색상 지원
    파일 용량: 일반적으로 JPG보다 용량이 큼
    지원 브라우저: 모든 현대적 웹 브라우저에서 표준으로 지원
profile_image
1

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

48. 웹디자인 프로세스에 대한 설명으로 잘못된 것은?

  1. 디자인 스타일링이란 컨셉(concept)에 맞추어 아이디어를 수집, 발전, 결정하는 것을 말한다.
  2. 디자인 발의란 어떤 사이트를 어떻게 만들 것인가에 대한 의견제시 과정이다.
  3. 디자인 개발단계에서는 인력을 적재적소에 분배한다.
  4. 디자인 조사 및 분석 단계에서는 컬러시스템, 그리드시스템, 레이아웃 등을 계획한다.
(정답률: 54%)
  • 컬러시스템, 그리드시스템, 레이아웃 등을 계획하는 과정은 조사 및 분석 단계가 아니라 디자인 개발 단계에서 수행되는 작업입니다.

    오답 노트

    디자인 스타일링: 컨셉에 맞춘 아이디어 수집 및 결정 과정
    디자인 발의: 사이트 구축 방향에 대한 의견 제시 과정
    디자인 개발: 인력 분배 및 구체적인 디자인 설계 수행
profile_image
1

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

49. 디더링(Dithering)에 대한 설명으로 옳은 것은?

  1. 제한된 컬러를 사용하여 본래의 높은 비트로 된 컬러의 효과를 최대한으로 내는 처리기법
  2. 사용자 팔레트를 사용하여 화면에 나타나는 모든 컬러의 종류를 바꾸는 기법
  3. 2가지 서로 다른 영상이나 3차원 모델 사이를 자연스럽게 결합시키는 처리 기법
  4. 기존의 비디오나 필름, 혹은 애니메이션 필름 위에 그림을 그리는 처리 기법
(정답률: 61%)
  • 디더링은 제한된 컬러 수를 사용하여 점을 섞어 배치함으로써, 실제보다 더 많은 색상이 있는 것처럼 보이게 하여 높은 비트의 컬러 효과를 내는 기법입니다.
profile_image
1

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

50. 컴퓨터그래픽스 시스템에 사용되는 입력 장치로 적합하지 않은 것은?

  1. 마우스
  2. 플로터
  3. 스캐너
  4. 터치스크린
(정답률: 81%)
  • 플로터는 설계도면 등을 출력하는 대형 출력장치이므로 입력 장치가 아닙니다.
profile_image
1

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

51. 다음 ( )안에 공통으로 들어갈 알맞은 용어는?

  1. 텍스트(text)
  2. 템플릿(Template)
  3. 컬러(Color)
  4. 인터페이스(Interface)
(정답률: 77%)

  • 형판이나 보기판이라는 의미를 가지며, 홈페이지의 레이아웃 형틀을 미리 만들어 세부 디자인 요소를 배치하는 효율적인 설계 방식은 템플릿(Template)입니다.
profile_image
1

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

52. 전체 페이지에 적용되는 시각적 계층구조와 효율적인 내비게이션을 위해 버튼 및 아이콘 시스템에 대한 설계를 하는 것은 ?

  1. 인터페이스 디자인
  2. 정보디자인
  3. 콘텐츠 기획
  4. 구조설계
(정답률: 60%)
  • 버튼, 아이콘 등 사용자가 시스템과 상호작용하는 시각적 요소의 계층구조와 내비게이션을 설계하는 것은 인터페이스 디자인의 핵심 영역입니다.
profile_image
1

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

53. 비트맵과 벡터방식의 이미지를 동시에 저장할 수 있는 파일 포맷이 아닌 것은 ?

  1. PSD
  2. PDF
  3. EPS
  4. TIFF
(정답률: 47%)
  • TIFF는 고품질 이미지 저장을 위한 래스터(비트맵) 방식의 전용 포맷으로, 벡터 데이터를 동시에 저장할 수 없습니다.

    오답 노트

    PSD, PDF, EPS: 비트맵과 벡터 방식을 모두 혼용하여 저장 가능
profile_image
1

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

54. 컴퓨터 그래픽스의 개념에 대한 설명으로 틀린 것은 ?

  1. 넓은 의미로 컴퓨터를 이용한 모든 이미지와 영상을 말한다.
  2. 컴퓨터에서 도구나 아이디어를 얻는 기술을 말한다.
  3. 아이디어의 표현 도구로써 최대한 활용된다.
  4. 사용자가 그래픽 프로그램을 이용하여 작업을 한다.
(정답률: 68%)
  • 컴퓨터 그래픽스는 컴퓨터를 이용하여 이미지와 영상을 생성, 조작, 표현하는 기술이며, 아이디어를 시각적으로 구현하는 도구로 활용됩니다. 단순히 컴퓨터에서 도구나 아이디어를 얻는 기술이라는 설명은 그래픽스의 본질적인 정의와 거리가 멉니다.
profile_image
1

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

55. 직사각형 화면의 화소 또는 픽셀들을 0과 1로 표현한 것은?

  1. 벡터
  2. 주사선
  3. 비트맵
  4. 객체
(정답률: 73%)
  • 비트맵은 직사각형 화면의 화소(픽셀) 하나하나를 $0$과 $1$의 이진수로 표현하여 이미지를 생성하는 래스터 방식의 그래픽 표현법입니다.
profile_image
1

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

56. 웹디자인 기획 시 고려해야할 사항과 가장 거리가 먼 것은?

  1. 사이트의 목적과 필요성을 충분히 인식하였는가?
  2. 유사, 경쟁 사이트의 디자인 분석은 완료했는가?
  3. 일련의 과정들에 대한 문서들의 보관 및 데이터 백업은 완료하였는가?
  4. 통일성 확보를 위한 컬러, 톤, 폰트, 레이아웃의 원칙들은 수립되었는가?
(정답률: 68%)
  • 웹디자인 기획 단계에서는 사이트의 목적 인식, 경쟁 사이트 분석, 디자인 원칙(컬러, 톤, 폰트 등) 수립과 같은 설계 중심의 고려사항이 핵심입니다. 일련의 과정에 대한 문서 보관 및 데이터 백업은 기획보다는 운영 및 관리 단계의 영역에 해당합니다.
profile_image
1

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

57. 정보의 양이 많고 정보의 우선순위에 따라 사이트를 제작할 때 유용한 웹 사이트 탐색구조는?

  1. 링구조
  2. 망형구조
  3. 계층구조
  4. 선형구조
(정답률: 78%)
  • 정보가 계층적으로 연결되어 있어 특정 정보를 중심으로 하위 페이지로 이동하는 구조입니다. 정보의 양이 많을 때 우선순위에 따라 체계적으로 배치할 수 있어 사용자가 효율적으로 탐색할 수 있는 가장 일반적인 네비게이션 구조입니다.
profile_image
1

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

58. 다음은 무엇에 관한 설명인가 ?

  1. 앨리어싱(Aliasing)
  2. 안티-앨리어싱(Anti-Aliasing)
  3. 패더(Feather)
  4. 스타일(Style)
(정답률: 91%)
  • 의 설명처럼 픽셀의 계단 현상(Aliasing)을 완화하여 이미지 경계선을 부드럽게 만드는 기술은 안티-앨리어싱입니다.
profile_image
1

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

59. 두 개의 서로 다른 이미지나 3차원 모델 사이의 변화하는 과정을 서서히 나타내는 것은?

  1. 모핑
  2. 로토스코핑
  3. 미립자 시스템
  4. 중첩 액션
(정답률: 70%)
  • 모핑은 두 개의 서로 다른 이미지나 3차원 모델 사이의 형태가 점진적으로 변화하며 자연스럽게 이어지는 기법을 의미합니다.
profile_image
1

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

60. 다음 설명은 무엇에 대한 활용인가?

  1. 내비게이션 디자인(Navigation Design)
  2. 웹 타이포그래피 디자인(Web Typographic Design)
  3. 웹 컬러 디자인(Web Color Design)
  4. 웹 인터페이스 디자인(Web Interface Design)
(정답률: 80%)
  • 의 설명처럼 글자체, 글자 크기, 행간, 여백, 그리드 등을 통해 정보를 전달하는 시각 디자인의 영역은 웹 타이포그래피 디자인입니다.
profile_image
1

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

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