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

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

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

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

목록

1과목: 디자인 일반

1. 제품 디자인 과정 중 「완성 예상도」라고도 하며 실물처럼 충실하고 정확히 표현하는 것을 무엇이라고 하는가?

  1. 렌더링(RENDERING)
  2. 드로잉(DRAWING)
  3. 스케치(SKETCH)
  4. 모델링(MODELING)
(정답률: 75%)
  • 제품화 전 계획 단계에 있는 공업 제품을 누구나 외관을 이해할 수 있도록 실물과 똑같이 충실하고 정확하게 표현하는 완성 예상도를 렌더링(RENDERING)이라고 합니다.
profile_image
1

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

2. 다음 중 주위색의 영향으로 오히려 인접색에 가깝게 느껴지는 현상을 의미하는 것은?

  1. 대비 현상
  2. 동화 현상
  3. 색의 수축성
  4. 중량 현상
(정답률: 91%)
  • 주위색의 영향으로 인해 대상색이 인접한 색과 비슷하게 느껴지는 현상을 동화 현상이라고 합니다.
profile_image
1

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

3. 다음 중 무엇을 구하는 도형인가?

  1. 심메트리
  2. 황금분할
  3. 루트구형
  4. 아심메트리
(정답률: 88%)
  • 제시된 이미지 는 선분을 가장 아름다운 비율로 나누는 황금분할의 작도법을 나타내는 도형입니다.
profile_image
1

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

4. 다음 중 실내 공간을 목적별로 분류한 대상이 아닌 것은?

  1. 생활 공간 (living space)
  2. 가구 공간 (furniture space)
  3. 공공 공간 (public space)
  4. 작업 공간 (work space)
(정답률: 75%)
  • 실내 공간은 사용 목적에 따라 생활 공간, 공공 공간, 작업 공간 등으로 분류합니다. 가구 공간은 공간의 분류 체계가 아니라 공간을 채우는 구성 요소에 해당합니다.
profile_image
1

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

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

  1. 보색혼합
  2. 병치혼합
  3. 가산혼합
  4. 감산혼합
(정답률: 71%)
  • 병치혼합은 색을 물리적으로 섞지 않고 원색의 점들을 촘촘하게 나란히 배치하여, 보는 사람의 망막에서 색이 혼합되어 보이게 하는 방식입니다. 색 자체를 섞지 않으므로 원래의 명도와 채도가 유지되는 특징이 있습니다.
profile_image
1

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

6. 다음 그림에서 나타나는 착시현상은?

  1. 방향의 착시
  2. 대비의 착시
  3. 분할의 착시
  4. 길이의 착시
(정답률: 86%)
  • 그림과 같이 선의 양 끝에 붙은 화살표의 방향에 따라 실제 길이는 같음에도 불구하고 길이가 서로 다르게 느껴지는 현상을 길이의 착시라고 합니다.
profile_image
1

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

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

  1. 산업혁명
  2. 아르 누보
  3. 미술공예운동
  4. 대규모생산운동
(정답률: 91%)
  • 윌리엄 모리스가 주도한 미술공예운동은 산업혁명으로 인한 기계 생산 방식의 조잡한 품질에 반대하여, 중세의 수공예 정신을 회복하고 예술과 노동의 결합을 통해 생활용품의 질을 높이려 한 운동입니다.
profile_image
1

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

8. 다음 중 색의 주목성에 관한 설명으로 틀린 것은?

  1. 명시성이 높은 색은 주목성도 높아지게 된다.
  2. 주목성은 색이 우리의 시선을 끄는 힘을 말한다.
  3. 차가운 한색은 따뜻한 난색보다 주목성이 높다
  4. 명도와 채도가 높은 색은 주목성이 높다.
(정답률: 89%)
  • 주목성은 색이 시선을 끄는 힘을 말하며, 일반적으로 차가운 한색보다는 빨강, 주황, 노랑과 같은 따뜻한 난색 계열의 주목성이 더 높습니다.
profile_image
1

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

9. 1, 2, 4, 8, 16 ...과 같이 이웃하는 두 항의 비가 일정한 수열은?

  1. 등차수열
  2. 등비수열
  3. 피보나치수열
  4. 조화수열
