2016년 웹디자인기능사 1회차

정답은 3번 **AND**입니다. AND 연산자는 두 검색어 **모두**를 포함하는 데이터를 찾을 때 사용됩니다. 따라서 연산자 좌우의 검색어를 모두 포함하는 데이터를 찾는 정보검색 연산자는 AND가 됩니다. OR은 둘 중 하나만 포함해도 되고, NOT은 특정 검색어를 제외할 때 사용됩니다.

정답은 4번 JavaScript입니다. ASP, JSP, PHP는 서버 측에서 실행되어 동적인 웹페이지를 생성하는 서버 사이드 스크립트 언어입니다. 반면 JavaScript는 웹 브라우저에서 실행되어 웹페이지의 동적인 기능과 사용자 인터페이스를 구현하는 클라이언트 사이드 스크립트 언어입니다. 따라서 JavaScript는 다른 보기들과 실행 환경 및 역할에서 근본적인 차이가 있습니다.

컴퓨터 그래픽의 발달은 컴퓨터 하드웨어 기술의 발전과 밀접하게 연관되어 있습니다. 초기 컴퓨터 그래픽은 거대한 진공관 컴퓨터에서 시작되었으며, 이후 트랜지스터, 집적회로(IC), 고밀도 집적회로(VLSI), 초고밀도 집적회로(SVLSI)로 발전하면서 컴퓨터의 성능과 그래픽 처리 능력이 기하급수적으로 향상되었습니다. 따라서 정답은 하드웨어 기술의 발전 순서를 올바르게 나열한 1번입니다.

정답은 4번 XHTML입니다. XHTML은 HTML의 확장성을 개선하고 XML의 엄격한 문법을 적용하여 웹 표준을 강화한 마크업 언어입니다. SGML은 HTML과 XML의 기반이 되는 상위 개념이며, HTML은 웹 페이지를 만들기 위해 개발되었고 XML은 데이터 구조를 표현하기 위해 만들어졌습니다. 따라서 XHTML은 HTML의 단점을 보완하고 XML의 장점을 통합하여 가장 나중에 등장한 기술입니다.

정답은 3번입니다. 자바스크립트에서 마우스가 요소 위로 올라왔을 때 발생하는 이벤트는 `onMouseOver`이며, `onMouseOn`이라는 이벤트 핸들러는 존재하지 않습니다. `onBlur`와 `onFocus`는 각각 포커스를 잃거나 얻었을 때, `onMouseOut`은 마우스가 영역을 벗어났을 때 발생하는 유효한 이벤트입니다.

월드 와이드 웹(WWW) 서비스를 이용하기 위해 개발된 프로그램으로 인터넷에 연결된 컴퓨터를 탐색하고 원하는 정보를 읽어들여 화면에 표시해 주는 클라이언트 프로그램은 **웹 브라우저**입니다. 웹 브라우저는 사용자가 웹 페이지를 보고 상호작용할 수 있도록 돕는 핵심적인 역할을 합니다. 보기 중 배너, 포털 사이트, 홈페이지는 웹 브라우저를 통해 접근하거나 표시되는 요소들입니다.

전용선으로 인터넷에 접속할 때는 **게이트웨이, 서브넷 마스크, DNS**와 같은 네트워크 설정 정보가 필요합니다. 게이트웨이는 외부 네트워크로 나가는 통로 역할을 하고, 서브넷 마스크는 IP 주소를 네트워크 부분과 호스트 부분으로 나누어 관리하며, DNS는 도메인 이름을 IP 주소로 변환해줍니다. 반면 **접속 전화번호**는 전화선을 이용한 모뎀 접속 시 필요한 정보로, 전용선 환경에서는 사용되지 않습니다.

HTML 문서는 `` 태그로 시작하고 끝나며, 문서의 전체 내용을 감싸는 역할을 합니다. `` 태그 안에는 문서의 정보(메타데이터)를 담는 `` 섹션과 실제 화면에 표시될 내용을 담는 `` 섹션이 순서대로 포함되어야 합니다. 따라서 ``, ``, `` 태그가 올바르게 중첩된 1번이 일반적인 HTML 문서의 기본 구조입니다.

VRML을 만들 수 있는 저작도구가 아닌 것은 **Cosmo Player**입니다. Cosmo Worlds, VR Creator, 3D Studio Max는 모두 VRML 파일을 생성하거나 편집할 수 있는 저작 도구입니다. 반면, Cosmo Player는 VRML 파일을 **재생하고 보는 데 사용되는 뷰어**이지, VRML을 직접 만드는 도구가 아닙니다. 따라서 VRML 저작 도구에 해당하지 않습니다.

