웹디자인개발기능사 필기 기출문제복원 (2013-04-14)

웹디자인개발기능사 2013-04-14 필기 기출문제 해설

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

웹디자인개발기능사
(2013-04-14 기출문제)

목록

1과목: 디자인 일반

1. 굿 디자인(good design)을 위한 디자인의 조건에 포함되지 않는 것은?

  1. 합목적성
  2. 독창성
  3. 심미성
  4. 모방성
(정답률: 94%)
  • 굿 디자인의 조건은 합목적성, 경제성, 심미성, 독창성, 질서성이며, 타 제품을 그대로 따라 하는 모방성은 디자인의 조건에 포함되지 않습니다.

    오답 노트
    합목적성: 목적에 맞는 기능성
    독창성: 타 제품과 차별화된 창조성
    심미성: 주관적인 아름다움
profile_image
1

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

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

  1. 비례
  2. 황금비율
  3. 삼각분할
  4. 프로포션
(정답률: 95%)

  • 주어진 길이를 가장 이상적으로 나누는 비율이며, 근사값이 약 $1.618$인 무리수를 의미하므로 황금비율에 대한 설명입니다.
profile_image
1

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

3. 다음 ( )안에 알맞은 용어는?

  1. (ㄱ) 색상, (ㄴ) 채도, (ㄷ) 명도
  2. (ㄱ) 색상, (ㄴ) 명도, (ㄷ) 채도
  3. (ㄱ) 채도, (ㄴ) 명도, (ㄷ) 색상
  4. (ㄱ) 명도, (ㄴ) 채도, (ㄷ) 색상
(정답률: 64%)
  • 색입체는 색의 3속성을 3차원 공간에 배치한 것으로, 둘레의 원은 색상, 중심선으로부터의 방사선은 채도, 중심축은 명도를 나타냅니다.
profile_image
1

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

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

  1. 피카소
  2. 쿠르베
  3. 찰스 자보
  4. 도미에
(정답률: 89%)
  • 대상을 여러 각도에서 분석하여 기하학적 형태로 재구성하는 입체파(Cubism)의 가장 대표적인 화가는 피카소입니다.
profile_image
1

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

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

  1. 색분해
  2. 색상좌표
  3. 색도도
  4. 색 수정
(정답률: 72%)
  • 컬러 인쇄를 위해 원본 이미지를 감산 혼합의 4가지 기본색인 C(Cyan), M(Magenta), Y(Yellow), K(Black)의 네거필름으로 나누는 과정을 색분해라고 합니다.
profile_image
1

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

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

  1. 네덜란드를 중심으로 한 신조형 운동으로 요소주의라고도 불리운다.
  2. 두스부르크, 몬드리안, 리트벨트 등이 주요인물이다.
  3. 아르누보의 조형사상에 큰 영향을 주었다.
  4. 현대의 조형 활동은 인공세계를 상징하고 표현하는데 중점을 두어야 한다고 생각하였다.
(정답률: 58%)
  • 데 스틸은 네덜란드의 신조형주의 운동으로, 인공적인 기하학적 요소를 강조했습니다. 반면 아르누보는 식물 모티브의 유기적인 곡선과 화려한 장식을 특징으로 하는 미술 운동으로, 두 사상은 서로 상반된 성격을 가집니다.
profile_image
1

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

7. 디자인의 요소 중 선에 대한 특성으로 연결이 잘못 된 것은?

  1. 곡선 - 매력, 우아
  2. 사선 - 동적, 안정
  3. 수평선 - 평화, 정지
  4. 수직선- 희망, 긴장
(정답률: 80%)
  • 사선은 운동감, 속도감, 불안정함을 상징하는 선입니다. 따라서 사선을 안정과 연결한 설명은 잘못되었습니다.

    오답 노트
    곡선: 부드러움, 우아함, 매력
    수평선: 안정감, 평온, 정지
    수직선: 높이감, 희망, 긴장
profile_image
1

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

8. 적용 매체에 따른 디자인의 분류로 옳지 않은 것은?

  1. 프로덕트디자인
  2. 시각디자인
  3. 기계설계디자인
  4. 환경디자인
(정답률: 59%)
  • 디자인은 적용 매체에 따라 크게 시각 디자인, 프로덕트(공업) 디자인, 환경 디자인의 세 가지 영역으로 분류합니다. 기계설계디자인은 공학적 설계 영역에 해당하며 일반적인 매체별 디자인 분류에 포함되지 않습니다.
profile_image
1

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

9. 심미성에 대한 설명으로 맞는 것은?

  1. 아름다움을 느끼는 미적 의식이며 주관적일 수 있다.
  2. 모든 사람에게 동일한 형태로 나타난다.
  3. 합리적이며 객관적인 미적 활동이다.
  4. 국가, 민족, 관습, 시대와 관계없이 동일하게 나타난다.
