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

정답은 3번 대리석 무늬입니다. 핵심 개념은 '시각적 질감'이 인공적인 표현 방식인지, 아니면 자연적인 재질 자체의 특징인지 구분하는 것입니다. 1, 2, 4번은 사진, 인쇄, 모니터 등 인공적인 매체에서 나타나는 표현 기법이나 기술적 특징으로 인해 발생하는 시각적 질감입니다. 반면 3번 대리석 무늬는 대리석이라는 자연 재료 자체의 고유한 표면 특성이므로, 다른 보기들과는 성격이 다릅니다.

조형디자인에서 점, 선, 면이 확장되고 발전하며 서로 긴밀하게 연결되어 이루어지는 조형디자인 요소는 **형태**입니다. 형태는 이러한 기본 요소들이 모여 만들어지는 대상의 외형적인 모습과 구조를 의미하며, 디자인의 전체적인 인상을 결정짓는 핵심적인 역할을 합니다. 따라서 점, 선, 면의 조합과 발전은 곧 형태를 구성하는 과정이라고 볼 수 있습니다.

정답은 3번 '녹색'입니다. 녹색은 일반적으로 평화, 안전, 휴식과 같은 긍정적이고 안정적인 이미지를 연상시키기 때문입니다. 다른 보기들은 색채의 연상과 상징이 일부 맞지 않거나, 지나치게 부정적이거나 특정 상황에 국한된 의미를 포함하고 있습니다. 핵심 개념은 '색채 심리'와 '연상 작용'입니다.

독일공작연맹(DWB)은 1907년 설립된 단체로, 공업 발전에 발맞춰 예술과 공예의 통합을 추구했습니다. 무테지우스는 DWB의 창립을 주도하며, 산업 시대에 적합한 새로운 조형 언어를 발전시키고자 했습니다. 따라서 4번이 DWB의 핵심적인 목표와 설립 배경을 가장 잘 설명하고 있습니다.

정답은 **1. 대칭**입니다. 대칭은 시각적으로 균형이 잘 잡혀 통일감을 주기 쉽지만, 모든 요소가 똑같이 배치되어 다소 정형적이고 딱딱한 느낌을 줄 수 있습니다. 이는 균형의 가장 일반적인 형태로서 디자인에서 안정감을 부여하는 데 효과적입니다.

정답은 **2번 명도대비**입니다. 명도대비는 서로 다른 밝기(명도)를 가진 색들이 나란히 있을 때, 밝은 색은 더 밝게, 어두운 색은 더 어둡게 보이는 현상입니다. 이는 색상 자체의 차이보다는 밝기의 차이가 우리의 시각에 미치는 영향으로 설명됩니다.

율동은 시각적 요소들이 반복, 변화, 점이 등을 통해 리듬감 있게 배열되어 움직임이나 흐름을 느끼게 하는 디자인 원리입니다. 보기 중 **비례**는 요소 간의 크기나 비율을 다루는 원리로, 율동과는 직접적인 관련이 없습니다. 강조는 시각적 흥미를 유발하는 요소이며, 반복과 점이는 율동감을 형성하는 중요한 기법입니다.

정답은 3번 박명시입니다. 박명시란 빛이 약한 어스름한 상태에서 사물이 흐릿하게 보이는 현상을 말합니다. 이는 시각 세포 중 명암 대비에 민감한 간상세포가 빛이 적은 환경에서 활성화되기 때문입니다. 색순응은 밝은 곳에서 어두운 곳으로 이동할 때 눈이 적응하는 과정이고, 푸르킨예 현상은 빛의 세기에 따라 색깔을 인지하는 방식이 달라지는 현상입니다. 조건등색은 동일한 색이 주변 환경에 따라 다르게 보이는 현상으로, 문제의 상황과는 직접적인 관련이 없습니다.

정답은 4번입니다. 색채 조화의 공통 원리 중 **친근성의 원리**는 배색된 색채들이 서로 **공통되는 상태와 속성을 가질 때** 조화를 이룬다는 설명이 틀렸습니다. 실제 친근성의 원리는 **색채들이 서로 유사하거나 연관성을 가질 때** 조화를 이룬다는 것을 의미합니다. 나머지 보기들은 색채 조화의 각 원리를 올바르게 설명하고 있습니다.

