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

링형 네트워크는 각 노드가 양옆의 두 노드와 연결되어 고리 형태를 이룹니다. 데이터는 링을 따라 순차적으로 전달되며, 잡음에 강하다는 장점이 있습니다. 하지만 노드의 추가나 삭제 시 전체 네트워크에 영향을 줄 수 있어 변경이 어렵다는 단점이 있습니다. 따라서 노드 변경 및 추가가 쉽다는 설명은 틀렸습니다.

구글 검색은 기본적으로 **AND 연산**을 수행합니다. 즉, 입력된 모든 검색어가 결과에 포함되어야 합니다. 따라서 모든 검색어에 대해 기본값으로 OR 연산을 실행한다는 4번 보기는 틀렸습니다. 1, 2, 3번 보기는 구글 검색의 실제 기능과 일치합니다.

이 문제는 웹 페이지의 동적인 상호작용을 가능하게 하는 기술을 묻고 있습니다. DHTML은 HTML, CSS, JavaScript를 조합하여 웹 페이지를 동적으로 만들고 사용자와 상호작용할 수 있도록 하는 기술을 의미합니다. 따라서 보기 중 DHTML이 가장 적합한 설명입니다.

HTML은 웹페이지의 구조를 정의하는 마크업 언어로, 텍스트 파일로 구성되며 운영체제에 독립적입니다. 하지만 **HTML5부터는 `

자바스크립트에는 `<<` (왼쪽 시프트) 연산자는 존재하지만, `<<<` (무부호 왼쪽 시프트) 연산자는 존재하지 않습니다. 따라서 `<<<`는 자바스크립트에서 사용되는 연산자가 아닙니다. 다른 보기들은 비트 연산자(`|`, `&`, `>>`, `>>>`, `<<`) 또는 논리 연산자(`||`, `&&`)로 모두 유효한 자바스크립트 연산자입니다.

정답은 **4번 CSNET**입니다. CSNET은 미국의 대학과 연구기관, 일부 민간회사의 컴퓨터 센터를 연결하기 위해 1980년대 초에 설립된 광역 학술 연구망입니다. 이는 NSFNET보다 앞서 대학 간의 컴퓨터 통신을 지원했으며, 특히 컴퓨터 과학 분야의 연구자들에게 중요한 역할을 했습니다.

두 컴퓨터가 서로 정보를 주고받기 위해서는 정해진 약속, 즉 규칙이 필요합니다. 이러한 정보 교환 규칙을 **프로토콜**이라고 합니다. 프로토콜은 데이터의 형식, 전송 방식, 오류 처리 방법 등을 정의하여 컴퓨터들이 원활하게 통신할 수 있도록 합니다. 따라서 문제에서 설명하는 '정보 교환을 위해 사용되는 규칙'은 프로토콜에 해당합니다.

정답은 **2번 로그인(login)**입니다. 로그인은 인터넷 서버에 접근하기 위해 사용자명과 비밀번호를 입력하여 본인임을 인증하는 과정입니다. 이는 서버에 접속하여 서비스를 이용하기 위한 필수적인 절차이며, 다른 보기들은 이와 관련이 없습니다.

자바스크립트에서 일정 시간마다 지정된 처리를 반복 호출하는 함수는 `setInterval()`입니다. `setInterval()` 함수는 첫 번째 인자로 실행할 함수를, 두 번째 인자로 함수를 실행할 간격(밀리초 단위)을 받습니다. `setTimeout()`은 한 번만 실행되는 반면, `setInterval()`은 지정된 간격으로 계속 반복 실행된다는 점에서 차이가 있습니다.

웹디자인 프로세스는 일반적으로 기획(가) 및 정보 설계(나)를 시작으로, 와이어프레임(다)과 프로토타이핑(라)을 거쳐 디자인(마) 및 개발(사) 단계로 진행됩니다. 이후 테스트(바)와 배포(사)를 통해 완성됩니다. 따라서 정답 2번은 이러한 일반적인 웹디자인 프로세스의 흐름을 가장 잘 따르고 있습니다. 핵심 개념은 **체계적인 단계별 접근**입니다.

정답은 3번입니다. 웹사이트 구축 시에는 **효율적인 파일 관리**가 중요하며, 메뉴별로 이미지를 분산하여 관리하는 것은 유지보수를 어렵게 만듭니다. 대신, **이미지는 용도별 또는 유형별로 분류하여 하나의 폴더에 모아두는 것이 일반적**입니다. 이는 코드의 가독성을 높이고, 이미지 수정이나 교체가 필요할 때 쉽게 접근할 수 있도록 돕습니다.

웹 문서에서 텍스트, 이미지, 멀티미디어 요소를 클릭했을 때 다른 외부 콘텐츠로 이동하게 만드는 것은 **하이퍼링크**입니다. 하이퍼링크는 웹 페이지 간 또는 웹 페이지 내의 다른 위치로 사용자를 연결하는 핵심적인 기능입니다. 사용자는 하이퍼링크를 통해 원하는 정보에 쉽게 접근할 수 있습니다.

정답은 4번입니다. 벡터 이미지는 수학적인 방정식으로 이루어져 있어 확대해도 깨지지 않고 깔끔하게 표현되므로 글자나 로고에 적합합니다. 반면, 픽셀 기반의 이미지(래스터 이미지)는 픽셀의 집합으로 이루어져 확대 시 픽셀이 뭉개져 이미지 질이 저하됩니다.

정답은 3번 PNG입니다. PNG는 GIF의 투명도 지원과 JPG의 압축 효율성을 모두 갖춘 파일 포맷입니다. 특히 PNG는 알파 채널을 지원하여 GIF보다 훨씬 정교한 투명도 조절이 가능하며, 손실 없이 이미지를 압축할 수 있어 웹에서 이미지 품질을 유지하면서 파일 크기를 줄이는 데 유용합니다.

동적인 타이포그래피는 글자가 움직이거나 변화하는 시각적 표현을 의미합니다. 키네틱 타이포그래피, 무빙 타이포그래피, 모션 타이포그래피 모두 이러한 움직임을 포함하는 개념입니다. 반면, 스테이틱 타이포그래피는 움직임 없이 고정된 상태의 타이포그래피를 나타내므로 동적인 타이포그래피의 범주에 속하지 않습니다.

2D 애니메이션은 평면적인 이미지를 연속적으로 움직여 표현하는 기법입니다. 셀 애니메이션, 모래 애니메이션, 페이퍼 애니메이션은 모두 2D 평면에서 작업되는 대표적인 애니메이션 기법입니다. 반면 클레이 애니메이션은 점토와 같은 입체적인 재료를 사용하여 움직임을 만드는 3D 애니메이션의 일종입니다. 따라서 2D 애니메이션의 종류가 아닌 것은 클레이 애니메이션입니다.

3차원 그래픽스 렌더링은 3D 모델을 2D 이미지로 변환하는 과정입니다. 은면 제거, 그림자 표현, 텍스쳐 매핑은 모두 사실적인 이미지를 만들기 위한 필수적인 렌더링 기법입니다. 반면, '원근 투명'은 렌더링 과정 자체보다는 3D 모델링 단계에서 객체의 깊이감을 표현하기 위해 사용되는 개념으로, 렌더링 과정과는 직접적인 관련이 적습니다.

자바스크립트에서 "서로 같다"를 비교하는 관계연산자는 `=`가 아니라 `==` 또는 `===`입니다. `=`는 변수에 값을 할당하는 할당 연산자입니다. 따라서 2번 보기가 틀렸습니다. 핵심 개념은 자바스크립트의 연산자 종류와 각 연산자의 올바른 사용법입니다.

MP3는 오디오 파일 포맷으로, 동영상 파일 포맷이 아닙니다. ASF, AVI, RM은 모두 동영상 파일 포맷으로 사용됩니다. 따라서 동영상 파일 포맷으로 틀린 것은 MP3입니다.

안티앨리어싱은 디지털 이미지에서 계단처럼 보이는 외곽선(계단 현상)을 부드럽게 처리하는 기술입니다. 이는 픽셀 경계에 중간 색상을 삽입하여 시각적으로 더 자연스럽고 매끄러운 이미지를 만들어냅니다. 따라서 안티앨리어싱의 목적은 계단 현상을 없애거나 줄여 시각적인 품질을 향상시키는 것입니다.

정답은 1번 pdf입니다. pdf는 주로 문서 파일 형식으로 사용되며, 사운드 재생 기능은 포함하고 있지 않습니다. 반면 aiff, wav, au는 모두 인터넷에서 널리 사용되는 오디오 파일 포맷입니다.

애니메이션 제작 과정에서 최초 단계로 중요 장면들을 그림으로 열거해 놓은 것을 **스토리보드(Story Board)**라고 합니다. 스토리보드는 영화나 애니메이션의 시각적인 흐름을 미리 파악하고 연출 및 제작 방향을 설정하는 데 핵심적인 역할을 합니다. 따라서 보기 중 정답은 3번입니다.

정답은 4번 Media Player입니다. Media Player는 동영상 재생 프로그램으로, 동영상 클립을 편집하는 기능은 제공하지 않습니다. Premiere, Movie Maker, Vegas는 모두 동영상 편집 소프트웨어로, 동영상 클립을 편집하여 결과물을 만드는 데 적합합니다. 핵심 개념은 **동영상 편집 소프트웨어의 기능**입니다.

정답은 3번 'Dithering'입니다. Dithering은 제한된 색상 팔레트 내에서 인접한 픽셀에 다른 색상을 배치하여 시각적으로 색상이 혼합된 것처럼 보이게 하는 기법입니다. 이를 통해 적은 수의 색상으로도 풍부하고 다양한 색감을 표현하는 착시 효과를 얻을 수 있습니다.

컴퓨터 그래픽스는 컴퓨터 하드웨어와 소프트웨어를 활용해 시각적 이미지를 생성하고 디지털화하는 분야입니다. 전통적인 회화 방식을 디지털화하는 것도 컴퓨터 그래픽스의 중요한 활용 사례 중 하나이므로, 이를 제외한다는 4번 보기는 틀렸습니다. 핵심 개념은 컴퓨터를 이용한 시각적 정보의 생성 및 처리이며, 전통적인 예술의 디지털화 역시 포함된다는 점입니다.

이 문제는 웹 그래픽 제작 소프트웨어에서 이미지를 구성하는 기본 요소에 대한 이해를 묻고 있습니다. 정답은 '레이어'로, 웹 그래픽 제작 시 이미지를 여러 겹으로 분리하여 편집하고 관리하는 핵심 기능입니다. 각 레이어는 독립적으로 수정 가능하여 이미지의 특정 부분을 쉽게 변경하거나 효과를 적용할 수 있게 해줍니다.

컴퓨터 그래픽스는 시각적인 정보를 생성하고 조작하는 기술로, VR, 애니메이션, 시뮬레이션 등 시각적 결과물을 만드는 분야에서 핵심적으로 활용됩니다. 반면 CAM(Computer-Aided Manufacturing)은 컴퓨터를 이용해 제품을 설계하고 생산 공정을 자동화하는 기술로, 직접적인 시각적 결과물 생성보다는 제조 과정에 초점을 맞춥니다. 따라서 컴퓨터 그래픽스의 활용 분야와 가장 거리가 먼 것은 CAM입니다.

1946년 미국의 에커드와 모클리가 개발한 세계 최초의 컴퓨터는 **에니악(ENIAC)**입니다. 에니악은 전자식 숫자 적분 및 계산기(Electronic Numerical Integrator and Computer)의 약자로, 당시로서는 획기적인 성능을 자랑했습니다. 이는 컴퓨터 역사상 중요한 이정표를 세운 사건이며, 이후 컴퓨터 기술 발전에 큰 영향을 미쳤습니다.

웹사이트 기획 시 좋은 정보구조 설계를 위해서는 정보의 양, 상하관계, 일관성이 중요합니다. 정보의 모호성은 사용자가 혼란을 겪게 하므로 피해야 할 사항입니다. 따라서 정보의 모호성은 좋은 정보구조 설계에서 고려해야 할 사항이 아닙니다.