(정답률: 88%)
  • 심미성은 대상의 아름다움을 느끼는 미적 의식으로, 개인의 가치관이나 경험에 따라 다르게 느껴질 수 있는 주관적인 특성을 가집니다.

    오답 노트
    모든 사람에게 동일, 합리적/객관적, 시대/관습과 무관: 심미성은 주관적이고 상대적인 개념이므로 틀린 설명입니다.
profile_image
1

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

10. 색광의 3원색을 모두 혼합하면 나타나는 색상으로 맞는 것은?

  1. 검정(Black)
  2. 노랑(Yellow)
  3. 흰색(White)
  4. 자주(Magenta)
(정답률: 80%)
  • 빛의 3원색을 모두 혼합하면 밝기가 더해지는 가산혼합 원리에 의해 흰색(White)이 나타납니다.
profile_image
1

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

11. 시각적 또는 촉각적으로 느껴지는 물체 표면이 어떤 느낌을 의미하는가?

  1. 공간
  2. 점이
  3. 질감
  4. 시간
(정답률: 93%)
  • 물체 표면에서 느껴지는 시각적, 촉각적 특성을 질감이라고 합니다.
profile_image
1

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

12. 디자인의 원리에 대한 설명으로 틀린 것은?

  1. 통일은 조화로운 형, 색, 질감이 공통된 특징을 갖고 있다.
  2. 대칭은 균형의 전형적인 구성형식이며 좌우대칭, 방사대칭이 있다.
  3. 반복은 동일한 요소나 대상 등을 두 개 이상 나열시켜 율동감을 표현하는 것으로 시각적으로 힘의 강약효과가 있다.
  4. 조화는 일정한 방향을 유지하나 크기와 형태가 다른 경우를 의미한다.
(정답률: 77%)
  • 조화는 두 개 이상의 조형 요소들이 서로 어울려 통일감을 이루는 상태를 의미합니다.

    오답 노트
    일정한 방향을 유지하나 크기와 형태가 다른 경우: 율동(리듬)의 일종으로 설명될 수 있는 구성 방식입니다.
profile_image
1

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

13. 디자인의 표현 요소가 아닌 것은?

  1. 점, 선, 면
  2. 방향, 공간
  3. 형태, 크기
  4. 흔적, 영역
(정답률: 89%)
  • 디자인의 표현 요소는 점, 선, 면, 형태, 크기, 방향, 공간, 색채, 질감 등이 포함됩니다. 흔적과 영역은 디자인의 기본 표현 요소에 해당하지 않습니다.
profile_image
1

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

14. 과거부터 전해 내려와 습관적으로 사용하는 색 하나하나의 색명을 무엇이라 하는가?

  1. 일반색명
  2. 계통색명
  3. 관용색명
  4. 특정색명
(정답률: 76%)
  • 특정한 시대나 지역에서 관습적으로 사용되어 온 색의 명칭을 관용색명이라고 합니다.
profile_image
1

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

15. 디자인의 기본 요소 중 형과 형태에 관한 설명으로 틀린 것은?

  1. 기본 형태에는 점, 선, 면, 입체가 있다.
  2. 형태는 일정한 크기, 색채, 질감을 가진다.
  3. 형에는 현실적 형과 이념적 형이 있다.
  4. 이념적 형은 그 자체만으로 조형이 될 수 있다.
(정답률: 69%)
  • 이념적 형은 구체적인 형태가 없는 추상적인 개념의 형이므로, 그 자체만으로는 조형이 될 수 없으며 반드시 현실적인 형으로 구체화되어 표현되어야 합니다.
profile_image
1

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

16. 서로 반대되는 색을 혼합하여 원래의 색보다 뚜렷해지고 채도가 높아 보이는 현상을 이용한 대비는?

  1. 보색 대비
  2. 한난 대비
  3. 동시 대비
  4. 색상 대비
(정답률: 85%)
  • 색상환에서 서로 반대되는 색을 함께 배치했을 때, 서로의 채도를 높여 더 뚜렷하고 강렬하게 보이게 하는 현상을 보색 대비라고 합니다.
profile_image
1

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

17. 웹에 사용할 이미지에 대한 설명으로 맞는 것은?

  1. 이미지는 최대한 고해상도의 이미지를 사용한다.
  2. 이미지의 기본단위는 ㎝ 이다.
  3. 이미지는 CMYK 모드를 사용한다.
  4. 주로 JPG, GIF 포맷의 이미지를 사용한다.
(정답률: 76%)
  • 웹 환경에서는 데이터 전송 속도와 호환성을 위해 압축률이 좋은 JPG나 애니메이션 구현이 가능한 GIF 포맷을 주로 사용합니다.

    오답 노트
    고해상도 이미지: 웹 페이지 로딩 속도를 저하시키므로 적절한 최적화가 필요합니다.
    기본단위 ㎝: 웹의 기본 단위는 $px$ (픽셀)입니다.
    CMYK 모드: CMYK는 인쇄용이며, 웹은 RGB 모드를 사용합니다.
