2013년 웹디자인기능사 4회차

정답은 1번 텍스타일 디자인입니다. 시각 디자인은 주로 정보 전달이나 미적 표현을 위해 시각적 요소를 활용하는 분야입니다. 패키지 디자인, POP 디자인, 타이포그래피는 모두 제품 홍보, 정보 전달 등 시각적 요소를 통해 메시지를 전달하는 데 중점을 둡니다. 반면 텍스타일 디자인은 주로 섬유의 패턴, 색상, 질감 등을 다루며, 이는 시각적인 측면도 포함하지만 기능성, 촉감 등 비시각적인 요소도 중요하게 고려됩니다.

점은 모든 시각 디자인의 가장 기본적인 요소입니다. 점은 위치를 나타내며, 여러 개의 점이 모여 선, 면, 그리고 입체를 형성하는 기초가 됩니다. 따라서 문제에서 설명하는 다양한 디자인 요소들의 근간이 되는 것은 바로 '점'입니다.

정답은 2번 '조화'입니다. 조화는 서로 다른 요소들이 충돌하지 않고 어울려 아름다운 전체를 이루는 상태를 의미합니다. 균형은 무게나 비례가 맞는 상태를, 변화는 달라지는 것을, 리듬은 반복과 변화를 통해 생기는 규칙성을 나타내므로, 서로 다른 요소가 잘 어울려 결합하는 상태를 가장 잘 설명하는 것은 '조화'입니다.

정답은 **1. 점증**입니다. 점증은 크기, 색상, 질감 등 시각적 요소들이 점차적으로 변화하며 반복되는 것을 의미합니다. 문제에서 언급된 가로등, 난간, 창문 등의 크기를 원근법을 적용하여 표현할 때, 가까운 것은 크게, 먼 것은 작게 표현하여 시각적으로 일정한 단계의 변화를 만들어내는 것이 바로 점증의 원리입니다. 이를 통해 원근감을 효과적으로 전달하고 화면에 리듬감을 부여할 수 있습니다.

정답은 4번입니다. 색채는 크게 유채색(색깔이 있는 색)과 무채색(색깔이 없는 색)으로 나눌 수 있는데, 유채색은 우리 눈으로 색깔을 인지할 수 있지만 무채색은 밝고 어두움만 느낄 수 있습니다. 따라서 색채를 느끼는 경우를 유채색, 느낄 수 없는 경우를 무채색이라고 설명하는 4번이 정답입니다.

"합목적성"과 "심미성"은 디자인의 기능적, 미적 측면을 나타냅니다. 이 두 가지 조건 모두에서 중요하게 작용하는 창의적 디자인 조건은 **독창성**입니다. 독창성은 기존의 틀을 벗어나 새롭고 참신한 아이디어를 통해 합목적성과 심미성을 동시에 만족시키는 디자인을 가능하게 하기 때문입니다.

정답은 4번 프러시안 블루입니다. 프러시안 블루는 18세기 초 독일 베를린에서 우연히 발견된 인공 염료로, 그 발견 장소인 '프로이센'의 이름을 따서 명명되었습니다. 다른 보기들은 광물(말라카이트 그린), 밤(밤색), 물고기(새먼) 등에서 유래된 색명입니다. 핵심 개념은 관용 색명이 특정 지명에서 유래될 수 있다는 것입니다.

디자인 요소에서 형태를 이루는 기본 요소는 점, 선, 면입니다. 점은 가장 기본적인 형태이며, 선은 점의 연속으로, 면은 선의 연속으로 만들어집니다. 명암은 형태를 시각적으로 표현하는 데 중요한 역할을 하지만, 그 자체로 형태를 직접적으로 분류하는 요소는 아닙니다. 따라서 형태 분류에서 제외되는 것은 명암입니다.

정답은 4번입니다. 웹 디자인은 웹사이트의 시각적인 요소와 사용자 경험을 설계하고 구현하는 과정이며, 보기 1, 2, 3번은 이러한 웹 디자인의 정의와 범위를 정확하게 설명합니다. 반면, 4번은 기업, 단체, 행사의 특징과 성격에 맞는 '시각적 상징물'을 의미하는 것으로, 이는 주로 로고 디자인이나 브랜딩과 관련된 개념으로 웹 디자인 자체와는 거리가 있습니다. 핵심 개념은 **웹 디자인은 웹사이트 제작 및 경험 설계**이며, **로고/브랜딩은 시각적 상징물**이라는 점입니다.