이 문제는 폴 세잔이 모든 사물을 구, 원기둥, 원뿔과 같은 기본적인 기하학적 형태로 환원하여 바라보고 표현하려 했다는 그의 예술 철학을 묻고 있습니다. 세잔은 이러한 단순한 형태들의 조합으로 복잡한 자연을 분석하고 재구성함으로써, 사물의 본질적인 구조와 입체감을 표현하고자 했습니다. 이는 후대 입체주의 미술에 큰 영향을 미친 핵심 개념입니다.

스파트 광고는 프로그램과 프로그램 사이에 짧게 삽입되는 광고를 의미합니다. 이는 특정 시간대에 집중적으로 방송되거나 전국 방송망으로 송출되는 광고와는 구분되는 특징입니다. 핵심 개념은 '틈새' 또는 '자투리' 시간에 노출되는 광고라는 점입니다.

빨간색을 가장 선명하게 보이게 하려면 대비가 높은 배경색을 선택해야 합니다. 보기 중 주황, 노랑, 보라는 빨간색과 유사하거나 보색 관계가 아니어서 대비 효과가 크지 않습니다. 반면, 회색은 무채색으로 어떤 색과도 강한 대비를 이루어 빨간색을 가장 뚜렷하게 돋보이게 합니다.

균형은 시각적 무게감을 요소들의 배치로 조절하는 디자인 원리입니다. 대칭과 비례는 균형을 이루는 대표적인 방법이며, 주도와 종속은 시각적 중요도를 조절하여 균형감을 부여합니다. 반면 율동은 움직임과 리듬감을 나타내는 원리로, 균형과는 직접적인 관련이 없습니다.

색의 온도감은 색이 주는 따뜻함이나 차가움의 느낌을 말하며, 크게 난색, 한색, 중성색으로 나뉩니다. 난색은 빨강, 주황, 노랑처럼 따뜻한 느낌을 주는 색이고, 한색은 파랑, 초록, 보라처럼 차가운 느낌을 줍니다. 보기 3번은 한색에 녹색을 포함시키고 있는데, 녹색은 일반적으로 중성색 또는 한색에 가깝다고 분류되지만, 차가운 느낌을 주는 파란색과 함께 대표적인 한색으로 보기에는 다소 오류가 있습니다.

굿 디자인의 조건으로 **심미성, 독창성, 경제성**은 중요하게 고려되지만, **대중성**은 필수 조건이 아닙니다. 굿 디자인은 반드시 모든 사람이 좋아할 필요는 없으며, 오히려 특정 사용자층에게 깊은 만족감을 주는 디자인도 훌륭한 디자인으로 평가받을 수 있습니다. 따라서 대중성은 굿 디자인의 절대적인 기준이 될 수 없습니다.

정답은 2번 '중성색'입니다. 중성색은 일반적으로 따뜻함이나 차가움의 느낌이 강하지 않고, 다른 색과 조화롭게 어울리는 색을 말합니다. 연두, 녹색, 보라, 자주 등은 이러한 중성적인 특성을 가지며, 주변 색이나 맥락에 따라 차갑게도, 따뜻하게도 느껴질 수 있습니다.

디자인의 통일성은 여러 요소들이 조화롭게 어우러져 하나의 전체를 이루는 것을 의미합니다. 근접, 반복, 연속은 시각적으로 요소들을 연결하고 연관성을 부여하여 통일감을 높이는 데 기여합니다. 반면, 요소들을 분리시키는 것은 오히려 각 요소가 독립적으로 인식되게 하여 통일성을 해치는 요인이 됩니다. 따라서 디자인의 통일성에 가장 거리가 먼 것은 요소들을 분리시키는 것입니다.