profile_image
1

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

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

  1. 감산 혼합
  2. 가산 혼합
  3. 병치 혼합
  4. 중간 혼합
(정답률: 87%)

  • 색광의 3원색인 RGB를 혼합하며, 혼합할수록 밝아지는 특성을 가진 플러스 혼합이므로 가산 혼합에 대한 설명입니다.
profile_image
1

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

19. 배색의 조건에 대한 설명으로 틀린 것은?

  1. 사물의 용도나 기능에 부합되는 배색을 해야 한다.
  2. 색이 주는 심리적 효과를 고려해야 한다.
  3. 사용자의 특성 보다는 색채 계획자의 특성에 맞추어 배색 한다.
  4. 환경적 요인을 충분히 고려하여 배색 한다.
(정답률: 91%)
  • 배색은 색채 계획자의 주관적인 취향이 아니라, 실제 제품이나 공간을 이용하는 사용자의 특성과 심리적 효과를 최우선으로 고려하여 계획해야 합니다.

    오답 노트
    사물의 용도, 심리적 효과, 환경적 요인 고려: 배색의 필수 조건입니다.
profile_image
1

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

20. 무성한 초록 나뭇잎들 사이에 핀 빨간 꽃과 관련 있는 조형의 원리는?

  1. 반복
  2. 율동
  3. 점이
  4. 강조
(정답률: 92%)
  • 초록색이라는 배경색과 대비되는 빨간색 꽃을 배치함으로써 시각적인 주목성을 높이는 원리이므로 강조가 정답입니다.
profile_image
1

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

2과목: 인터넷 일반

21. 웹페이지에 삽입할 수 있는 이미지 형식이 아닌 것은?

  1. PNG
  2. JPG
  3. PCX
  4. GIF
(정답률: 88%)
  • PNG, JPG, GIF는 웹 표준 이미지 포맷으로 대부분의 브라우저에서 지원하지만, PCX는 특정 그래픽 소프트웨어나 스캔 앱에서 사용되는 포맷으로 웹 동작을 고려하지 않아 웹페이지 삽입용으로 사용되지 않습니다.
profile_image
1

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

22. 웹에서 하이퍼텍스트 문서 전송을 위한 통신 규약은?

  1. HTTP
  2. TELNET
  3. USENET
  4. FTP
(정답률: 74%)
  • HTTP(HyperText Transfer Protocol)는 웹 브라우저와 웹 서버 간에 하이퍼텍스트 문서를 주고받기 위해 정의된 표준 통신 규약입니다.

    오답 노트
    TELNET: 원격 터미널 접속
    USENET: 뉴스 그룹 서비스
    FTP: 파일 전송 전용 프로토콜
profile_image
1

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

23. TCP/IP 프로토콜 중 IP 주소를 물리적인 주소로 변환해 주는 조수변환 프로토콜은?

  1. ARP(Address Resolution Protocol)
  2. RARP(Reverse Address Resolution Protocol)
  3. ICMP (Internet control message protocol)
  4. IGMP(Internet group management protocol)
(정답률: 68%)
  • ARP(Address Resolution Protocol)는 네트워크 계층의 논리적 주소인 IP 주소를 데이터 링크 계층의 물리적 주소인 MAC 주소로 변환하는 프로토콜입니다.

    오답 노트
    RARP: 물리적 주소를 IP 주소로 변환
    ICMP: 네트워크 오류 보고 및 진단
    IGMP: 멀티캐스트 그룹 관리
profile_image
1

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

24. 인터넷 익스플로러 7.0에서 사용자에 대한 등급을 제한하여 폭력, 음란 사이트로부터 보호를 목적으로 하기 위해 [도구]→[인터넷 옵션]에서 선택해야 하는 메뉴는?

  1. 일반
  2. 보안
  3. 고급
  4. 내용
(정답률: 42%)
  • 인터넷 익스플로러의 [내용] 탭에서는 콘텐츠 어드바이저 설정을 통해 사용자의 등급을 제한함으로써 폭력적이거나 음란한 사이트로부터 보호하는 기능을 제공합니다.
profile_image
1

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

25. IPv4에서 192.168.128.64 주소는 어느 클래스에 속하는가?

  1. 클래스 A
  2. 클래스 B
  3. 클래스 C
  4. 클래스 D
(정답률: 51%)
  • IPv4 주소의 첫 번째 옥텟 범위에 따라 클래스가 결정됩니다. $192.168.128.64$는 첫 번째 숫자가 $192$이므로 클래스 C 범위($192 \sim 223$)에 해당합니다.

    오답 노트
    클래스 A: $1 \sim 127$
    클래스 B: $128 \sim 191$
    클래스 D: $224 \sim 239$
profile_image
1

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