정답은 4번 프로세스(Process)입니다. 프로세스는 CPU에 의해 실행되는 프로그램의 인스턴스로, 작업(Job) 또는 태스크(Task)라고도 불립니다. 컴파일러, 링커, 로더는 프로그램을 실행 가능한 형태로 만들거나 메모리에 올리는 역할을 하지만, 실행 자체를 의미하지는 않습니다.

정답은 3번 화이트페이지(White Page)입니다. 화이트페이지는 전화번호부에서 개인의 이름과 전화번호, 주소 등 인물 정보를 알파벳 순으로 정리한 목록을 의미합니다. 이는 특정 인물의 연락처를 찾는 데 사용되는 전통적인 방식이며, 문제에서 설명하는 인물 정보 기반 데이터베이스 제공 사이트의 핵심 개념과 일치합니다.

이 문제는 HTML 태그의 종류와 역할을 파악하는 문제입니다. `

`과 `
`은 목록을 생성하는 태그이고, `
• `는 목록의 각 항목을 나타냅니다. 반면 `
  `은 줄 바꿈을 위한 태그로, 다른 태그들과는 달리 내용을 감싸는 역할을 하지 않습니다. 따라서 `
  ` 태그가 성격이 다릅니다.

라우팅 프로토콜은 네트워크 장비들이 서로 통신하여 최적의 경로를 찾아주는 역할을 합니다. BGP, OSPF, RIP는 모두 이러한 라우팅 프로토콜에 해당합니다. 반면 NNTP(Network News Transfer Protocol)는 인터넷 뉴스 그룹의 게시물을 주고받는 데 사용되는 프로토콜로, 라우팅과는 관련이 없습니다. 따라서 라우팅 프로토콜에 해당하지 않는 것은 NNTP입니다.

드림위버에서 웹 문서에 자바스크립트 소스를 삽입하여 인터랙티브한 페이지를 만들 수 있도록 제공하는 기능은 **Behaviors (동작)**입니다. Behaviors는 사용자의 특정 행동(예: 마우스 오버, 클릭)에 반응하여 미리 정의된 자바스크립트 코드를 실행하도록 도와주어, 코딩 없이도 동적인 웹 페이지를 쉽게 구현할 수 있게 합니다.

정답은 1번 디지타이저입니다. 디지타이저는 도표, 그림, 설계 도면 등의 좌표 데이터를 마우스처럼 움직이는 펜이나 커서를 이용해 컴퓨터로 정확하게 입력하는 장치입니다. 특히 설계나 공학용 제도 분야에서 도면을 디지털화하는 데 주로 사용됩니다.

이 문제는 웹 페이지에서 마우스 이벤트에 따라 발생하는 변화를 분석하는 문제입니다. 정답이 1번인 이유는, 제공된 스크립트에는 "안녕하세요"를 클릭했을 때 새로운 팝업창이 열리거나 문자색이 변하는 기능이 명시적으로 구현되어 있지 않기 때문입니다. 핵심 개념은 **자바스크립트의 이벤트 처리**와 **DOM 조작**으로, 마우스 이벤트(클릭, 마우스오버, 마우스아웃)에 따라 HTML 요소의 속성(배경색, 텍스트 색상 등)이나 동작(팝업창 열기)을 변경하는 것을 이해해야 합니다.

정답은 2번 PING입니다. PING은 ICMP 프로토콜을 사용하여 대상 호스트로 패킷을 보내고 응답이 오는지 확인하는 방식으로, 네트워크 연결 상태나 호스트의 가용성을 검사하는 데 사용됩니다. Rlogin은 원격 로그인, NTP는 시간 동기화, SNMP는 네트워크 장치 관리를 위한 서비스로, 문제에서 설명하는 연결 검사 기능과는 다릅니다.

웹 브라우저는 인터넷에 연결된 웹 서버에서 정보를 가져와 사용자에게 보여주는 프로그램입니다. 따라서 웹사이트 접속, 정보 검색, 인터넷 서비스 제공은 웹 브라우저의 주요 기능입니다. 하지만 사진 합성은 이미지 편집 소프트웨어의 기능으로, 웹 브라우저의 역할과는 무관합니다.

컬러 수가 많은 웹 이미지에 적합한 파일 포맷은 JPEG입니다. JPEG는 이미지를 압축하여 파일 크기를 줄여주므로 웹에서 빠르게 로딩하는 데 유리합니다. EPS와 PSD는 주로 인쇄나 편집 용도로 사용되며, BMP는 압축되지 않아 파일 크기가 매우 큽니다.

이 문제는 시각적인 요소들을 순서대로 나열하여 이야기의 흐름을 보여주는 것을 설명하고 있습니다. 이러한 방식을 **스토리보드**라고 하며, 영상 제작이나 웹사이트 디자인 등에서 아이디어를 구체화하고 전체적인 구성을 파악하는 데 유용합니다. 따라서 정답은 3번 스토리보드입니다.