먼셀 표색계에서 색상은 **색상(Hue), 명도(Value), 채도(Chroma)**의 세 가지 속성으로 표현됩니다. 문제에서 제시된 보기들은 이러한 속성들을 조합한 형태인데, 먼셀 표색계의 표기 방식은 **색상(H) / 명도(V) 채도(C)** 순서로 나타내는 것이 올바릅니다. 따라서 3번 'HV/C'는 색상(H)과 명도(V)를 먼저 표시하고 슬래시(/) 뒤에 채도(C)를 나타내므로 정답입니다.

신문 광고에서 조형적 요소는 시각적인 아름다움과 구성을 담당하는 요소들을 말합니다. 일러스트레이션, 심볼 마크, 보더 라인은 모두 시각적인 형태로 광고의 디자인과 분위기를 형성하는 데 기여합니다. 반면, 헤드라인은 광고의 핵심 메시지를 전달하는 **언어적 요소**이므로 조형적 요소에 해당하지 않습니다.

가시광선은 사람이 눈으로 볼 수 있는 빛으로, 파장 범위가 380nm에서 780nm 사이입니다. 백색광이 프리즘을 통과하면 무지개처럼 여러 색으로 나뉘는데, 이것이 가시광선의 범위를 보여줍니다. 하지만 라디오파나 텔레비전, 휴대폰 등에서 사용되는 전자기파는 가시광선보다 파장이 훨씬 길어 눈으로 볼 수 없습니다. 따라서 3번 보기가 가시광선에 대한 설명으로 틀렸습니다.

HTML 프레임의 크기를 설정할 때, 백분율, 픽셀 수, 상대 비율은 모두 유효한 방법입니다. 하지만 파일 크기는 이미지나 다른 리소스의 용량을 나타내는 것이지, 프레임 자체의 레이아웃 크기를 직접 지정하는 데 사용되는 속성이 아닙니다. 따라서 파일 크기로 프레임의 크기를 설정하는 것은 불가능합니다.

웹서버의 일반적인 동작 과정은 클라이언트가 서버에 접속하여 정보를 요청하고, 서버가 이에 응답한 후 연결을 종료하는 순서로 이루어집니다. 따라서 가장 옳은 과정은 **연결설정 → 클라이언트가 정보요청 → 서버의 응답 → 연결종료**입니다. 핵심 개념은 클라이언트-서버 모델에서 통신이 시작되고 완료되는 기본적인 흐름입니다.

정답은 2번 TDM입니다. TDM(시분할 다중화)은 하나의 통신 회선을 여러 개의 아주 짧은 시간 슬롯으로 나누어, 각 슬롯을 다른 사용자에게 할당하여 데이터를 전송하는 방식입니다. 이를 통해 여러 사용자가 하나의 회선을 마치 전용 회선처럼 사용할 수 있게 됩니다.

정답은 4번 극 좌표계입니다. 극 좌표계는 원점으로부터의 거리(반지름)와 원점으로부터의 각도(세타)를 사용하여 점의 위치를 정의합니다. 이는 직선적인 거리와 각도를 사용하여 객체의 위치를 표현하는 직교 좌표계와는 다른 방식입니다. 따라서 객체의 위치를 거리와 각도로 표현하는 좌표계는 극 좌표계입니다.

정답은 **1번 prompt()**입니다. **prompt()** 함수는 사용자에게 텍스트 입력 창을 띄워 원하는 문자열을 입력받고, 그 입력값을 반환하는 자바스크립트 내장 함수입니다. 이를 통해 사용자가 직접 데이터를 입력하여 프로그램의 동작을 제어할 수 있게 됩니다. 다른 보기들은 사용자 입력과는 관련이 없습니다.

자바스크립트의 `%` 연산자는 **나머지 연산자**입니다. 따라서 X를 Y로 나눈 결과에서 소수점 이하를 버린 정수 부분(몫)이 아닌, **나누어 떨어지지 않고 남는 값(나머지)**을 반환합니다. 예를 들어, 7 % 3은 1이 됩니다.

인터넷 익스플로러 6.0의 [도구]-[인터넷 옵션]-[내용] 탭에서는 **인증서**를 관리할 수 있습니다. 인증서는 웹사이트의 신뢰성을 확인하고 안전한 통신을 보장하는 데 사용되며, 이 탭에서 **게시자** 정보를 확인하고 관리하는 것이 가능합니다. 따라서 보기 중 '게시자'가 정답입니다.