26. 다음 중 인터넷 서비스의 종류와 관련 서버가 옳게 연결된 것은?

  1. 전자우편(E-mail) 서비스 - Proxy 서버
  2. 파일전송(FTP) 서비스 - DNS 서버
  3. 월드와이드웹(WWW) 서비스 - Web 서버
  4. 텔넷(Telnet) 서비스 - SMTP 서버
(정답률: 79%)
  • 월드와이드웹(WWW) 서비스는 웹 페이지를 제공하는 Web 서버를 통해 이루어집니다.

    오답 노트
    전자우편(E-mail): SMTP 서버
    파일전송(FTP): FTP 서버
    텔넷(Telnet): Telnet 서버
profile_image
1

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

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

  1. VAN
  2. WAN
  3. LAN
  4. MAN
(정답률: 79%)
  • 집, 사무실, 학교 등 건물 내와 같은 가까운 지역을 네트워크 매체로 연결한 소규모 통신망을 LAN(근거리 통신망)이라고 합니다.

    오답 노트
    VAN: 부가가치통신망 사업자가 구축한 망
    WAN: 국가, 대륙 등 넓은 지역을 연결하는 광역 통신망
    MAN: 도시 규모의 네트워크로 LAN과 WAN의 중간 크기
profile_image
1

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

28. 다음이 설명하고 있는 서버는?

  1. DNS 서버
  2. Gateway 서버
  3. HTTP 서버
  4. Proxy 서버
(정답률: 69%)
  • 클라이언트와 서버 사이에서 데이터를 캐시에 저장하여 동일 자료 요청 시 응답 속도를 높이고, 간접 접속을 통해 보안 문제를 해결하는 서버는 Proxy 서버입니다.
profile_image
1

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

29. 검색엔진을 이용한 정보검색의 설명으로 틀린 것은?

  1. 한 단어의 검색 보다는 OR 연산자를 이용한 구체적인 검색으로 검색내용을 최대화하는 것이 효율적이다.
  2. 고유명사는 그 단어 자체를 국한하여 검색하기 때문에 좋은 키워드가 될 수 있다.
  3. 검색 결과에 대한 신뢰도는 절대적인 것은 아니다.
  4. 웹에서 찾기 어려운 자료는 메일링 리스트나 뉴스그룹(UseNet) 등을 검색하는 것도 좋은 방법이다.
(정답률: 55%)
  • OR 연산자는 제시된 키워드 중 하나라도 포함되면 모두 검색하므로 검색 결과가 최대화되어 범위가 넓어집니다. 따라서 구체적인 검색을 위해서는 검색 범위를 좁혀주는 AND 연산자를 사용하는 것이 효율적입니다.
profile_image
1

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

30. 다음 중 데이터 전송 속도를 나타내는 단위로 틀린 것은?

  1. bps
  2. dpi
  3. baud
  4. cps
(정답률: 55%)
  • dpi는 Dot Per Inch의 약자로, 화면 1인치당 포함된 점의 개수를 나타내는 해상도 단위이며 데이터 전송 속도와는 무관합니다.

    오답 노트
    bps: 초당 전송 비트 수
    baud: 초당 신호 변화 횟수
    cps: 초당 전송 문자 수
profile_image
1

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

31. 도메인 네임은 컴퓨터가 속한 기관이나 국가에 따라서 계층적으로 구성되어 있다. 이러한 인터넷 주소 형식에서 마지막 부분은 항상 최상위 도메인을 나타낸다. 다음 중 최상위 도메인이 아닌 것은?

  1. ac
  2. com
  3. gov
  4. kr
(정답률: 53%)
  • 최상위 도메인(TLD)은 주소의 가장 마지막 부분에 위치하며 국가나 기관의 성격을 나타냅니다. ac는 교육기관을 의미하는 2단계 도메인(차상위 도메인)으로, 보통 kr이나 us 같은 국가 최상위 도메인 아래에 위치합니다.

    오답 노트
    com: 영리 기업
    gov: 정부 기관
    kr: 대한민국 국가 도메인
profile_image
1

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

32. 기존의 단어중심 검색방법과는 달리 문장 단위로 검색함으로써 좀 더 정확도를 높이는 검색방법은?

  1. 키워드 검색
  2. 자연어 검색
  3. 이미지 검색
  4. 색인 검색
(정답률: 58%)
  • 자연어 검색은 단어 위주의 키워드 방식에서 벗어나, 사람이 일상적으로 사용하는 문장 단위로 입력해도 의도를 파악해 정확한 결과를 찾아주는 검색 방법입니다.
profile_image
1

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

33. 자바스크립트의 내장함수 중 문자열로 입력된 수식을 계산하여 주는 함수는?

  1. String
  2. parseint
  3. confirm
  4. eval