정답은 3번 DM광고입니다. DM은 Direct Mail의 약자로, 우편을 통해 소비자에게 직접 광고물을 발송하는 것을 의미합니다. POP광고는 판매 시점 광고, 신문광고와 잡지광고는 대중 매체를 이용한 광고로, 우편을 통해 직접 전달하는 방식과는 다릅니다.

이 문제는 색상을 표현하는 두 가지 방식, 즉 **혼색계**와 **현색계**를 이해하는 것을 묻고 있습니다. 혼색계는 빛을 섞어 색을 만드는 방식(예: RGB)이며, 현색계는 물체가 가진 색을 직접 표현하는 방식(예: 먼셀 색체계)입니다. 문제에서 A와 B에 들어갈 용어는 이 두 가지 개념에 해당하며, 정답 2번은 혼색계와 현색계의 순서로 올바르게 제시하고 있습니다.

색의 3속성은 색상을 지각하는 데 있어 가장 기본적인 세 가지 요소입니다. 1번 보기는 색상을 구분하는 방식이고, 2번과 3번 보기는 특정 색상 모델을 나타냅니다. 반면 4번 보기의 **색상, 명도, 채도**는 모든 색을 설명하고 구분하는 데 사용되는 핵심적인 속성입니다.

정답은 1번 '균형'입니다. 균형은 시각적 요소들이 안정적으로 배치되어 보는 사람에게 편안함과 명쾌함을 느끼게 하는 디자인 원리입니다. 이는 마치 저울의 양팔처럼 무게가 같거나 유사하게 느껴지도록 하여 시각적인 혼란 없이 안정감을 줍니다.

동일 색상의 배색은 같은 색조나 명도를 사용하여 통일감과 안정감을 줍니다. 따라서 정적인 질서, 차분함, 통일된 감정을 느끼게 합니다. 반면, 즐거운 느낌은 다양한 색상의 조합이나 대비를 통해 표현되는 경우가 많아 동일 색상 배색과는 거리가 있습니다.

정답은 4번 독일입니다. 독일은 체계적인 국가 정책을 통해 공학적이고 기능적인 디자인을 발전시켜왔습니다. 이는 '바우하우스' 운동과 같은 역사적 흐름을 통해 디자인과 실용성을 결합하는 데 집중한 결과이며, 현재까지도 독일 제품의 강점으로 이어지고 있습니다.

정답은 1번 유사조화입니다. 유사조화는 색상환에서 서로 가까이 있는 색들을 사용하여 안정감 있고 부드러운 느낌을 주는 디자인 원리입니다. 자연에서 흔히 볼 수 있는 풍경처럼 편안함을 주지만, 비슷한 색들이 반복되면서 단조롭게 느껴질 수도 있습니다.

불투명한 물체가 빛을 반사하여 우리 눈에 보이는 색을 **표면색**이라고 합니다. 이는 물체 표면이 특정 파장의 빛을 흡수하고 나머지를 반사하기 때문에 나타나는 현상입니다. 따라서 보기에 제시된 개념 중 물체의 고유한 색을 가장 잘 나타내는 것은 표면색입니다.

선은 시선을 유도하고 운동감을 부여하며, 추상적인 감정을 표현하거나 그리드를 형성하는 데 효과적입니다. 하지만 선 자체만으로는 입체적인 깊이감이나 볼록하게 튀어나온 듯한 양각, 혹은 오목하게 들어간 듯한 음각을 직접적으로 만들어내기 어렵습니다. 양각과 음각은 주로 면이나 형태의 변화를 통해 표현되기 때문입니다.

도널드 저드(Donald Judd)는 색채 조화의 원리로 질서, 유사, 친근감의 원리를 제시했습니다. 이러한 원리들은 색채 간의 관계와 조화를 설명하는 데 중점을 둡니다. 반면, '기호의 원리'는 저드의 색채 조화 이론에 포함되지 않는 개념입니다.

환경 디자인은 인간이 거주하거나 활동하는 모든 공간을 다루는 포괄적인 분야입니다. 인테리어 디자인, 무대 디자인, 조경 디자인은 모두 특정 공간의 기능, 미학, 경험을 개선하는 데 초점을 맞추므로 환경 디자인의 범주에 속합니다. 반면 가구 디자인은 주로 개별 사물에 집중하며, 환경 디자인의 일부로 간주될 수는 있지만 직접적으로 환경 자체를 디자인하는 것은 아닙니다.