정답은 1번 OSI 7 Layer입니다. OSI 7 Layer는 국제 표준화 기구(ISO)에서 개방형 시스템 간의 상호 접속을 위해 제정한 참조 모델입니다. 이 모델은 통신 과정을 7개의 계층으로 나누어 각 계층이 특정 기능을 수행하도록 하여, 서로 다른 제조사의 시스템 간에도 원활한 통신이 가능하도록 표준화하는 데 목적이 있습니다.

정답은 2번입니다. 웹 브라우저의 주소창은 주로 HTTP, HTTPS, FTP, FILE 등의 프로토콜을 사용하여 웹 페이지나 파일을 요청합니다. 2번 보기에 있는 `webamil://`은 표준적인 웹 브라우저 프로토콜이 아니므로 잘못된 URL 입력으로 간주됩니다.

정답은 **2번 FTP(File Transfer Protocol)**입니다. FTP는 이름 그대로 파일을 전송하기 위해 설계된 프로토콜로, 인터넷을 통해 다른 컴퓨터(원격 호스트)와 파일을 주고받는 데 사용됩니다. PPP는 두 장치 간의 직접적인 연결을 위한 프로토콜이고, DNS는 도메인 이름을 IP 주소로 변환하며, MIME은 이메일에 다양한 형식의 데이터를 첨부할 수 있게 하는 확장 기능입니다.

인터넷 익스플로러 6.0에서 웹페이지 글자가 깨져 보인다면, 이는 웹페이지의 문자 인코딩 방식과 브라우저가 인식하는 인코딩 방식이 일치하지 않기 때문입니다. 이때 **자동선택**을 선택하면 브라우저가 웹페이지의 인코딩 방식을 자동으로 감지하여 올바르게 표시하려고 시도합니다. 따라서 글자 깨짐 현상을 해결하는 가장 일반적이고 효과적인 방법입니다.

정답은 **1번 주제별 검색 엔진**입니다. 주제별 검색 엔진은 도서관에서 책을 찾듯, 큰 주제부터 시작하여 점차 세부적인 주제로 좁혀나가며 정보를 탐색하는 방식입니다. 이는 정보의 계층 구조를 활용하여 사용자가 원하는 정보를 체계적으로 찾도록 돕는 핵심 개념입니다.

문제에서 설명하는 것은 인터넷의 전신인 **ARPANET**입니다. ARPANET은 미국 국방부에서 개발한 컴퓨터 네트워크로, 정보 공유와 통신 기술 발전에 중요한 역할을 했습니다. 이는 오늘날 인터넷의 기초가 되었으며, 다양한 정보 검색 및 통신 서비스의 발판을 마련했습니다.

SMTP, FTP, Telnet, HTTP는 모두 사용자가 직접적으로 상호작용하는 서비스에 관련된 프로토콜입니다. 이러한 프로토콜들은 TCP/IP 모델에서 가장 상위에 위치하며, 최종 사용자 애플리케이션의 요구사항을 처리하는 **응용 계층**에 속합니다. 따라서 정답은 4번 응용 계층입니다.

인터넷 익스플로러 6.0에서 '새로 만들기'와 '열기'는 파일을 다루는 기능으로 [파일] 메뉴에 포함됩니다. '페이지 설정' 역시 인쇄와 관련된 파일의 속성을 설정하는 기능이므로 [파일] 메뉴에 해당합니다. 반면, '새로 고침'은 웹 페이지의 현재 상태를 다시 불러오는 기능으로, [보기] 메뉴에 속합니다.

자바스크립트는 웹 브라우저에서 실행되는 언어이므로 운영체제의 직접적인 제약을 받지 않고, 문법이 비교적 간단하여 배우고 사용하기 쉽습니다. 또한 HTML에 직접 삽입되어 웹 페이지를 동적으로 만드는 데 용이합니다. 하지만 게임, 메신저, 채팅방 등 복잡하고 고성능이 요구되는 애플리케이션 개발에는 자바스크립트만으로는 한계가 있어 주로 다른 기술과 함께 사용되거나, Node.js와 같은 서버 환경에서 활용됩니다.