(정답률: 44%)
  • eval 함수는 문자열로 입력된 수식을 실제 실행 가능한 코드로 처리하여 그 결과값을 반환하는 자바스크립트 내장 함수입니다.

    오답 노트
    String: 문자열 생성자
    parseint: 문자열을 정수로 변환
    confirm: 확인 창 표시
profile_image
1

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

34. 분신, 화신이라는 의미로 채팅, 온라인 게임 등 네트워크 환경에서 자신을 대신하여 커뮤니케이션에 참여하는 가상의 그림 또는 아이콘을 뜻하는 인터넷 용어는?

  1. 아바타
  2. 쿠키
  3. 포털
  4. 허브
(정답률: 91%)
  • 네트워크 환경에서 사용자를 대신하여 커뮤니케이션에 참여하는 가상의 캐릭터나 아이콘을 아바타라고 합니다.
profile_image
1

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

35. 다음 중 웹 브라우저의 기능이 아닌 것은?

  1. 웹 페이지 열기 및 저장
  2. 자주 방문하는 URL의 기억 및 관리
  3. 소스파일(HTML) 보기
  4. 실시간 동영상 캡처 및 전송
(정답률: 87%)
  • 웹 브라우저는 HTTP 프로토콜을 통해 웹 서버로부터 HTML 문서를 받아와 사용자에게 시각적으로 보여주는 소프트웨어입니다. 실시간 동영상 캡처 및 전송은 브라우저의 기본 기능이 아니라 별도의 캡처 프로그램이나 스트리밍 전송 소프트웨어가 수행하는 기능입니다.
profile_image
1

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

36. HTML의 특징으로 틀린 것은?

  1. HTML은 Markup 언어이다.
  2. HTML 문서는 ASCII 코드로 구성된 일반적인 텍스트 파일이다.
  3. HTML 문서는 사용자가 정의한 태그(tag)를 이용해 작성될 수 있다.
  4. HTML은 컴퓨터 시스템이나 운영체제에 독립적이다.
(정답률: 38%)
  • HTML은 웹 페이지의 구조를 정의하기 위해 미리 정해진 표준 태그를 사용하는 마크업 언어입니다. 사용자가 임의로 태그를 정의하여 사용하는 것은 HTML이 아니라 XML의 핵심 특징입니다.

    오답 노트
    ASCII 코드로 구성된 텍스트 파일: HTML 문서의 기본 저장 형식입니다.
    컴퓨터 시스템 및 운영체제 독립적: 표준 규격을 따르므로 어떤 환경에서도 브라우저만 있다면 동일하게 동작합니다.
profile_image
1

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

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

  1. 물리계층 → 데이터링크계층 → 세션계층 → 네트워크계층 → 전송계층 → 응용계층 → 표현계층
  2. 물리계층 → 데이터링크계층 → 네트워크계층 → 전송계층 → 세션계층 → 응용계층 → 표현계층
  3. 물리계층 → 데이터링크계층 → 네트워크계층 → 전송계층 → 세션계층 → 표현계층 → 응용계층
  4. 전송계층 → 물리계층 → 데이터링크계층 → 네트워크계층 → 세션계층 → 표현계층 → 응용계층
(정답률: 76%)
  • OSI 7계층의 하위 계층부터 상위 계층까지의 올바른 순서는 다음과 같습니다.
    물리계층 $\rightarrow$ 데이터링크계층 $\rightarrow$ 네트워크계층 $\rightarrow$ 전송계층 $\rightarrow$ 세션계층 $\rightarrow$ 표현계층 $\rightarrow$ 응용계층
profile_image
1

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

38. Java script의 설명으로 틀린 것은?

  1. 소스코드가 HTML 문서 내에 포한된다.
  2. 변수 타입 선언 없이 사용이 가능하다.
  3. 반드시 플랫폼에 종속적으로 사용된다.
  4. 객체지향적인 스크립트 언어이다.
(정답률: 66%)
  • 자바스크립트는 웹 표준을 준수하며 웹 브라우저만 있다면 운영 체제나 장치에 상관없이 동일하게 실행되는 플랫폼 독립적인 언어입니다.
profile_image
1

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

39. 다음 자바 스크립트의 연산자 중 우선순위가 가장 높은 것은?

  1. []
  2. ++
  3. %
  4. !
(정답률: 71%)
  • 자바스크립트 연산자 우선순위에서 괄호 $()$와 대괄호 $[]$는 가장 최우선적으로 처리되는 연산자입니다.
profile_image
1

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

40. 검색엔진에 대한 설명으로 틀린 것은?

  1. 검색엔진은 자체에 등록된 사이트만을 대상으로 정보를 검색한다.
  2. 검색엔진 종류에는 주제별 검색엔진, 일반 키워드형 검색엔진 및 메타 검색엔진 등이 있다.
  3. 일반 키워드형 검색엔진은 주제어 또는 검색어를 입력하여 원하는 정보를 찾는다.
  4. 주제별 검색엔진은 계층적인 메뉴를 따라가며 검색할 수 있다.