(정답률: 88%)
  • 이웃하는 두 항의 비가 일정하여 앞의 항에 일정한 수를 곱해 다음 항이 만들어지는 수열을 등비수열이라고 합니다.
profile_image
1

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

10. 1931년 국제조명위원회에서 가산 혼합 원리로 물리적인 빛의 혼합을 기초로 하는 표색계는?

  1. CIE 표색계
  2. 오스트발트(OSTWALD) 표색계
  3. 맥스웰(MAXWELL) RGB 표색계
  4. 먼셀(MUNSELL) 표색계
(정답률: 65%)
  • 1931년 국제조명위원회(CIE)에서 가산 혼합 원리를 바탕으로 물리적인 빛의 혼합을 기초로 하여 표준화한 표색계는 CIE 표색계입니다.
profile_image
1

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

11. 다음이 설명하고 있는 디자인 원리는?

  1. 주도와 종속
  2. 비례와 균형
  3. 리듬과 율동
  4. 유사와 대비
(정답률: 83%)
  • 조형의 모든 부분에서 나타나는 시각상의 힘과 주도적인 요소를 끌어당기는 상대적인 힘을 통해 강조점을 만드는 원리는 주도와 종속입니다.
profile_image
1

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

12. 다음이 설명하는 색입체 모형은?

  1. 오스트라발트 색입체
  2. 문 스펜서의 색입체
  3. 먼셀의 색입체
  4. 영 핼름훌쯔의 색입체
(정답률: 72%)
  • 색상(Hue), 명도(Value), 채도(Chroma)의 3속성으로 표시하며, 색채나무라고도 불리고 20색상환을 사용하는 모형은 먼셀의 색입체입니다.
profile_image
1

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

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

  1. 갈색계열
  2. 무채색계열
  3. 녹색계열
  4. 보라색계열
(정답률: 92%)
  • 수술실에서는 붉은색 피를 많이 보게 되므로, 빨간색의 보색 관계에 있어 시각적 피로를 줄여주는 녹색계열이 가장 적합합니다.
profile_image
1

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

14. 면의 한계나 교차에서 생기는 것으로 직접 지각되지 못하는 것은?

  1. 네거티브 점
  2. 포지티브 점
  3. 포지티브 선
  4. 네거티브 선
(정답률: 68%)
  • 네거티브 선은 면의 한계나 교차에서 발생하지만, 직접적으로 지각되지 않는 소극적 요소입니다.

    오답 노트
    포지티브 점: 명확히 지각되는 점
    네거티브 점: 선의 한계, 교차, 꼭지점 등에 생기는 지각되지 않는 점
    포지티브 선: 점의 이동이나 확대에서 얻어지는 지각 가능한 선
profile_image
1

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

15. 다음 설명과 같은 특성을 가지는 선(line)은?

  1. 직선
  2. 절선
  3. 점선
  4. 곡선
(정답률: 94%)
  • 우아, 매력, 모호, 유연, 복잡함의 상징이며 여성적인 섬세함과 동적인 표정을 나타내는 선의 특징은 곡선입니다.
profile_image
1

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

16. 다음 중 쓴맛을 나타내는 색은?

  1. 검정
  2. 주황
  3. 회색
  4. 파랑
(정답률: 69%)
  • 색채의 심리적 효과 중 파랑은 일반적으로 쓴맛을 상징하는 색으로 분류됩니다.
profile_image
1

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

17. 색의 활용 효과에 대한 설명으로 틀린 것은?

  1. 밝은 바탕에 어두운 색 글자보다 어두운 바탕에 밝은 색 글자가 더 굵고 커 보인다.
  2. 같은 크기의 검정색 상자와 흰색 상자를 비교하면 흰색 상자가 더 가볍게 느껴진다.
  3. 천장을 좀 더 높게 보이게 하려면 벽면과 동일계열의 고명도 색을 천장에 칠한다.
  4. 상의를 하의보다 더 어두운 색상으로 하면 키가 더 커 보인다.
(정답률: 78%)
  • 시각적으로 키가 더 커 보이게 하려면 시선을 위로 끌어올려야 하므로, 상의를 하의보다 더 밝은 색상으로 선택하는 것이 효과적입니다.