교육기관과 관련된 도메인에서 틀린 것은 'go'입니다. 'edu'는 교육기관, 'ac'는 학술기관을 나타내며, 'hs'는 고등학교를 의미하는 경우가 많습니다. 반면 'go'는 정부 기관을 나타내는 도메인으로 교육기관과는 관련이 없습니다.

정답은 2번입니다. 클리핑(clipping)은 정보 검색 과정에서 빠진 정보가 아니라, **관심 있는 정보를 선별하여 모아두는 것**을 의미합니다. 즉, 검색 결과에서 필요한 정보만 잘라내어 저장하는 행위를 뜻합니다. 나머지 보기들은 정보 검색 및 관련 기술에 대한 올바른 설명입니다.

자바스크립트에서 문자열을 정수로 변환하는 내장 함수는 `parseInt()`입니다. 이 함수는 문자열을 분석하여 첫 번째로 발견되는 정수 부분을 반환하며, 필요에 따라 진법을 지정할 수도 있습니다. `eval()`은 문자열을 코드로 실행하는 함수이고, `parseString()`이나 `parseFlot()`은 자바스크립트의 내장 함수가 아닙니다.

정답은 2번 방화벽(firewall)입니다. 방화벽은 외부 네트워크와 내부 네트워크 사이에 위치하여, 미리 정의된 보안 규칙에 따라 특정 패킷만 통과시키거나 차단함으로써 내부 네트워크를 보호합니다. 또한, NAT(Network Address Translation) 기능을 통해 내부 IP 주소를 숨겨 외부로 유출되는 것을 방지하는 중요한 역할을 수행합니다.

정답은 **2번 TCP/IP**입니다. TCP/IP는 인터넷에서 데이터를 주고받는 데 사용되는 핵심 프로토콜 집합으로, 특히 TCP는 데이터의 신뢰성 있는 전송을 보장합니다. 이를 통해 오류 없이 순서대로 데이터가 전달되어 인터넷 서비스가 안정적으로 동작할 수 있습니다. UDP는 신뢰성보다는 속도에 중점을 두며, PSDN과 FTTH는 통신망의 종류이지 프로토콜이 아닙니다.

이 악성코드는 사용자가 원래 접속하려던 웹사이트 대신 다른 사이트로 강제 연결시키거나 특정 검색 엔진을 사용하도록 유도합니다. 이는 사용자의 의도와 상관없이 웹 브라우징 경험을 가로채는 행위로, 이러한 기능을 하는 악성코드를 **하이재커(Hijacker)**라고 합니다. 하이재커는 주로 악성 소프트웨어의 형태로 유포되어 사용자의 인터넷 사용을 통제하고 잠재적으로는 추가적인 악성 활동을 수행할 수 있습니다.

이 문제는 웹 페이지의 동적인 기능을 설명하고 있으며, 정답은 3번 DHTML입니다. DHTML은 HTML, CSS, JavaScript를 결합하여 웹 페이지의 콘텐츠를 동적으로 변경하고 사용자 상호작용에 반응하는 기술입니다. 즉, 페이지를 다시 로드하지 않고도 내용을 바꾸거나 움직이는 효과를 줄 수 있습니다.

정보 검색에서 불필요하게 검색되어 쓸모없는 정보를 **가비지(Garbage)**라고 합니다. 이는 검색 엔진이 사용자의 의도와 관련 없는 결과를 많이 반환하여 정보의 질을 떨어뜨리는 현상을 의미합니다. 다른 보기들은 정보 검색과 직접적인 관련이 없거나 다른 개념을 지칭합니다.

IPv4 클래스 A 주소는 첫 번째 8비트(옥텟)의 값이 0부터 127까지입니다. 보기에서 0000 0001B(1)부터 0111 1110B(126)까지의 범위를 나타내는 3번이 A 클래스의 올바른 첫 8비트 범위를 포함합니다. 클래스 B 주소는 첫 8비트 값이 128부터 191까지로, 1000 0000B(128)부터 1011 1111B(191)까지의 범위에 해당합니다.

이 문제는 자바스크립트 이벤트 핸들러의 이름과 기능을 묻는 문제입니다. 정답이 3번인 이유는 'onMouseOn'이라는 이벤트 핸들러는 존재하지 않기 때문입니다. 일반적으로 마우스가 요소 위로 올라왔을 때 발생하는 이벤트는 'onMouseOver'로 처리합니다. 따라서 'onMouseOn'은 틀린 설명입니다.