(정답률: 80%)
  • 검색엔진은 자체 DB뿐만 아니라 메타 검색엔진처럼 여러 포털의 결과를 통합하여 보여주거나 실시간으로 쿼리를 전송하여 정보를 찾기도 합니다. 따라서 자체에 등록된 사이트만을 대상으로 정보를 검색한다는 설명은 틀렸습니다.
profile_image
1

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

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

41. 전통적인 셀 애니메이션의 특수한 기법으로 실제 장면을 촬영한 실사 필름 위에 특정 인물이나 사물을 투명 종이(셀)에 직접 그림을 그리고 채색하는 컴퓨터 애니메이션 기법은?

  1. 로토스코핑(Rotoscoping)
  2. 컬러 사이클링(Color cycling)
  3. 모핑(Morphing)
  4. 모션 트위닝(Motion Tweening)
(정답률: 59%)
  • 실제 촬영한 필름 위에 인물이나 사물을 한 프레임씩 베껴 그려 합성하는 기법은 로토스코핑(Rotoscoping)입니다.

    오답 노트
    컬러 사이클링: 색상을 바꾸며 움직임을 표현하는 기법
    모핑: 하나의 이미지를 다른 이미지로 연속 변형하는 기법
    모션 트위닝: 시작과 끝 위치를 지정해 중간 단계를 자동으로 생성하는 기법
profile_image
1

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

42. 웹 사이트 제작에서 경쟁사의 웹 사이트를 분석하는 이유로 틀린 것은?

  1. 해당 분야의 인터넷 시장을 파악 한다.
  2. 경쟁 사이트들을 분석하여 자신의 사이트 경쟁력을 제고 한다.
  3. 인터넷 시장의 흐름을 이해한다.
  4. 웹 사이트 제작에 필요한 콘텐츠를 얻는다.
(정답률: 77%)
  • 경쟁사 분석은 시장 흐름 파악과 경쟁력 제고를 위한 전략적 단계입니다. 타 사이트의 콘텐츠를 무단으로 가져오는 것은 저작권 침해에 해당하므로 웹 사이트 제작에 필요한 콘텐츠를 얻는다는 목적은 틀린 설명입니다.
profile_image
1

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

43. 일반적으로 웹디자이너가 홈페이지에 적용할 색을 설계할 때 고려해야 할 사항으로 거리가 먼 것은?

  1. 상식적인 수준을 따르는 것이 좋다.
  2. 보색 사용은 자제한다.
  3. 배경색과 배경무늬는 심플한 것이 좋다.
  4. 일관성 보다 다양한 색상을 고려하여 적용한다.
(정답률: 79%)
  • 웹 디자인 시 색상 설계는 사용자의 편의성과 시각적 안정감을 위해 일관성을 유지하는 것이 핵심입니다. 따라서 일관성 보다 다양한 색상을 고려하여 적용한다는 설명은 적절하지 않습니다.
profile_image
1

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

44. 벡터(Vector) 방식에 대한 설명으로 틀린 것은?

  1. 선과 도형으로 그린 이미지를 저장하는 방식이다.
  2. 단순한 도형의 표현에 적합하다.
  3. 이미지를 확대하거나 축소해도 손상이 없다.
  4. 벡터기반 프로그램으로는 photoshop이 있다.
(정답률: 79%)
  • 벡터 방식은 점, 선, 면의 수학적 계산으로 이미지를 저장하므로 확대나 축소 시에도 화질 손상이 없으며 단순한 도형 표현에 적합합니다. 포토샵은 픽셀 단위로 저장하는 래스터(비트맵) 기반 프로그램입니다.

    오답 노트
    벡터 기반 프로그램: 일러스트레이터, 플래시, 코렐드로우 등
profile_image
1

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

45. 페이지 수가 많고, 담고 있는 정보가 복잡한 웹페이지 일수록 그 구성과 형태를 얼마나 잘 체계화하고, 적절한 장소에 위치시키느냐에 따라 쉬운 정보검색을 할 수 있다. 이를 가능하게 하는 디자인 작업은?

  1. 스토리보드
  2. 시나리오
  3. 내비게이션 디자인
  4. 스토리텔링
(정답률: 68%)
  • 내비게이션 디자인은 복잡한 정보 구조를 체계화하고 사용자가 원하는 정보에 쉽고 빠르게 접근할 수 있도록 메뉴 구성 및 경로를 설계하는 작업입니다.
profile_image
1

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

46. 다음 설명에 해당하는 음영 처리 기법은?

  1. 플랫 쉐이딩(Flat Shading)
  2. 퐁 쉐이딩(Phone Shading)
  3. 메탈 쉐이딩(Metal Shading)
  4. 고러드 쉐이딩(Gouraud Shading)