profile_image
1

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

18. 색과 색체에 대한 설명으로 옳은 것은?

  1. 색은 심리적 현상을 말한다.
  2. 색채는 물리적 현상을 말한다.
  3. 색은 무채색을 포함하지 않는다.
  4. 색채는 유채색을 말한다.
(정답률: 58%)
  • 색채는 빛의 파장에 의해 인간이 느끼는 심리적 현상이며, 일반적으로 유채색을 의미합니다.

    오답 노트
    색은 물리적 현상을 말함
    색채는 심리적 현상을 말함
    색은 무채색과 유채색을 모두 포함함
profile_image
1

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

19. 생동감 있는 형태를 창조하여 시야가 형태와 구성 주변을 따라 움직이도록 하는 디자인 원리는?

  1. 대칭
  2. 비대칭
  3. 통일
  4. 비례
(정답률: 47%)
  • 비대칭은 균형을 유지하면서도 역동적이고 생동감 있는 형태를 창조하여, 시선이 구성 주변을 따라 움직이게 만드는 디자인 원리입니다.
profile_image
1

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

20. 디자인 의미에 대한 설명으로 옳지 않은 것은?

  1. 넓은 의미로 심적 계획(a mental plan)이다.
  2. 좁은 의미로는 보다 사용하기 쉽고 안전하며, 아름답고, 쾌적한 생활환경을 창조하는 조형행위이다.
  3. 사전적의미로 라틴어의 ‘designare'와 같이 ’지시하다, 계획을 세우다, 스케치를 하다‘ 등의 의미로 사용된다.
  4. 도안(圖案)또는 의장(意匠)을 말하며, 주어진 목적에 관계없이 비실체적인 행위의 총체이다.
(정답률: 83%)
  • 디자인은 주어진 목적을 달성하기 위한 구체적인 계획과 실체적인 행위의 총체입니다. 따라서 주어진 목적에 관계없이 비실체적인 행위라는 설명은 디자인의 정의에 어긋납니다.
profile_image
1

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

2과목: 인터넷 일반

21. IPv6 주소체계에 대한 설명으로 가장 거리가 먼 것은?

  1. 64bit의 확장된 주소 공간을 제공한다.
  2. 라우터의 라우팅 테이블에 오버플로우 현상을 제거하여 라우팅 능력을 개선한다.
  3. IPSEG을 통하여 보안의 취약점을 찾아낼 수 있다.
  4. QoS(Quality of Service) 제어기능을 지원한다.
(정답률: 65%)
  • IPv6는 주소 부족 문제를 해결하기 위해 도입된 $128\text{bit}$ 주소 체계입니다.

    오답 노트
    64bit의 확장된 주소 공간을 제공한다: $128\text{bit}$ 체계이므로 틀림
profile_image
1

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

22. 상호작용을 지원하는 웹 페이지 제작을 위한 CGI의 설명으로 틀린 것은?

  1. 웹 브라우저와 웹서버, 응용프로그램 간의 일종의 인터페이스이다.
  2. 방명록이나 카운터, 게시판 등에 사용된다.
  3. 사용자에게 일방적인 정보제공을 하기 위해 사용된다.
  4. HTML의 <FORM>태그를 이용하여 CGI 프로그램으로 데이터를 전달한다.
(정답률: 67%)
  • CGI는 웹 브라우저와 서버, 응용 프로그램 간의 인터페이스를 통해 상호작용을 지원하는 기술이므로, 사용자에게 일방적인 정보제공을 하기 위해 사용된다는 설명은 틀린 내용입니다.
profile_image
1

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

23. 네트워크를 통해 데이터 통신을 실행하는데 사용되는 일련의 규칙을 무엇이라고 하는가?

  1. 호스트
  2. 서버
  3. 프로토콜
  4. 토폴로지
(정답률: 88%)
  • 네트워크를 통해 데이터 통신을 실행하기 위해 정의된 일련의 약속이나 규칙을 프로토콜이라고 합니다.
profile_image
1

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

24. 다음 중 인터넷에서 사용하고 있는 통신 프로토콜은?

  1. TCP/IP
  2. DNS
  3. 100 Base
  4. cat 5