자바스크립트에서 사용자의 특정 행동(클릭, 키 입력 등)에 반응하여 미리 정의된 코드를 실행하는 것을 **이벤트 핸들러**라고 합니다. 이는 마치 이벤트가 발생했을 때 "이것을 처리해줘!"라고 지시하는 것과 같습니다. 따라서 보기 중 정답은 3번 이벤트 핸들러입니다.

정답은 1번 Star형입니다. Star형 네트워크는 모든 노드가 중앙의 허브나 스위치에 직접 연결되는 구조입니다. 이는 마치 별의 중심에서 여러 개의 빛줄기가 뻗어 나가는 모양과 같다고 해서 붙여진 이름입니다. 이 구조는 중앙 장치에 문제가 생기면 전체 네트워크에 영향을 줄 수 있다는 특징이 있습니다.

인터넷에서 사용되는 사운드 파일은 대부분 압축되어 용량을 줄입니다. 보기 중 AIFF, AU, RA는 모두 사운드 파일 형식의 확장자입니다. 반면 BMP는 이미지 파일 형식의 확장자이므로 사운드 파일과 관련이 없습니다.

HTML 문서의 시작과 끝을 명확하게 정의하기 위해 ` 태그가 사용됩니다. 이 태그는 문서 전체를 감싸며, 브라우저에게 해당 내용이 HTML 문서임을 알리는 역할을 합니다. ` 태그는 문서의 실제 내용을 담는 부분이며, `이나 `는 HTML 표준 태그가 아닙니다.

정답은 2번 미러사이트(Mirror Site)입니다. 미러사이트는 원본 웹사이트의 복사본으로, 원본 사이트의 트래픽을 분산시켜 특정 시간대에 많은 이용자가 몰리는 것을 방지하는 역할을 합니다. 이를 통해 이용자들은 더 빠르고 안정적으로 웹사이트에 접속할 수 있습니다.

웹 브라우저는 웹사이트를 열람하고 표시하는 프로그램입니다. 사파리, 파이어폭스, 인터넷 익스플로러는 모두 웹 브라우저의 종류입니다. 반면에 아파치는 웹 서버 소프트웨어로, 웹사이트를 호스팅하고 요청에 응답하는 역할을 합니다. 따라서 웹 브라우저가 아닌 것은 아파치입니다.

웹 페이지 디자인 시 가장 거리가 먼 것은 '페이지 내의 다양한 동영상 삽입하기'입니다. 동영상은 사용자 경험을 저해하고 페이지 로딩 속도를 늦출 수 있기 때문입니다. 웹 페이지 디자인의 핵심은 일관성, 레이아웃, 배색 조화 등을 통해 사용자에게 편리하고 보기 좋은 경험을 제공하는 것입니다.

HTML 주석은 ``로 끝나야 합니다. 이는 웹 브라우저가 해당 부분을 코드 실행에서 제외하고, 개발자가 코드에 대한 설명을 추가하거나 임시로 코드를 비활성화할 때 사용됩니다. 보기 4번만이 이 규칙을 올바르게 따르고 있습니다.

정답은 4번 XML 문서입니다. XML은 텍스트 기반의 마크업 언어로, 별도의 플러그인 없이 웹 브라우저에서 직접 텍스트로 내용을 읽고 해석할 수 있기 때문입니다. MOV 파일은 동영상, VRML 파일은 3D 그래픽을 위한 포맷으로, 이를 재생하려면 해당 플러그인이 필요합니다. RDF는 데이터 기술 언어이지만, 시각적인 콘텐츠 재생과는 직접적인 관련이 없습니다.

자바스크립트에서 연산자 우선순위는 연산이 수행되는 순서를 결정합니다. 우선순위가 낮을수록 나중에 실행됩니다. 보기에서 `&&` (논리 AND) 연산자는 다른 보기의 연산자들보다 우선순위가 가장 낮습니다. `+` (덧셈), `&` (비트 AND), `[ ]` (배열 접근) 연산자는 `&&`보다 우선순위가 높기 때문에 나중에 실행됩니다.

제시된 내비게이션 구조는 **계층 구조**입니다. 이는 정보가 상위에서 하위로, 또는 큰 범주에서 작은 범주로 점차 세분화되어 조직되는 방식입니다. 마치 웹사이트의 메뉴에서 메인 메뉴 아래에 하위 메뉴가 있고, 그 아래에 또 다른 하위 메뉴가 있는 것처럼, 각 단계는 이전 단계의 하위 개념을 나타냅니다. 따라서 정보에 접근할 때 명확한 경로를 따라 이동할 수 있습니다.