(정답률: 48%)
  • 퐁 쉐이딩(Phone Shading)은 정규 벡터 보간법이라고도 하며, 오브젝트의 각 점에 전달되는 빛의 양을 계산하여 매우 사실적이고 부드러운 곡선 표현이 가능하지만 렌더링 계산 시간이 오래 걸리는 것이 특징입니다.

    오답 노트
    플랫 쉐이딩: 면 전체를 하나의 색으로 칠하는 가장 단순한 방식
    고러드 쉐이딩: 인접 면의 색상을 단계적으로 보간하여 플랫 쉐이딩보다 부드럽게 표현
    메탈 쉐이딩: 금속 특유의 질감을 표현하는 방식
profile_image
1

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

47. 플래시에서 맨 앞과 맨 끝 키 프레임에만 변화를 주면 중간 과정을 만들어 주는 것을 무엇이라고 하는가?

  1. Motion
  2. Tweening
  3. Transform
  4. Swapping
(정답률: 72%)
  • Tweening은 사용자가 시작과 끝의 키프레임만 설정하면 그 사이의 중간 프레임을 소프트웨어가 자동으로 생성하여 부드러운 애니메이션을 만드는 기능입니다.

    오답 노트
    Motion: 오브젝트가 시간에 따라 움직이는 동작 자체
    Transform: 크기, 회전, 위치 등 형태를 직접 수정
    Swapping: 심볼을 다른 심볼로 교체
profile_image
1

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

48. 웹디자인 프로세스에 관한 내용으로 틀린 것은?

  1. 디자인 스타일링이란 컨셉(concept)에 맞추어 아이디어를 수집, 발전, 결정하는 것을 말한다.
  2. 디자인 발의란 어떤 사이트를 어떻게 만들 것인가에 대한 의견제시 과정이다.
  3. 디자인 개발단계에서는 인력을 적재적소에 분배한다.
  4. 디자인 조사 및 분석 단계에서는 컬러시스템, 그리드시스템, 레이아웃 등을 계획한다.
(정답률: 54%)
  • 디자인 조사 및 분석 단계에서는 사용자 분석, 고객 요구사항 파악, 사이트 구축 목적 및 목표 설정과 같은 전략적 기획을 수행합니다. 컬러시스템, 그리드시스템, 레이아웃 등을 계획하는 것은 분석 이후의 구체적인 디자인 설계 단계에 해당합니다.
profile_image
1

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

49. 사용자가 모니터 위에 표시된 메뉴를 손가락으로 누르면 입력이 되어 컴퓨터에 익숙하지 않은 초보자들도 간단하고 편리하게 사용할 수 있는 입력장치는?

  1. 스캐너
  2. 디지타이저
  3. 터치스크린
  4. 마우스
(정답률: 81%)
  • 모니터 화면에 표시된 메뉴를 손가락으로 직접 눌러 입력하는 장치로, 별도의 마우스나 키보드 없이 직관적인 조작이 가능하여 초보자도 편리하게 사용할 수 있는 터치스크린에 대한 설명입니다.
profile_image
1

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

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

  1. Halftone
  2. Gradation
  3. Pattern
  4. Dithering
(정답률: 73%)
  • 제한된 수의 색상을 사용하여 시각적으로 색을 섞어 다양한 색상을 표현하는 기법을 의미합니다. 처럼 노란색과 빨간색 점을 적절히 배치하여 주황색처럼 보이게 만드는 방식이 대표적인 Dithering의 특징입니다.
profile_image
1

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

51. 웹사이트에 움직이는 배너광고를 삽입하고자 할 경우 사용 가능한 툴(tool)로 틀린 것은?

  1. 플래시(Flash)
  2. 이미지 레디(Image Ready)
  3. 일러스트레이터(Illustrator)
  4. 스위시(Swish)
(정답률: 67%)
  • 일러스트레이터는 벡터 기반의 캐릭터나 심벌 제작에 최적화된 도구이며, 애니메이션이나 움직이는 배너 광고를 제작하는 기능에는 적합하지 않습니다.
profile_image
1

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

52. 다음 설명은 컴퓨터 그래픽스의 역사 중 몇 세대를 의미하는가?

  1. 제2세대
  2. 제3세대
  3. 제4세대
  4. 제5세대
(정답률: 54%)
  • 제시된 이미지 의 내용은 집적회로(IC)의 도입으로 성능이 비약적으로 발전한 제3세대의 특징입니다. 특히 만델브로의 프랙탈 이론 발표와 CAD/CAM 도입, 마이크로소프트 설립 등이 이 시기의 핵심 사건입니다.
profile_image
1

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

53. 다음 중 웹 그래픽 제작 툴과 가장 거리가 먼 것은?

  1. 포토샵(Photoshop)
  2. 일러스트레이터(Illustrator)
  3. 오토캐드(Autocad)
  4. 페인트샵(Paintshop)
(정답률: 74%)
  • 오토캐드(Autocad)는 웹 그래픽 제작 툴이 아니라 2차원 및 3차원 설계와 제도를 위한 CAD 응용 소프트웨어입니다.