(정답률: 91%)
  • 인터넷에서 데이터를 주고받기 위해 표준으로 사용하고 있는 통신 프로토콜은 TCP/IP입니다.
profile_image
1

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

25. 인터넷의 기본 통신규약인 TCP/IP의 개발에 기초가 된 미국 국방성의 네트워크는?

  1. NSFNET
  2. ARPANET
  3. BITNET
  4. CSNET
(정답률: 82%)
  • 인터넷의 시초는 ARPANET으로, 1969년 미국 국방성에서 군사적 목적을 위해 개발한 네트워크입니다.
profile_image
1

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

26. 웹 브라우저(Web Browser)의 종류가 아닌 것은?

  1. Mosaic
  2. Opera
  3. Leno
  4. Safari
(정답률: 81%)
  • Mosaic, Opera, Safari는 대표적인 웹 브라우저 소프트웨어이지만, Leno는 웹 브라우저의 종류가 아닙니다.
profile_image
1

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

27. 웹 브라우저에 대한 설명으로 틀린 것은?

  1. 인터넷 웹서버에 저장된 하이퍼텍스트와 하이퍼미디어 정보를 불러와서 사용자의 컴퓨터 화면에 보여주는 역할을 하는 프로그램이다.
  2. 인터넷 익스플로러 5.0이상의 버전에서 쿠키 거부 기능을 추가하였다.
  3. HTML 이외의 형식의 정보를 다루기 위해 자체적으로 CGI 프로그램을 사용한다.
  4. 기본적으로 HTTP 프로토콜을 사용한 웹서비스를 제공하지만 FTP, Usenet, 전자우편 등의 서비스도 함께 제공한다.
(정답률: 53%)
  • CGI(Common Gateway Interface) 프로그램은 웹 브라우저가 아니라 웹 서버 측에서 동적인 콘텐츠를 생성하기 위해 사용하는 인터페이스입니다.
profile_image
1

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

28. 인터넷 정보검색 방법으로 적절하지 않은 것은?

  1. 단어별 검색엔진은 초보자가 사용하기에 용이하다.
  2. 검색하고자 하는 정보에 적합한 검색엔진을 선택한다.
  3. 검색엔진을 사용할 경우 정확한 검색어를 선정한다.
  4. 해당하는 검색엔진의 기능을 충분히 숙지한다.
(정답률: 57%)
  • 단어별 검색엔진은 사용자가 직접 키워드를 입력해야 하므로, 계층 구조(대·중·소분류)를 따라 찾아가는 주제별(디렉터리) 검색엔진이 초보자가 사용하기에 더 용이합니다.
profile_image
1

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

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

  1. HTML 문서에 포함되어 실행되는 스크립트언어이다.
  2. 동적인 웹 페이지를 작성할 수 있도록 해준다.
  3. 모든 플랫폼에서 인터프리터에 의해 실행이 가능하다.
  4. 컴파일 과정을 통하여 스크립트를 직접 실행하는 인터프리터 언어이다.
(정답률: 58%)
  • 자바스크립트는 소스 코드를 한 줄씩 읽어 즉시 실행하는 인터프리터 언어이므로, 별도의 컴파일 과정이 필요하지 않습니다.
profile_image
1

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

30. 웹 문서에 mp3 사운드 파일을 삽입하여 재생되도록 하고자 할 때 사용되는 태그는?

  1. <IMG>
  2. <EMBED>
  3. <BK>
  4. <MP3>
(정답률: 61%)
  • 웹 문서에 mp3와 같은 외부 멀티미디어 콘텐츠(사운드, 동영상 등)를 삽입하여 재생할 때 사용하는 태그는 입니다.
profile_image
1

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

31. 자바스크립트의 내장함수에 해당되지 않는 것은?

  1. fun define()
  2. eval()
  3. parselnt()
  4. escape()
(정답률: 66%)
  • fun define()은 자바스크립트에서 제공하는 표준 내장함수가 아닙니다.

    오답 노트
    eval(): 문자열 수식 계산
    parselnt(): 문자열을 정수로 변환
    escape(): 문자의 ASCII 값 반환
profile_image
1

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