웹 디자인 발상의 전개 과정은 아이디어 구상(발의)에서 시작하여, **사용자 및 시장에 대한 깊이 있는 이해를 위해 연구/조사를 수행**합니다. 이후 수집된 정보를 바탕으로 **문제점이나 기회를 파악하는 분석 단계**를 거칩니다. 분석 결과를 바탕으로 **디자인 방향을 설정하고 구체적인 결과물을 만들어내는 개발 단계**를 진행하며, 최종적으로 **완성된 결과물을 사용자에게 선보이는 전달 단계**로 마무리됩니다. 따라서 3번이 가장 논리적인 순서를 따릅니다.

스프라이트는 일반적으로 **비트맵 이미지**로 이루어져 있으며, 이는 픽셀의 집합으로 표현됩니다. 따라서 벡터 이미지로 이루어진다는 설명은 옳지 않습니다. 스프라이트는 배경과 독립적으로 움직이며 애니메이션을 구현하는 데 사용되는 작은 이미지입니다.

정답은 2번 Painter입니다. Painter는 주로 디지털 페인팅 및 이미지 편집을 위한 그래픽 소프트웨어로, 웹에서 타이포 애니메이션을 직접 구현하는 기능은 제공하지 않습니다. 반면 Flash, Swish, Flax는 과거 웹 애니메이션 제작에 널리 사용되었던 도구들로, 텍스트를 활용한 다양한 애니메이션 효과를 구현할 수 있었습니다.

정답은 3번 안티앨리어싱입니다. 안티앨리어싱은 낮은 해상도에서 계단처럼 보이는 윤곽선을 부드럽게 만들기 위해 픽셀 주변에 중간 색상의 픽셀을 추가하는 기법입니다. 이를 통해 곡선이나 사선이 더 자연스럽게 표현되어 시각적인 부자연스러움을 줄여줍니다.

웹 페이지에 애니메이션 배너를 삽입할 때는 **SWF(Shockwave Flash) 파일**이 가장 적절합니다. SWF는 벡터 기반 애니메이션을 지원하여 파일 크기가 작으면서도 고품질의 동적인 효과를 구현할 수 있기 때문입니다. PSD는 이미지 편집 파일이고, JPG는 정지 이미지 파일이며, WMV는 동영상 파일로 애니메이션 배너 삽입에는 적합하지 않습니다.

정답은 3번 main.psd입니다. Photoshop 파일은 일반적으로 '.psd' 확장자를 사용하며, 이는 Adobe Photoshop 프로그램에서 생성 및 편집되는 이미지 파일임을 나타냅니다. 나머지 보기들은 각각 웹 페이지, 웹 페이지의 기본 파일, 자바스크립트 파일 등 다른 용도로 사용되는 파일 확장자입니다.

애니메이션에서 한 장의 영상을 의미하는 것은 **프레임(Frame)**입니다. 애니메이션은 연속된 여러 장의 이미지가 빠르게 지나가면서 움직이는 것처럼 보이게 만드는 기술인데, 이 각각의 이미지가 바로 프레임입니다. 픽셀은 화면을 구성하는 최소 단위이고, 씬은 이야기의 한 장면, 테이크는 같은 장면을 여러 번 촬영한 것 중 하나를 의미합니다.

RGB 색상 모델에서 각 채널의 값이 0이라는 것은 빛이 전혀 방출되지 않음을 의미합니다. 따라서 R, G, B 값이 모두 0일 때 모니터에는 아무런 빛도 나타나지 않아 **검은색(Black)**이 표시됩니다. 이는 빛의 삼원색인 RGB에서 모든 색을 섞으면 흰색이 되는 것과 반대되는 개념입니다.

웹사이트 디자인 프로세스는 일반적으로 **기획(3)** 단계에서 시작하여 사용자 경험을 고려한 **와이어프레임/프로토타입 제작(1)**, 시각적인 디자인 작업인 **UI 디자인(2)**, 그리고 최종적으로 **개발 및 구현(4)** 순서로 진행됩니다. 따라서 정답은 4번(3-1-2-4)입니다. 핵심 개념은 사용자 중심의 체계적인 접근 방식입니다.

웹 그래픽 작업 시 레이아웃 방식으로 적절치 않은 것은 2번입니다. 과거에 사용되던 프레임 구조는 현재 웹 표준에 맞지 않으며, SEO(검색 엔진 최적화)에 불리하고 접근성 문제를 야기할 수 있습니다. 현대 웹 디자인에서는 CSS의 Flexbox나 Grid 등을 활용하여 레이아웃을 구성하는 것이 일반적입니다.