이 문제는 각 검색 엔진과 그에 연결된 서비스가 올바르게 짝지어졌는지 판단하는 문제입니다. 핵심 개념은 **검색 엔진의 주요 서비스**를 이해하는 것입니다. 정답은 2번 옥션-블로그입니다. 옥션은 대표적인 **전자상거래(온라인 쇼핑몰)** 서비스이며, 블로그는 개인적인 글이나 정보를 공유하는 **콘텐츠 플랫폼**입니다. 따라서 옥션과 블로그는 직접적으로 연결되는 서비스가 아닙니다. 다른 보기들은 검색 엔진이 제공하는 대표적인 부가 서비스들이 올바르게 연결되었습니다.

정답은 3번 **Spam Mail**입니다. Spam Mail은 제품 선전이나 상업적 목적으로 수신자의 동의 없이 대량으로 발송되는 원치 않는 이메일을 의미합니다. 이는 인터넷 상에서 흔히 발생하는 문제로, 많은 사용자들에게 불편을 야기합니다.

위지윅(WYSIWYG) 에디터는 사용자가 보는 화면 그대로 결과물이 나오는 방식입니다. 남은 보기들은 모두 위지윅 에디터지만, Edit Plus는 코드를 직접 편집하는 텍스트 기반 에디터이므로 위지윅 기반이 아닙니다. 따라서 정답은 3번 Edit Plus입니다.

HTML에서 글자 모양을 나타내는 태그 중 **인용문**을 표시하는 데 사용되는 태그는 따로 존재합니다. 2번 보기에 해당하는 태그는 인용문이 아닌 다른 용도로 사용되며, 인용문 표시는 `

` 또는 `` 태그를 사용합니다. 따라서 2번 보기가 글자 모양 관련 태그 설명으로 옳지 않습니다.

정답은 4번입니다. 래스터 스캔형 CRT 시대(제4세대)는 컴퓨터 그래픽스의 발전으로 색과 면을 이용한 입체물 표현이 가능해졌고, 프랙탈 이론의 실천과 슈퍼리얼리즘 경향이 나타난 시기입니다. 하지만 보잉 737 설계는 CRT 시대보다 앞선 시기에 이루어졌으며, 당시의 컴퓨터 그래픽스 기술 수준과는 거리가 있습니다.

정답은 2번 '콘셉트 도출'입니다. 이 단계는 웹사이트의 전반적인 방향과 느낌을 결정하는 과정으로, 사이트의 목적과 주요 사용자를 분석하여 디자인의 핵심 아이디어와 전략을 수립합니다. 즉, '무엇을 만들 것인가'와 '누구를 위해 만들 것인가'에 대한 답을 바탕으로 디자인의 큰 그림을 그리는 단계라고 할 수 있습니다.

정답은 1번입니다. 스타일 시트에서 `background-repeat` 속성을 사용하여 배경 이미지의 반복을 제어할 수 있지만, 반복 횟수를 '증가'시키는 것은 일반적인 목적이 아니며, 오히려 반복을 없애거나(no-repeat) 특정 방향으로만 반복(repeat-x, repeat-y)하는 경우가 많습니다. 배경 이미지의 용량은 로딩 속도에 직접적인 영향을 미치며(2번), 메뉴 디자인 시 메타포를 활용하는 것은 사용자 경험을 향상시키는 좋은 방법입니다(3번). 배경색 분할은 시각적으로 프레임과 유사한 효과를 줄 수 있습니다(4번).

## 웹 에디터가 아닌 것은? **정답:** 1번 Internet Space Builder **해설:** 웹 에디터는 웹 페이지를 시각적으로 디자인하거나 코드를 직접 작성하여 웹 페이지를 만드는 데 사용되는 소프트웨어입니다. EditPlus, Hotdog Professional, Dreamweaver는 모두 대표적인 웹 에디터입니다. 반면, Internet Space Builder는 웹 페이지를 만드는 도구가 아닌, 웹 브라우저의 초기 이름 중 하나로 웹 에디터와는 관련이 없습니다.