3차원 대상물 표면에 2차원 이미지를 입히는 과정은 **텍스처 매핑(Texture Mapping)**이라고 합니다. 텍스처 매핑은 2차원 이미지(텍스처)를 3차원 모델의 표면에 "붙여서" 질감, 색상, 패턴 등을 표현하는 기법입니다. 이를 통해 3차원 모델이 더욱 사실적이고 다채롭게 보이게 됩니다.

정답은 3번 CPU입니다. CPU(중앙 처리 장치)는 컴퓨터의 두뇌와 같이 모든 계산과 명령 처리를 담당하는 핵심 하드웨어입니다. RAM은 작업 공간, LAN은 네트워크 연결, ROM은 기본 정보 저장에 사용되므로 문제에서 설명하는 기능과는 거리가 있습니다.

정답은 1번 벤치마킹입니다. 벤치마킹은 경쟁사나 업계 최고 기업을 벤치마킹 대상으로 삼아, 그들의 뛰어난 점을 분석하고 학습하여 자사의 제품, 서비스, 프로세스를 개선하는 경영 기법입니다. 즉, 상대의 성공 사례를 따라 배우며 혁신을 추구하는 것입니다.

웹 애니메이션의 시각적 깜빡임 현상은 초당 프레임 수가 낮을 때 두드러집니다. 프레임 수가 높을수록 화면 전환이 부드러워져 눈의 피로를 줄이고 깜빡임을 감소시키는 효과가 있습니다. 따라서 초당 프레임 수를 높여 제작하는 것이 깜빡임 현상을 줄이는 가장 효과적인 방법입니다.

제시된 내비게이션 구조는 **계층 구조**입니다. 이는 정보가 상위 메뉴에서 하위 메뉴로 점진적으로 세분화되어 조직되는 형태를 의미합니다. 사용자는 상위 단계에서 원하는 항목을 선택하고, 그에 따라 더 구체적인 하위 메뉴로 이동하며 원하는 정보를 찾아가는 방식으로, 마치 나무의 가지처럼 위에서 아래로 뻗어 나가는 구조를 연상시킵니다.

정답은 **3번 래스터 그래픽스**입니다. 래스터 그래픽스는 이미지를 수많은 작은 점인 픽셀(pixel)들의 격자 배열로 표현합니다. 각 픽셀은 특정 위치와 색상 정보를 가지며, 이러한 픽셀들이 모여 하나의 이미지를 형성합니다. 따라서 이미지를 선이 아닌 픽셀들의 집합으로 처리하는 방식은 래스터 그래픽스에 해당합니다.

웹용 이미지 디자인 시 **인쇄 설정**은 가장 거리가 먼 고려 사항입니다. 웹은 화면 출력을 기준으로 하므로, 인쇄를 위한 해상도나 CMYK 색상 모드 등은 불필요합니다. 대신 **파일 크기**와 **파일 포맷 형식**은 로딩 속도와 품질에 직접적인 영향을 미치며, **이미지의 색상** 역시 웹 환경에 맞는 최적화가 중요합니다.

컴퓨터 그래픽스는 인간의 상상력을 바탕으로 현실에서 구현하기 어려운 표현을 자유롭게 하고, 제작 후에도 수정이 용이하며 명암, 색상, 질감 등을 다양하게 조절할 수 있다는 장점이 있습니다. 하지만 오히려 **미세한 부분까지도 매우 정교하고 사실적으로 표현할 수 있다는 것이 컴퓨터 그래픽스의 큰 장점**이므로, '미세한 부분은 전혀 표현할 수 없다'는 보기는 틀렸습니다.

정답은 3번입니다. 1세대 컴퓨터 그래픽스는 진공관을 사용한 초기 컴퓨터의 등장과 함께 시작되었으며, 에니악 발명, X-Y 플로터 개발 등으로 그래픽 표현의 가능성을 보여주었습니다. 하지만 이 시기는 아직 컴퓨터 그래픽스의 **발전 기반을 마련한 시기라기보다는, 컴퓨터 그래픽스라는 개념 자체가 등장하기 시작한 태동기**에 가깝습니다.

A 이미지를 B 이미지로 만들기 위해서는 좌우 반전이 필요합니다. 보기 중 'Flip Horizontal'은 이미지를 가로로 뒤집는 기능으로, A 이미지를 B 이미지와 동일하게 만들기 위한 올바른 명령어입니다. 따라서 정답은 1번입니다.

정답은 4번입니다. 반복되는 배경 이미지는 일반적으로 정지된 그래픽 요소로 구성되어야 하며, 동영상은 움직이는 콘텐츠이므로 반복되는 배경 이미지 제작이라는 개념과 거리가 멉니다. 1, 2, 3번은 모두 반복 가능한 패턴을 만드는 일반적인 웹 그래픽 제작 기법에 해당합니다.