정답은 1번 와이어프레임(Wire Frame) 모델링 방식입니다. 이 방식은 물체의 외곽선을 이루는 모서리 선들을 점과 선으로 연결하여 형상을 표현합니다. 마치 철사로 뼈대를 만든 것처럼, 면이나 부피에 대한 정보 없이 오직 선으로만 구성되어 있어 가장 단순한 3차원 모델링 기법입니다.

정답은 4번 스톱모션 애니메이션입니다. 스톱모션 애니메이션은 점성이 있는 소재를 포함한 실제 사물을 조금씩 움직여가며 한 프레임씩 촬영한 후, 이를 빠르게 연속 재생하여 움직이는 것처럼 보이게 하는 기법입니다. 각 프레임이 독립적으로 촬영되고 연결된다는 점에서 다른 보기와 구분됩니다.

정답은 2번 '스테이틱 타이포그래피'입니다. 동적인 타이포그래피는 글자가 움직이거나 변화하는 것을 의미하며, 키네틱 타이포그래피와 다이나믹 타이포그래피가 이에 해당합니다. 반면 스테이틱 타이포그래피는 움직임 없이 고정된 글자를 의미하므로 동적인 타이포그래피의 범주에 속하지 않습니다. 스타일리쉬 타이포그래피는 디자인적 요소를 강조하는 표현으로, 동적인 움직임을 반드시 포함하지는 않지만 동적인 타이포그래피의 한 표현 방식이 될 수 있습니다.

웹 페이지 제작 제안서에서 가장 거리가 먼 내용은 **4번 구조설계 및 내비게이션 디자인**입니다. 제안서는 프로젝트의 전반적인 방향과 계획을 제시하는 문서이므로, **1번 프로젝트 개요 및 목적, 2번 차별화 전략 및 제작 일정, 3번 팀 구성 및 예산**과 같이 사업적인 측면과 계획을 담는 것이 일반적입니다. 반면, 구조설계 및 내비게이션 디자인은 실제 제작 단계에서 구체적으로 구현되는 기술적인 부분에 해당합니다.

**정답 이유:** 16만 7천 컬러 이상을 표현하려면 최소 18비트가 필요하며, 256단계의 알파 채널을 사용하려면 8비트가 필요합니다. 따라서 두 가지를 모두 만족하려면 18비트 + 8비트 = 26비트가 필요합니다. 보기 중에서 26비트 이상인 가장 작은 값은 32비트이므로 정답은 4번입니다. **핵심 개념:** 이 문제는 색상 표현과 알파 채널에 필요한 비트 수를 계산하는 문제입니다. 각 요소에 필요한 비트 수를 더하여 총 필요한 비트 수를 구하는 것이 핵심입니다.

내비게이션의 핵심은 사용자가 원하는 정보를 쉽고 빠르게 찾도록 돕는 것입니다. 따라서 메뉴를 너무 많이 만들면 오히려 복잡해져서 사용성을 해치게 됩니다. 일관성, 로딩 속도, 끊어진 링크 없이는 모두 좋은 내비게이션을 위한 중요한 요소입니다.

이 문제는 **입력 장치**에 대한 이해를 묻고 있습니다. 보기에서 설명하는 장치는 **태블릿(Tablet)**으로, 화면에 직접 그림을 그리거나 필기하는 데 사용되는 입력 장치입니다. 태블릿은 펜이나 손가락을 이용하여 화면상의 좌표를 입력받아 컴퓨터에 전달하는 역할을 합니다.

컴퓨터 그래픽스의 2세대는 트랜지스터 시대를 의미합니다. 트랜지스터는 진공관보다 훨씬 작고, 빠르며, 전력 소모가 적어 컴퓨터의 성능을 비약적으로 향상시켰습니다. 이로 인해 이전보다 복잡하고 동적인 그래픽 표현이 가능해져 컴퓨터 그래픽스 발전의 중요한 전환점이 되었습니다.

정답은 2번 '위지위그(WYSIWYG)'입니다. 위지위그는 "What You See Is What You Get"의 약자로, 사용자가 화면에서 보는 그대로 결과물로 출력되는 편집 방식을 의미합니다. 따라서 문서나 웹 페이지를 작성할 때 실제 보이는 화면과 동일하게 편집할 수 있는 도구를 설명하는 데 사용됩니다.