이 문제는 애니메이션 제작 방식을 묻는 문제입니다. 정답은 1번 셀 애니메이션입니다. 셀 애니메이션은 투명한 셀룰로이드 판에 그림을 그려 움직이는 장면을 만드는 전통적인 방식입니다. 각 프레임마다 조금씩 다른 그림을 그려 연속적으로 보여주어 움직임을 표현하는 것이 핵심 개념입니다.

정답은 4번입니다. 모핑 애니메이션은 객체의 형태를 변형시켜 부드러운 전환을 보여주는 기법으로, 전통적인 애니메이션 기법이 아닙니다. 또한, 복잡한 형태 변환으로 인해 용량이 커져 인터넷 환경에 적합하지 않습니다. 다른 보기들은 각 애니메이션 기법의 특징을 올바르게 설명하고 있습니다.

애니메이션 제작은 아이디어를 구체화하는 **기획** 단계에서 시작하여, 시각적인 설계를 하는 **스토리보드** 제작으로 이어집니다. 이후 그림, 채색, 움직임 등을 만드는 **제작** 과정을 거치고, 마지막으로 목소리 연기 및 효과음을 더하는 **음향** 및 **레코딩** 작업이 진행됩니다. 따라서 **기획 - 스토리보드 - 제작 - 음향 - 레코딩** 순서가 일반적인 애니메이션 제작 과정입니다.

정답은 3번 PPI입니다. PPI는 "Pixels Per Inch"의 약자로, 1인치당 들어가는 픽셀의 수를 의미합니다. 이는 화면의 해상도를 나타내는 중요한 지표이며, PPI가 높을수록 더 선명하고 세밀한 이미지를 표현할 수 있습니다. LPI는 인쇄물의 망점 밀도, EPI는 잉크젯 프린터의 노즐 수를 나타내며, DPI는 인쇄물의 점 밀도를 나타내지만 픽셀 단위가 아니므로 문제의 설명과는 다릅니다.

정답은 **1. 그라데이션(Gradation)**입니다. 그라데이션은 한 색상에서 다른 색상으로 부드럽게 전환되는 색상 변화를 의미합니다. 컴퓨터 그래픽스에서는 이 기법을 사용하여 특정 영역을 채울 때, 단색이 아닌 여러 색상이 자연스럽게 섞여 보이도록 표현합니다. 모델링은 3차원 객체를 만드는 과정, 스캔은 이미지를 디지털화하는 과정, 샘플링은 연속적인 데이터를 이산적인 데이터로 변환하는 과정으로, 문제에서 설명하는 색상 변화 기법과는 다릅니다.

## 정답 이유 해설 1번 보기가 부적합한 이유는 웹사이트 사용의 편리함을 저해하기 때문입니다. 로딩 시간에 구애받지 않고 화려한 intro 페이지를 넣는 것은 사용자 경험을 해치고, 오히려 웹사이트 이탈을 유발할 수 있습니다. ### 핵심 개념 * **사용자 경험 (UX):** 사용자가 웹사이트를 이용하면서 느끼는 전반적인 만족도와 편리성을 의미합니다. * **로딩 시간:** 웹페이지가 사용자에게 표시되기까지 걸리는 시간으로, 길어질수록 사용자 경험을 저해합니다. * **정보 과부하:** 너무 많은 정보를 한 번에 제공하면 사용자가 혼란을 느끼고 원하는 정보를 찾기 어려워집니다.

정답은 3번입니다. 웹 페이지에서 버튼은 사용자가 클릭하여 특정 동작을 수행하도록 유도하는 중요한 요소입니다. 따라서 버튼이 자연스럽게 사라지면 사용자는 해당 버튼의 존재를 인지하지 못하고 기능을 사용하지 못하게 되어 사용자 경험을 저해합니다. 1번과 2번은 사용자에게 시각적인 피드백을 제공하거나 흥미를 유발할 수 있는 디자인 요소이며, 4번은 메뉴 역할을 하는 요소가 흔들리는 이미지를 사용한 경우로, 맥락에 따라 적절할 수도 있습니다.