32. 웹 페이지 제작 시 배경 색상 설정이 흰색으로 지정되지 않는 것은?

  1. <BODY bgcolor="#ffffff">
  2. <BODY bgcolor="white">
  3. <BODY bgcolor="ffffff">
  4. <BODY bgcolor="#000000">
(정답률: 69%)
  • HTML의 bgcolor 속성에서 #000000은 검정색을 의미하므로 흰색으로 지정되지 않습니다.

    오답 노트
    #ffffff, white, ffffff: 모두 흰색을 나타내는 표현입니다.
profile_image
1

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

33. 웹페이지를 만들기 위해 사용되는 프로그램 중 클라이언트 측에서 수행되는 것은?

  1. ASP
  2. JSP
  3. JavaScript
  4. PHP
(정답률: 75%)
  • JavaScript는 사용자의 웹 브라우저(클라이언트)에서 직접 실행되는 클라이언트 측 스크립트 언어입니다.

    오답 노트
    ASP, JSP, PHP: 서버에서 실행된 후 결과만 브라우저로 보내는 서버 측 수행 방식입니다.
profile_image
1

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

34. 인터넷 사이트를 방문할 때 1024×768로 최적화되어 있는 사이트를 방문할 때가 있다. 이 사이트는 전체 화면이 한 눈에 들어오지 않아 스크롤바를 이용하거나 해상도를 높여 한 화면으로 볼 수 있도록 한다. 이때, 해상도를 바꾸지 않고 화면을 확대하는 단축키는?

  1. F8
  2. F9
  3. F10
  4. F11
(정답률: 77%)
  • 웹 브라우저에서 현재 페이지를 전체 화면으로 확대하여 볼 때 사용하는 단축키는 F11입니다.
profile_image
1

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

35. 다음 중 미디어 데이터를 처리하고 재생함으로서 웹 브라우저의 기능을 확장시켜 주는 것은?

  1. 쿠키
  2. 플러그인
  3. 책갈피
  4. 다이어그램
(정답률: 80%)
  • 플러그인은 웹 브라우저가 기본적으로 지원하지 않는 특수한 미디어 데이터(Flash, PDF, 특정 동영상 코덱 등)를 처리하고 재생할 수 있도록 기능을 확장해 주는 추가 프로그램입니다.
profile_image
1

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

36. 주제별 검색엔진으로 카테고리에 의한 체계적인 링크 정보를 제공하는 검색엔진은?

  1. 메타 검색엔진
  2. 디렉터리형 검색엔진
  3. 하이브리드형 검색엔진
  4. 에이전트 검색엔진
(정답률: 65%)
  • 디렉터리형 검색엔진은 대분류, 중분류, 소분류와 같이 카테고리별로 계층 구조를 만들어 체계적인 링크 정보를 제공하는 방식입니다.

    오답 노트
    메타 검색엔진: 자체 DB 없이 여러 검색엔진의 결과를 통합 제공
    하이브리드형 검색엔진: 키워드 검색과 주제별 검색 기능을 모두 제공
    에이전트 검색엔진: 로봇(크롤러)이 자발적으로 정보를 수집하여 DB 구축
profile_image
1

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

37. HTML 문서의 입력 양식 필드에서 값이 바뀌었을 때 처리해주는 자바스크립트의 이벤트 함수는?

  1. OnChange()
  2. OnClick()
  3. OnLoad()
  4. OnSelect()
(정답률: 77%)
  • OnChange() 함수는 HTML 입력 양식(input, select, textarea 등)의 값이 변경되었을 때 이를 감지하여 특정 동작을 수행하게 하는 이벤트 핸들러입니다.
profile_image
1

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

38. HTML 태그의 설명으로 틀린 것은?

  1. <I> … </I> : 이탤릭체를 보여준다.
  2. <OL> … </OL> : 순서를 매기지 않은 목록을 작성할 때 사용한다.
  3. <CENTER> … </CENTER> : 태그사이에 있는 문단을 가운데로 정렬한다.
  4. <BR> : 줄을 바꿀 때에 사용한다.
(정답률: 67%)
  • OL 태그는 Ordered List의 약자로, 숫나나 알파벳 등을 이용해 순서를 매기는 목록을 작성할 때 사용합니다.

    오답 노트
    순서를 매기지 않은 목록: UL (Unordered List) 태그를 사용함