profile_image
1

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

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

  1. Gif 애니메이션
  2. 퀵타임(Quick-time)
  3. 스트리밍(Streaming)
  4. Flash 애니메이션
(정답률: 81%)

  • 웹상에서 영상이나 음향 파일을 다운로드 없이 실시간으로 재생하는 기술은 스트리밍(Streaming)의 핵심 정의입니다.
profile_image
1

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

55. 플래시(Flash)를 이용한 작업으로 거리가 먼 것은?

  1. 단순하고 정적인 홈페이지를 탈피하여 역동적인 홈페이지를 구축할 수 있다.
  2. 사업적 용도로 가치 있는 배너를 제작할 수 있다.
  3. CGI와 연동하면 여러 가지 기능을 가진 카운터, 방명록, 게시판 등을 만들 수 있다.
  4. 3D 애니메이션을 제작하여 영화산업에서도 많이 응용되고 있다.
(정답률: 54%)
  • 플래시는 벡터 기반의 2D 애니메이션과 인터랙티브 콘텐츠 제작에 특화된 도구입니다. 고사양의 3D 애니메이션을 제작하여 영화 산업에 응용하는 것은 전문 3D 툴의 영역입니다.
profile_image
1

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

56. 웹에서 사용되는 타이포그래피의 특징에 대한 설명으로 틀린 것은?

  1. 타이포그래피는 문자의 모양과 배열을 의미하는 것으로 웹과 접목되면 다양한 표현이 가능해진다.
  2. 웹에서는 서체 사용에 제한이 없다.
  3. 웹의 타이포그래피를 이용한 인터랙티브한 구성이 가능해 진다.
  4. 웹의 타이포그래피는 동적이다.
(정답률: 67%)
  • 웹 타이포그래피에서 서체는 하나의 저작물로 보호받기 때문에, 저작권법에 따라 사용 가능한 서체를 선택해야 하는 제한이 있습니다.
profile_image
1

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

57. 웹디자인 프로세스 중 Pre-Production 단계에 해당되지 않는 것은?

  1. 디자인 계획 수립
  2. 콘텐츠 제작
  3. 콘셉트 구상
  4. 디자인 구체화
(정답률: 57%)
  • 웹디자인 프로세스에서 Pre-Production은 실제 제작 전의 기획 단계입니다. 콘텐츠 제작은 기획된 내용을 바탕으로 실제 결과물을 만드는 제작 단계(Production)에 해당합니다.
profile_image
1

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

58. 애니메이션에 대한 설명으로 가장 옳은 것은?

  1. 그림자나 색체의 변화와 같은 3차원적인 질감을 더하여 현실감을 추가하는 과정이다.
  2. 움직임이 없는 무생물이나 상상의 물체에 인위적인 조작을 가해 움직임을 주는 기술이다.
  3. 실제 존재하였거나 상상했던 오브젝트를 3차원적 좌표계를 사용하여 표현하는 과정이다.
  4. 두 가지의 다른 화면을 합성하기 위한 그래픽 기술이다.
(정답률: 70%)
  • 애니메이션은 정지된 이미지나 무생물, 상상의 물체에 인위적인 조작을 가하여 연속적으로 보여줌으로써 움직이는 것처럼 느끼게 하는 기술입니다.
profile_image
1

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

59. 그래픽 파일 포맷인 GIF와 JPG에 대한 설명으로 틀린 것은?

  1. GIF 파일은 빠른 전송 때문에 웹용 이미지로 많이 사용한다.
  2. JPG 파일 형식은 GIF 형식보다 다양한 색상을 나타낼 수 있다.
  3. JPG 파일 형식은 프로그레시브 방식을 지원한다.
  4. GIF 파일 형식은 24bit 트루 컬러(True Color)색상으로 표현할 수 있다.
(정답률: 58%)
  • GIF 파일 형식은 최대 256색까지만 저장할 수 있는 비손실 압축 방식입니다. 24bit 트루 컬러를 지원하는 것은 JPG나 PNG 등의 포맷입니다.
profile_image
1

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

60. GUI에 대한 설명으로 틀린 것은?

  1. GUI는 Graphic User Interface의 약자이다.
  2. 그래픽 사용자 중심의 환경으로 아이콘, 내비게이션 툴바 등으로 컴퓨터 사용을 손쉽게 해준다.
  3. 제 5세대인 1990년도 이후부터 본격적으로 출발하였다.
  4. 현재 Windows 계열의 OS 만이 사용하고 있다.
(정답률: 77%)
  • GUI는 윈도우 계열뿐만 아니라 macOS, 리눅스, 안드로이드, iOS 등 다양한 운영 체제와 웹 브라우저, 모바일 장치에서 광범위하게 사용되는 필수 인터페이스입니다.
profile_image
1

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

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