정답은 4번입니다. 웹사이트 구축 단계는 디자인이 완료된 후 실제 코드를 작성하고 기능을 구현하는 과정이며, 테스트 및 디버깅은 구축 완료 후 또는 구축 과정 중에 이루어지는 후속 작업입니다. 따라서 구축 단계 자체를 테스트 및 디버깅으로 설명하는 것은 틀렸습니다. 핵심 개념은 웹디자인 프로세스의 각 단계별 역할과 순서를 명확히 이해하는 것입니다.

애니메이션에서 대상의 움직임을 개별적인 단위로 세분화한 기본 단위는 **프레임**입니다. 프레임은 애니메이션을 구성하는 각각의 정지된 이미지를 의미하며, 이 프레임들이 연속적으로 빠르게 재생되면서 마치 움직이는 것처럼 보이게 됩니다. 따라서 프레임은 애니메이션의 가장 기본적인 '움직임의 조각'이라고 할 수 있습니다.

정답은 **3. 안티앨리어싱**입니다. 안티앨리어싱은 디지털 이미지에서 계단 현상(앨리어싱)을 줄여 곡선이나 사선을 부드럽게 보이도록 하는 기술입니다. 이는 픽셀의 경계에 중간 색상을 사용하여 시각적인 끊김을 완화함으로써 구현됩니다.

정답은 3번 'Moire'입니다. Moire 현상은 서로 다른 주기적인 패턴이 겹쳐질 때 발생하는 간섭 무늬로, 웹디자인에서 이미지를 스캔할 때 원본의 미세한 패턴과 스캐너의 해상도 패턴이 겹쳐져 물결무늬가 나타나는 것을 말합니다. 이는 주로 격자나 섬유질 같은 패턴이 있는 이미지에서 두드러지게 나타납니다.

이 문제는 이미지 파일 포맷에 대한 이해를 묻고 있습니다. 정답은 PNG(.PNG)로, 이는 웹에서 투명도를 지원하는 비손실 압축 이미지 포맷입니다. PICT는 오래된 맥 OS 이미지 포맷이고, TIFF는 고품질 인쇄용으로 많이 사용되며, AI는 어도비 일러스트레이터의 벡터 그래픽 파일 포맷입니다.

정답은 3번 포토 콜라주입니다. 포토 콜라주는 여러 장의 사진을 잘라 붙여 새로운 이미지를 만드는 기법으로, 문제에서 설명하는 '연관성 있는 여러 가지 이미지를 조합하여 하나의 새로운 이미지를 제작하는 방법'에 가장 부합합니다. 화상 처리는 이미지의 품질을 개선하거나 변형하는 것이고, 디지털 페인팅은 컴퓨터로 그림을 그리는 것이며, 전자출판은 인쇄물을 제작하는 과정이므로 연관성 있는 이미지 조합과는 거리가 있습니다.

제시된 문제는 웹사이트에서 글꼴, 크기, 줄 간격 등 텍스트의 시각적 표현을 다루는 디자인 분야를 설명하고 있습니다. 이는 사용자가 콘텐츠를 더 쉽게 읽고 이해하도록 돕는 **웹 타이포그래피 디자인**의 핵심 요소입니다. 따라서 정답은 2번입니다.

웹사이트 개발에서 가장 먼저 해야 할 일은 **3. 웹사이트 개발 목표 확립**입니다. 목표가 명확해야 어떤 기능을 만들고, 어떤 디자인을 적용하며, 누구에게 도달할 것인지 등 후속 개발 과정의 모든 의사결정이 일관성을 가질 수 있습니다. 이는 마치 집을 짓기 전에 어떤 용도로 사용할지, 몇 명이 살지 등을 정하는 것과 같습니다.

이 문제는 사용자에게 일관된 경험을 제공하기 위해 미리 디자인된 틀을 의미하는 용어를 묻고 있습니다. 보기 중 '템플릿(Template)'은 웹사이트, 문서, 프레젠테이션 등 다양한 분야에서 디자인이나 구조의 기본 틀 역할을 합니다. 따라서 ( )안에 공통으로 들어갈 알맞은 용어는 템플릿입니다.