profile_image
1

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

39. OSI 7계층 중 직접 연결된 시스템간의 오류 없는 데이터 전송을 담당하며 네트워크 계층에 서비스를 제공해 주는 역할을 하는 것은?

  1. 물리 계층
  2. 데이터 링크 계층
  3. 전송 계층
  4. 응용 계층
(정답률: 43%)
  • 데이터 링크 계층은 물리 계층 위에서 직접 연결된 인접 시스템 간의 신뢰성 있는 데이터 전송(오류 제어, 흐름 제어)을 담당하며, 상위 계층인 네트워크 계층에 서비스를 제공하는 역할을 합니다.
profile_image
1

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

40. HTML 문서의 구조에 대한 설명이 올바르지 않은 것은?

  1. 태그라 불리는 코드들로 구성된다.
  2. 메모장과 같은 일반적인 에디터나 워드프로세서를 통하여 작성한다.
  3. HTML을 이용하여 제작한 문서의 확장자는 *.htm 또는 *.http 이다.
  4. <HTML>로 시작해서 </HTML>로 종료한다.
(정답률: 75%)
  • HTML 문서의 표준 확장자는 *.htm 또는 *.html입니다.

    오답 노트
    *.http: 네트워크 프로토콜을 의미하며 문서 확장자가 아님
profile_image
1

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

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

41. 2차원 이미지를 3차원 이미지로 대응시키는 텍스처 매핑(Texture Mapping)이 개발된 년도는?

  1. 1971년
  2. 1974년
  3. 1976년
  4. 1979년
(정답률: 46%)
  • 텍스처 매핑은 2차원 이미지를 3차원 물체 표면에 입혀 질감을 표현하는 기법으로, 1974년 에드윈 캣멀의 박사 학위 논문을 통해 처음 개척되었습니다.
profile_image
1

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

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

  1. 셀 애니메이션
  2. 종이 애니메이션
  3. 모래 애니메이션
  4. 컷 아웃 애니메이션
(정답률: 68%)
  • 종이나 천 등 2차원 평면의 재료를 오려내어 한 프레임씩 움직이며 촬영하는 기법을 컷 아웃 애니메이션이라고 합니다. 3차원 물체를 사용하는 클레이나 인형 애니메이션과 구분되는 핵심 특징입니다.
profile_image
1

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

43. 디지털 이미지를 구성하는 최소 단위를 일컫는 용어는?

  1. 픽셀(Pixel)
  2. 디스플레이(Display)
  3. 비트맵(Bitmap)
  4. 오브젝트(Object)
(정답률: 91%)
  • 디지털 이미지를 구성하는 가장 작은 단위의 점을 픽셀(Pixel)이라고 합니다. 이는 Picture와 Element의 합성어로, 화면의 최소 해상도 단위를 의미합니다.
profile_image
1

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

44. 컴퓨터의 그래픽 이미지의 보정 및 수정의 과정으로 거리가 먼 것은?

  1. 크로핑(Cropping)을 한다.
  2. 노이즈(Noise)를 삭제한다.
  3. 컬러(Color)를 조절한다.
  4. 윤곽선(Outline)을 흐리게 한다.
(정답률: 53%)
  • 이미지 보정 및 수정은 불필요한 부분을 잘라내는 크로핑, 잡티를 제거하는 노이즈 삭제, 색감을 조정하는 컬러 조절 등이 포함됩니다. 반면 윤곽선을 흐리게 하는 것은 일반적인 보정 및 수정의 목적과는 거리가 멉니다.
profile_image
1

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

45. 이미지를 선분의 집합이 아니라 픽셀들의 배열 형태로 처리하는 방식은?

  1. 랜덤 그래픽스
  2. 벡터 그래픽스
  3. 레스터 그래픽스
  4. 픽셀 그래픽스
(정답률: 55%)
  • 이미지를 수학적인 선분의 집합(벡터)이 아니라, 작은 점인 픽셀(Pixel)들의 배열 형태로 처리하는 방식을 레스터 그래픽스(Raster Graphics)라고 합니다.

    오답 노트
    벡터 그래픽스: 점과 선의 수학적 좌표로 이미지를 표현하는 방식