벡터 이미지는 점, 선, 면의 수학적 좌표를 기반으로 하기 때문에 확대/축소 시 왜곡이 없습니다. 또한 로고나 플래시 애니메이션 제작에 주로 사용됩니다. 1번 보기가 틀린 이유는, 벡터 이미지는 색상 표현 방식이 픽셀 기반의 비트맵 이미지와 다르기 때문에 흑백에서 트루컬러까지 다양한 컬러 작업이 용이하다는 설명은 벡터 이미지의 특징과는 거리가 있습니다.

정답은 2번입니다. 웹상에서 반복되는 패턴 배경을 만들 때는 패턴 이미지를 생성한 후, HTML의 `` 태그에 `background` 속성으로 지정하는 것이 가장 적절합니다. 이는 CSS의 `background-repeat` 속성과 함께 사용하면 패턴이 자동으로 반복되어 브라우저 크기에 상관없이 일관된 배경을 구현할 수 있기 때문입니다. 1번은 브라우저 크기에 맞는 이미지를 만드는 것이 반복 패턴과는 거리가 멀고, 3번은 CMYK 팔레트와 JPG 저장 방식이 웹 배경 이미지와 직접적인 관련이 없습니다. 4번은 반복 옵션을 지정하는 것이지만, 패턴 자체를 생성하고 적용하는 근본적인 방법은 2번이 더 포괄적입니다.

웹 디자인 과정은 일반적으로 **기획(ⓑ)** 단계에서 시작하여 **사용자 경험(UX) 디자인(ⓐ)**, **와이어프레임 및 프로토타이핑(ⓓ)**, **시각 디자인(ⓔ)**, 그리고 마지막으로 **개발 및 구현(ⓒ)** 순서로 진행됩니다. 따라서 정답은 3번 ⓑ-ⓔ-ⓐ-ⓓ-ⓒ가 아닙니다. **정답 이유 및 핵심 개념:** 정답은 **2번 ⓑ-ⓐ-ⓓ-ⓒ-ⓔ** 입니다. * **기획 (ⓑ):** 웹사이트의 목적, 타겟 사용자, 콘텐츠 등을 정의하는 가장 첫 단계입니다. * **사용자 경험(UX) 디자인 (ⓐ):** 사용자가 웹사이트를 쉽고 편리하게 이용할 수 있도록 사용자 흐름과 인터페이스를 설계합니다. * **와이어프레임 및 프로토타이핑 (ⓓ):** 웹사이트의 구조와 레이아웃을 시각적으로 표현하고, 실제 작동하는 것처럼 시뮬레이션하여 사용자 흐름을 검증합니다. * **개발 및 구현 (ⓒ):** 디자인된 내용을 바탕으로 실제 웹사이트를 코딩하여 구현합니다. * **시각 디자인 (ⓔ):** 최종적으로 디자인의 색상, 폰트, 이미지 등을 적용하여 시각적인 완성도를 높입니다. 따라서 제시된 정답 3번은 UX 디자인과 시각 디자인의 순서가 잘못되었습니다.

이 문제는 2D 평면 디자인에 사용되는 소프트웨어를 구분하는 능력을 평가합니다. 정답은 (ㄱ)과 (ㄴ)인데, 이는 해당 소프트웨어들이 벡터 기반의 2D 그래픽 디자인에 특화되어 있기 때문입니다. 핵심 개념은 각 소프트웨어의 주요 용도와 특징을 이해하는 것입니다.

화면을 표현하는 최소 단위인 '픽셀(Pixel)'은 화면을 구성하는 아주 작은 점 하나하나를 의미합니다. 픽셀은 색상 정보를 가지고 있으며, 이 픽셀들이 모여 우리가 보는 이미지를 형성합니다. 따라서 화면의 가장 기본적인 구성 요소는 픽셀이라고 할 수 있습니다.

애니메이션은 움직임이 없는 이미지를 연속적으로 보여주어 움직이는 것처럼 보이게 하는 기술입니다. 이는 '생명을 불어넣다'라는 뜻의 라틴어 '아니마투스(Animatus)'에서 유래했습니다. 애니메이션은 2차원뿐만 아니라 3차원 공간에서도 구현될 수 있으며, 낱개의 정지된 이미지를 프레임이라고 합니다. 따라서 3번 보기는 애니메이션이 2차원만의 영역이라는 점에서 틀렸습니다.

정답은 **2번 동화현상**입니다. 동화현상은 서로 다른 색이 인접해 있을 때, 각 색이 상대방 색의 영향을 받아 원래의 색과는 다르게 보이는 현상을 말합니다. 이는 색채 심리학에서 중요한 개념으로, 색들이 서로 섞여 보이는 듯한 착시 효과를 일으킵니다.