profile_image
1

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

46. 움직임이 없는 무생물적인 존재를 여러 번에 걸쳐 변형을 시키고 이를 연속 촬영 또는 기타 영상적 기법을 이용하여 마치 움직이는 것처럼 눈의 착각을 일으키도록 하는 기술은?

  1. 렌더링
  2. 모델링
  3. 크로마키
  4. 애니메이션
(정답률: 87%)
  • 정지된 무생물적 존재를 연속적으로 변형시켜 촬영하거나 영상 기법을 통해 마치 움직이는 것처럼 착각을 일으키게 하는 기술은 애니메이션입니다.
profile_image
1

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

47. 웹 그래픽 디자인 제작기법에서 이미지를 표현하는 단계를 순서적으로 옳게 나열한 것은?

  1. 이미지 구성 → 도구 선택 → 색상 선택 → 이미지 표현
  2. 이미지 구성 → 이미지 표현 → 색상 선택 → 도구 선택
  3. 이미지 구성 → 이미지 표현 → 도구 선택 → 색상 선택
  4. 이미지 구성 → 색상 선택 → 이미지 표현 → 도구 선택
(정답률: 78%)
  • 웹 그래픽 디자인의 이미지 표현 단계는 전체적인 틀을 잡는 이미지 구성부터 시작하여, 적절한 도구 선택, 색상 선택, 그리고 최종적인 이미지 표현 순으로 진행됩니다.
profile_image
1

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

48. 다음 설명에 알맞은 보조기억 장치는?

  1. 자기 테이프
  2. 자기 디스크
  3. 플로피 디스크
  4. 광 디스크
(정답률: 40%)
  • 접근 속도는 느리지만 용량 대비 가격이 저렴하며, 특히 순차 접근(Sequential Access) 방식만을 지원하여 데이터 백업용으로 주로 사용되는 보조기억장치는 자기 테이프입니다.
profile_image
1

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

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

  1. 디자인 계획 수립
  2. 동영상 제작
  3. 콘셉트 구상
  4. 디자인 구체화
(정답률: 77%)
  • 웹디자인의 Pre-Production(사전 제작) 단계는 실제 제작에 들어가기 전 기획하는 과정으로, 디자인 계획 수립, 콘셉트 구상, 디자인 구체화 등이 포함됩니다. 동영상 제작은 실제 콘텐츠를 만드는 Production(제작) 단계에 해당합니다.
profile_image
1

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

50. 3차원 그래픽 과정 중 매핑의 정의로 올바른 것은?

  1. 실제사진과 그려진 애니메이션을 결합시키는 것이다.
  2. 3차원의 입체물을 제작하고 공간속에 이를 배치하는 것이다.
  3. 모델링된 각 물체의 표면에 고유한 재질감을 부여하는 것이다.
  4. 광원과 카메라의 속성을 부여하여 이를 사실적인 이미지로 묘사하는 것이다.
(정답률: 66%)
  • 매핑은 렌더링 과정의 일부로, 모델링된 3차원 물체의 표면에 텍스처나 이미지 등을 입혀 고유한 재질감과 풍경을 부여하는 작업입니다.
profile_image
1

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

51. 다음이 설명하고 있는 그래픽 파일 포맷은?

  1. GIF
  2. PNG
  3. JPEG
  4. BMP
(정답률: 63%)
  • 연합 사진 영상 전문가 그룹(Joint Photographic Experts Group)에서 개발하였으며, 24비트 컬러를 통해 약 1600만 색상을 표현하고 높은 압축률을 가져 인터넷 사진 전송에 주로 사용되는 포맷은 JPEG입니다.
profile_image
1

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

52. 다음 소프트웨어 중 2D 평면 디자인을 할 때 사용하는 소프트웨어로만 나열된 것은?

  1. (ㄱ), (ㄴ)
  2. (ㄷ), (ㄹ)
  3. (ㄱ), (ㄹ)
  4. (ㄴ), (ㄹ)
(정답률: 76%)
  • 2D 평면 디자인 소프트웨어는 평면적인 도면이나 그래픽을 제작하는 도구입니다. 오토캐드(AutoCAD)는 정밀한 2D/3D 도면 설계에 사용되며, 일러스트레이터는 벡터 기반의 2D 그래픽 디자인에 최적화된 소프트웨어입니다.

    오답 노트
    하이퍼텍스트: 문서 간 연결 구조를 의미하는 개념
    자바스크립트(Javascript): 웹 페이지의 동적 기능을 구현하는 프로그래밍 언어
profile_image
1

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

53. 웹상에서 사용되는 파일 포맷 중 GIF와 JPEG의 장점을 합친 형태로 GIF와는 달리 투명도 자체를 조절할 수 있는 특징을 가진 것은?

  1. AI
  2. PDF
  3. PNG
  4. PSD
(정답률: 84%)
  • PNG는 GIF의 투명 처리 기능과 JPEG의 고화질 압축 장점을 결합한 포맷입니다. 특히 GIF와 달리 알파 채널을 통해 투명도(Alpha Transparency)를 단계적으로 조절할 수 있는 것이 특징입니다.
profile_image
1

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

54. 사용할 수 있는 색상의 수가 제한될 경우에 주로 사용하며 작은 수의 색상으로 눈의 착시현상을 이용하여 여러 색을 사용한 듯한 효과를 얻을 수 있는 방법은?

  1. Modeling
  2. Rotating
  3. DIthering
  4. REsolution
(정답률: 80%)
  • Dithering은 사용할 수 있는 색상 수가 제한적일 때, 서로 다른 색상의 점들을 섞어 배치함으로써 눈의 착시현상을 이용해 더 많은 색상이 있는 것처럼 보이게 하는 기법입니다.
profile_image
1

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

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

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

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

56. 웹 인터페이스 디자인에서 강조되는 특성이 아닌 것은?

  1. 사용자 편의성
  2. 일관성
  3. 독창성
  4. 강제성
(정답률: 85%)
  • 웹 인터페이스 디자인은 사용자가 쉽고 편리하게 이용할 수 있도록 사용자 편의성, 일관성, 독창성 등을 강조해야 합니다. 사용자의 의사와 상관없이 특정 행동을 강요하는 강제성은 디자인 특성에 해당하지 않습니다.
profile_image
1

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

57. 웹 그래픽 제작에서 백그라운드 이미지 삽입에 관한 설명으로 가장 거리가 먼 것은?

  1. 줄무늬를 배경 이미지로 제작
  2. 도형을 이용한 패턴 제작
  3. 부드러운 그라데이션 제작
  4. 동영상을 배경 이미지로 제작
(정답률: 83%)
  • 웹 배경 이미지는 무늬 패턴, 도형 패턴, 그라데이션 등을 활용하여 제작하는 것이 효율적입니다. 반면 동영상을 배경 이미지로 제작하면 로딩 시간이 길어지고 웹페이지의 가독성이 현저히 떨어지므로 적절하지 않습니다.
profile_image
1

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

58. 애니메이션 기법 중 두 개의 서로 다른 이미지나 3차원 모델 사이의 변화하는 과정을 서서히 나타내는 것은?

  1. 모핑
  2. 로토스코핑
  3. 미립자시스템
  4. 중첩 액션
(정답률: 67%)
  • 모핑은 하나의 이미지나 3차원 모델이 다른 형태로 변하는 과정을 컴퓨터 그래픽으로 부드럽게 연결하여 서서히 변화시키는 애니메이션 기법입니다.
profile_image
1

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

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

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

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

60. 디자인 구체화 단계에서 구상되어진 디자인을 구현하기 위해서 사용되는 프로그램과 그 역할이 잘못 설명된 것은?

  1. 드림위버 : HTML 코딩할 때 사용
  2. 포토샵 : 이미지의 변형 및 아이콘 제작에 사용
  3. 플래시 : 동영상 및 사운드 편집에만 사용
  4. 케이크워크 : 사운드 편집 및 변환에 사용
(정답률: 62%)
  • 플래시는 벡터 기반의 애니메이션 그래픽 툴로, 단순한 동영상 및 사운드 편집뿐만 아니라 인터랙티브 콘텐츠 제작에 사용됩니다.

    오답 노트
    동영상 편집에만 사용: 프리미어의 주 역할입니다.
profile_image
1

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

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