[웹디자인개발기능사 필기] 12년 1회차 기출문제 정답·해설 페이지

[웹디자인개발기능사 필기] 12년 1회차
    1[웹디자인개발기능사 필기] 12년 1회차
    “Redesign”에 대한 설명으로 옳은 것은?
    1
    제품의 원상태를 재생하는 작업이다.
    2
    기존상품의 개선안을 찾아서 새로운 디자인을 개발하는 작업이다.
    3
    새로운 제품을 위한 신제품을 개발하는 작업이다.
    4
    실제 제품생산에 들어가기 전에 샘플을 디자인하는 작업이다.
    해설

    Redesign은 기존 상품의 개선안을 찾아 새로운 디자인을 개발하는 작업이다.

    접두어 re-는 다시를 뜻하므로 이미 있는 제품의 문제점을 고쳐 새롭게 디자인하는 것을 가리킨다.

    • 제품의 원상태를 재생하는 것은 복원에 해당하며 새 디자인을 개발하는 것이 아니다.
    • 새로운 제품을 위한 신제품 개발은 기존 제품이 없는 신규 디자인이다.
    • 생산 전 샘플을 디자인하는 것은 시제품(프로토타입) 제작이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    2[웹디자인개발기능사 필기] 12년 1회차
    착시에 대한 설명으로 옳은 것은?
    1
    눈에 의한 생리적 작용에 따라 형태나 색채 등이 실제와 다르게 지각되는 것을 말한다.
    2
    각 부분 사이에 강한 힘과 약한 힘이 규칙적으로 연속될 때 생기는 것을 말한다.
    3
    시각상 힘의 안정을 주면 보는 사람에게 안정감을 주고 명쾌한 감정을 느끼게 하는 것을 말한다.
    4
    부분과 전체 사이에 디자인 요소들이 잘 어울려서 균형을 유지하는 상태를 느끼게 하는 것을 말한다.
    해설

    착시는 눈의 생리적 작용으로 형태나 색채가 실제와 다르게 지각되는 현상이다.

    같은 크기나 길이가 주변 조건에 따라 다르게 보이는 것처럼 지각의 오차가 핵심이다.

    • 강한 힘과 약한 힘이 규칙적으로 연속되는 것은 리듬(율동)의 설명이다.
    • 시각상 힘의 안정으로 안정감을 주는 것은 균형의 설명이다.
    • 부분과 전체의 디자인 요소가 어울려 균형을 이루는 상태는 요소 간의 관계를 다루는 조형 원리의 설명이며, 실제와 다르게 지각되는 현상이 아니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    3[웹디자인개발기능사 필기] 12년 1회차
    다음 그림에 대한 설명으로 옳은 것은?
    문제 이미지
    1
    반사운용
    2
    회전 운용
    3
    팽창이동 패턴
    4
    조화 패턴
    해설
    등록된 해설이 없습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    4[웹디자인개발기능사 필기] 12년 1회차
    제과점 홈페이지를 제작할 때 식욕을 돋우는 색채 계획과 가장 거리가 먼 것은?
    1
    녹색
    2
    주황
    3
    노랑
    4
    빨강
    해설

    식욕을 돋우는 색채 계획과 가장 거리가 먼 색은 녹색이다.

    식욕을 자극하는 색은 주로 난색 계열이며 녹색은 건강·안전, 신선함을 연상시킨다.

    • 주황은 따뜻하고 맛있어 보이는 난색으로 식욕을 돋운다.
    • 노랑은 명랑하고 밝은 난색으로 식욕을 돋우는 데 쓰인다.
    • 빨강은 강한 난색으로 식욕과 활력을 자극한다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    5[웹디자인개발기능사 필기] 12년 1회차
    주전자, 냉장고, 자동차를 디자인하는 디자인 영역은?
    1
    패션디자인
    2
    시각디자인
    3
    환경디자인
    4
    제품디자인
    해설

    주전자, 냉장고, 자동차를 디자인하는 영역은 제품디자인이다.

    사용자가 쓰는 생활용품·기계·운송 기기 등 입체적 물건을 설계하는 분야이다.

    • 패션디자인은 의복과 장신구를 다룬다.
    • 시각디자인은 포스터, 편집, 심볼 등 시각 전달을 다룬다.
    • 환경디자인은 건축, 실내, 도시 등 공간을 다룬다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    6[웹디자인개발기능사 필기] 12년 1회차
    레터링(Lettering)에 대한 설명으로 틀린 것은?
    1
    글자체, 글자 크기, 글자 사이, 여백 등을 조절하여 읽기에 편하도록 구성하는 표현기술이다.
    2
    넓은 뜻으로 글자 디자인, 글자 표현 등의 글자 자체를 의미한다.
    3
    어떤 디자인을 위한 특정한 목적을 가지는 글자를 묘사하는 것을 말한다.
    4
    글자라는 소재를 사용하여 어떤 의도를 표현하고 전달하려는 것이다.
    해설

    레터링 설명으로 틀린 것은 글자체, 크기, 글자 사이, 여백을 조절해 읽기 편하게 구성하는 표현기술이라는 설명이다.

    그 설명은 활자를 배열하는 타이포그래피에 해당하며, 레터링은 특정 목적에 맞게 글자를 직접 그려 디자인하는 것이다.

    • 넓은 뜻으로 글자 디자인과 글자 표현 자체를 가리킨다는 설명은 옳다.
    • 특정 디자인 목적을 위한 글자를 묘사하는 것이라는 설명은 옳다.
    • 글자를 소재로 의도를 표현하고 전달한다는 설명은 옳다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    7[웹디자인개발기능사 필기] 12년 1회차
    선(Line)에 대한 설명으로 잘못된 것은?
    1
    유기적인 선은 정확하고 긴장되며 기계적인 느낌을 준다.
    2
    수직선은 세로로 된 선으로 숭고한 느낌을 준다.
    3
    수평선은 가로로 된 선으로 편안한 느낌을 준다.
    4
    사선은 비스듬한 선으로 동적인 움직임과 불안한 느낌을 준다.
    해설

    선에 대한 설명으로 잘못된 것은 유기적인 선이 정확하고 기계적인 느낌을 준다는 것이다.

    정확하고 긴장되며 기계적인 느낌은 기하학적인 선의 특징이고, 유기적인 선은 자연스럽고 부드러운 느낌을 준다.

    • 수직선은 세로선으로 숭고하고 엄숙한 느낌을 준다는 설명은 옳다.
    • 수평선은 가로선으로 편안하고 안정된 느낌을 준다는 설명은 옳다.
    • 사선은 비스듬해 동적이고 불안한 느낌을 준다는 설명은 옳다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    8[웹디자인개발기능사 필기] 12년 1회차
    디자인의 조건 중 합목적성에 해당하는 것은?
    1
    아름다운 미적인 요소를 추구하는 요소
    2
    사물이 일정한 목적에 적합한 방식으로 존재하는 성질
    3
    최소의 경비로 최대의 효과를 얻는 원칙
    4
    독특한 것을 처음으로 고안해 내려는 성향
    해설

    합목적성은 사물이 일정한 목적에 적합한 방식으로 존재하는 성질이다.

    디자인의 조건 중 합목적성은 기능과 목적에 맞는가를 따진다.

    • 아름다운 미적 요소를 추구하는 것은 심미성이다.
    • 최소 경비로 최대 효과를 얻는 원칙은 경제성이다.
    • 독특한 것을 처음 고안하려는 성향은 독창성이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    9[웹디자인개발기능사 필기] 12년 1회차
    2차원적 프로덕트 디자인에 속하지 않는 것은?
    1
    텍스타일디자인
    2
    편집디자인
    3
    벽지디자인
    4
    인테리어 직물디자인
    해설

    2차원적 프로덕트 디자인에 속하지 않는 것은 편집디자인이다.

    편집디자인은 출판물 등을 다루는 시각디자인 분야로 프로덕트 디자인이 아니다.

    • 텍스타일디자인은 직물의 평면 무늬를 만드는 2차원 프로덕트 디자인이다.
    • 벽지디자인은 벽면에 쓰일 평면 무늬를 만드는 2차원 프로덕트 디자인이다.
    • 인테리어 직물디자인도 직물의 평면 무늬를 다루는 2차원 프로덕트 디자인이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    10[웹디자인개발기능사 필기] 12년 1회차
    무채색에 대한 설명으로 틀린 것은?
    1
    밝고 어두운 정도의 차이로 구별된다.
    2
    색상이 존재하지 않는다.
    3
    빨강은 무채색이다.
    4
    채도가 존재하지 않는다.
    해설

    무채색에 대한 설명으로 틀린 것은 빨강이 무채색이라는 것이다.

    빨강은 색상과 채도가 있는 유채색이며, 무채색은 흰색·회색·검정처럼 명도만 있는 색이다.

    • 무채색은 밝고 어두운 정도(명도)의 차이로만 구별된다.
    • 무채색에는 색상이 존재하지 않는다.
    • 무채색에는 채도가 존재하지 않는다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    11[웹디자인개발기능사 필기] 12년 1회차
    다음이 설명하고 있는 디자인 원리는?
    문제 이미지
    1
    반복
    2
    균형
    3
    조화
    4
    대비
    해설

    제시된 내용은 요소들 사이의 평형 상태를 의미하며, 디자인 공간 속에서 각 요소가 통일감과 안정감을 갖도록 하는 원리이다. 이는 대칭·비대칭·방사대칭으로 구분되는 균형(Balance)의 정의에 해당한다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    12[웹디자인개발기능사 필기] 12년 1회차
    입체디자인의 상관 요소에 해당하지 않는 것은?
    1
    위치(position)
    2
    형태(shape)
    3
    방향(direction)
    4
    공간(space)
    해설

    입체디자인의 상관(관계) 요소에 해당하지 않는 것은 형태이다.

    입체디자인의 관계 요소는 위치·방향·공간·중력이며, 형태는 구성 대상 자체를 이루는 요소이다.

    • 위치는 기준에 대한 놓인 자리를 뜻하는 관계 요소이다.
    • 방향은 기준에 대한 향함을 뜻하는 관계 요소이다.
    • 공간은 입체가 차지하고 둘러싸는 영역을 뜻하는 관계 요소이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    13[웹디자인개발기능사 필기] 12년 1회차
    다음이 설명하고 있는 색의 대비로 옳은 것은?
    문제 이미지
    1
    채도대비
    2
    명도대비
    3
    연변대비
    4
    반복대비
    해설
    등록된 해설이 없습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    14[웹디자인개발기능사 필기] 12년 1회차
    색 자각의 3요소로 옳게 구성된 것은?
    1
    광원, 물체, 시각
    2
    광원, 색채, 시각
    3
    광원, 색감, 시각
    4
    광원, 촉각, 시각
    해설

    색을 지각하는 3요소는 광원, 물체, 시각이다.

    색은 광원의 빛이 물체에 반사·투과되어 눈(시각)에 들어와 느껴진다.

    • 색채나 색감은 지각의 결과물이지 지각을 이루는 조건이 아니다.
    • 촉각은 피부로 느끼는 감각이므로 색 지각과 관계가 없다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    15[웹디자인개발기능사 필기] 12년 1회차
    사인(Sign)이나 심볼 마크(Symbol mark)가 속한 디자인 영역을 인간과 인간 사이를 연결해 주는 하나의 매개체가 되는 디자인 분야는?
    1
    시각 디자인
    2
    제품 디자인
    3
    환경 디자인
    4
    영상 디자인
    해설

    사인이나 심볼 마크가 속하며 인간과 인간 사이의 매개가 되는 분야는 시각디자인이다.

    시각디자인은 시각 매체로 정보를 전달하는 분야로 사인, 심볼 마크, 포스터 등을 다룬다.

    • 제품디자인은 생활용품 같은 입체적 물건을 다룬다.
    • 환경디자인은 건축, 실내, 도시 같은 공간을 다룬다.
    • 영상디자인은 영화, 방송, 애니메이션 같은 움직이는 영상 매체를 다룬다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    16[웹디자인개발기능사 필기] 12년 1회차
    하나의 색상에 각기 다른 여러 명도의 조화를 단계적으로 동시에 배색하여 얻어지는 조화는?
    1
    색상 대비에 따른 조화
    2
    보색 대비에 따른 조화
    3
    명도에 따른 조화
    4
    주조색에 따른 조화
    해설

    하나의 색상에 여러 명도를 단계적으로 배색한 조화는 명도에 따른 조화이다.

    색상은 하나로 고정하고 명도 단계만 달리해 배색하므로 명도 차이가 조화를 만든다.

    • 색상 대비에 따른 조화는 서로 다른 색상을 함께 써야 성립하므로 하나의 색상만 쓰는 배색과 맞지 않는다.
    • 보색 대비에 따른 조화는 색상환에서 반대편에 놓인 두 색상을 짝짓는 것이라 하나의 색상만 쓰는 배색과 맞지 않는다.
    • 주조색에 따른 조화는 전체 배색을 지배하는 색을 정해 통일감을 주는 방식으로, 발문의 핵심인 명도의 단계적 변화를 기준으로 삼지 않는다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    17[웹디자인개발기능사 필기] 12년 1회차
    디자인 원리 중 유사, 대비, 균일, 강약 등이 포함되어 나타내는 디자인 원리는?
    1
    균형
    2
    리듬
    3
    조화
    4
    통일
    해설
    등록된 해설이 없습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    18[웹디자인개발기능사 필기] 12년 1회차
    촉각적 질감에 대한 설명으로 틀린 것은?
    1
    촉각적 질감에는 장식적 질감, 자연적 질감, 기계적 질감이 있다.
    2
    촉각적 질감은 눈으로 볼 수 있을 뿐 아니라 손으로 만져서 느낄 수 있는 질감이다.
    3
    촉각적 질감은 2차원 디자인의 표면과 함께 3차원의 양각(relief)으로 확대하는 것이다.
    4
    촉각적 질감의 연출 방법에는 자연재료사용, 재료변형, 재료복합 등이 있다.
    해설

    촉각적 질감의 분류에서 장식적 질감, 자연적 질감, 기계적 질감이라는 구분은 존재하지 않는다. 촉각적 질감의 일반적 분류는 자연적 질감(천연재료의 본래 표면)과 인공적 질감(가공·처리된 표면)으로 구분되거나, 실질감(실제로 만져지는 표감)과 시각적 질감(시각으로만 인식되는 질감)으로 구분된다. 반면 2번은 촉각적 질감의 핵심 정의, 3번은 2·3차원 확대 표현, 4번은 실제 연출방법으로 모두 정확한 설명이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    19[웹디자인개발기능사 필기] 12년 1회차
    먼셀 표색계에 관한 설명과 거리가 먼 것은?
    1
    색은 색상, 명도, 채도의 3속성으로 구분한다.
    2
    색의 3속성을 공간에 배열한 것을 색입체라고 한다.
    3
    색상의 최초 기준색은 빨강(R)이다.
    4
    무채색 축 안쪽으로 채도가 높은 색을 배열한다.
    해설

    먼셀 표색계 설명과 거리가 먼 것은 무채색 축 안쪽으로 채도가 높은 색을 배열한다는 것이다.

    먼셀 색입체에서 채도는 무채색 축에서 멀어질수록(바깥쪽으로) 높아진다.

    • 색을 색상·명도·채도의 3속성으로 구분하는 것은 먼셀 표색계의 기본이다.
    • 색의 3속성을 공간에 배열한 것을 색입체라 한다는 설명은 옳다.
    • 색상환의 기준이 되는 첫 색은 빨강(R)이라는 설명은 옳다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    20[웹디자인개발기능사 필기] 12년 1회차
    자연에서 찾아 볼 수 있는 디자인의 원리에 대한 사례로 옳지 않은 것은?
    1
    고대 그리스 밀로의 비너스, 파르테논 신전 등은 비례의 좋은 예이다.
    2
    나뭇잎, 숲속의 나무, 해변의 모래알, 바다의 파도 등은 대칭의 좋은 예이다.
    3
    잔잔한 수면 위에 돌을 떨어뜨려 생기는 동심원은 방사구성의 좋은 예이다.
    4
    무성한 나뭇잎들 사이에서 핀 꽃, 밤하늘에 뜬 달 등은 강조의 좋은 예이다.
    해설

    자연 현상과 사물에서 나타나는 대칭의 개념을 정확히 이해해야 한다. 나뭇잎, 숲속의 나무, 해변의 모래알, 바다의 파도를 모두 대칭의 예로 제시한 보기에서, 이 중 숲속의 나무, 모래알, 파도는 일정한 대칭성을 갖지 않는다.

    나뭇잎은 중앙의 잎맥을 중심으로 좌우대칭을 보이지만, 숲의 나무들이나 해변 모래알의 형태, 파도의 모양은 불규칙하고 무질서하므로 대칭의 예가 될 수 없다.

    • 고대 그리스 조각상과 신전: 비례와 균형의 예로 타당하다.
    • 물에 떨어진 돌로 인한 동심원: 방사구성의 예로 타당하다.
    • 나뭇잎 속 꽃과 밤하늘의 달: 주변과의 대비로 강조되는 예로 타당하다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    21[웹디자인개발기능사 필기] 12년 1회차
    인터넷상의 보안 문제로부터 특정 네트워크를 격리시키는데 사용되는 시스템으로서, 네트워크의 출입 경로를 단절시켜 보안 관리 범위를 좁히고 제어를 효과적으로 할 수 있는 시스템은?
    1
    Firewall
    2
    SNMP
    3
    POP Server
    4
    SMTP
    해설

    외부 위협으로부터 네트워크를 격리하고 출입 경로를 통제하는 시스템은 Firewall이다.

    방화벽은 내부망과 외부망 사이에서 접근을 허용·차단해 보안 관리 범위를 좁힌다.

    • SNMP는 네트워크 장비를 관리·감시하는 프로토콜이다.
    • POP 서버는 메일을 수신하는 서버이다.
    • SMTP는 메일을 송신하는 프로토콜이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    22[웹디자인개발기능사 필기] 12년 1회차
    VRML(Virtual Reality Modeling Language)에 관한 특징으로 틀린 것은?
    1
    웹에서 사용되는 언어이므로 플랫폼에 독립적이다.
    2
    3차원 공간을 표현하는 텍스트 파일로 데이터 전송 시간이 길다.
    3
    웹 관련 표준 언어를 수용할 수 있어 HTML 문서와 연계해서 사용할 수 있다.
    4
    사이버 쇼핑몰을 만들거나 3차원 채팅 사이트, 가상 학교 등의 제작이 가능하다.
    해설

    VRML은 3차원 공간을 기술하는 텍스트 파일이므로 용량이 작아 데이터 전송시간이 짧다. 따라서 전송시간이 길다는 설명은 틀리다. 웹 기반이어서 플랫폼에 독립적이고, HTML 문서와 연계할 수 있으며, 가상 쇼핑몰·3차원 채팅·가상학교 등을 만들 수 있다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    23[웹디자인개발기능사 필기] 12년 1회차
    웹브라우저의 기능으로 옳지 않은 것은?
    1
    웹사이트 접속
    2
    정보 검색
    3
    그림 편집
    4
    인터넷 서비스 제공
    해설

    웹브라우저의 기능으로 옳지 않은 것은 그림 편집이다.

    웹브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이며 이미지를 편집하는 도구가 아니다.

    • 웹사이트 접속은 브라우저의 기본 기능이다.
    • 정보 검색은 브라우저로 검색 사이트에 접속해 수행하는 기능이다.
    • FTP 등 다른 인터넷 서비스에 접근하게 해 주는 것도 브라우저의 기능이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    24[웹디자인개발기능사 필기] 12년 1회차
    네트워크 위상 중 링형에 대한 특징으로 옳은 것은?
    1
    일부 노드의 전송지연이 전체 네트워크에 영향을 주지 않는다.
    2
    원거리 노드로의 데이터 전송은 인접 노드가 중계하여 데이터를 전달한다.
    3
    데이터 또는 메시지는 지정한 노드에게만 전달한다.
    4
    새로운 노드의 삽입이 용이하다.
    해설

    링형 네트워크에서는 원거리 노드로 보낼 때 인접 노드가 중계해 전달한다.

    링형은 노드가 고리 모양으로 연결되어 각 노드가 신호를 재생해 다음 노드로 넘긴다.

    • 일부 노드의 지연이나 장애가 전체에 영향을 주지 않는다는 설명은 틀리며 고리 구조상 전체에 영향을 준다.
    • 지정한 노드에게만 전달한다는 설명은 틀리며 데이터가 중간 노드를 거쳐 순환한다.
    • 새 노드를 삽입하기 쉽다는 설명은 틀리며 고리를 끊고 연결해야 해 번거롭다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    25[웹디자인개발기능사 필기] 12년 1회차
    다음 중 프로그램의 성격이 다른 하나는?
    1
    인터넷 익스플로러
    2
    모질라
    3
    아파치
    4
    넷스케이프 네비게이터
    해설

    성격이 다른 하나는 아파치이다.

    아파치는 웹 서버 프로그램이고 나머지는 웹 문서를 보는 웹 브라우저이다.

    • 인터넷 익스플로러는 웹 브라우저이다.
    • 모질라는 웹 브라우저이다.
    • 넷스케이프 네비게이터는 웹 브라우저이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    26[웹디자인개발기능사 필기] 12년 1회차
    다음 설명에 해당하는 서버로 옳은 것은?
    문제 이미지
    1
    HTTP 서버
    2
    Proxy 서버
    3
    DNS 서버
    4
    Gateway 서버
    해설

    그림은 주고받은 내용을 캐시에 저장해 두었다가 같은 자료를 다시 요청하면 재전송 없이 응답해 속도를 높인다는 설명이므로 Proxy 서버입니다.

    프록시 서버는 클라이언트와 웹 서버 사이에서 요청을 대신 처리하며, 캐시 재사용과 접근 제어를 맡습니다.

    • HTTP 서버: 클라이언트의 요청을 받아 웹 문서를 보내 주는 서버로, 중간에서 캐시를 두는 역할이 아닙니다.
    • DNS 서버: 도메인 이름을 IP 주소로 바꿔 주는 서버입니다.
    • Gateway 서버: 서로 다른 프로토콜을 쓰는 네트워크 사이에서 상위 계층 프로토콜을 변환해 연결합니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    27[웹디자인개발기능사 필기] 12년 1회차
    E-Mail 송신 시에 사용되는 프로토콜은?
    1
    SMTP
    2
    SNMP
    3
    UDP
    4
    MIME
    해설

    E-Mail 송신 시 사용하는 프로토콜은 SMTP이다.

    SMTP는 메일 서버로 메일을 보내는 표준 프로토콜이다.

    • SNMP는 네트워크 장비 관리 프로토콜이다.
    • UDP는 비연결형 전송 계층 프로토콜로 메일 송신 전용이 아니다.
    • MIME은 첨부 파일 등 메일 내용의 형식을 확장하는 규격이며 송신 프로토콜이 아니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    28[웹디자인개발기능사 필기] 12년 1회차
    자바 스크립트에 관한 설명으로 틀린 것은?
    1
    웹서버에 주는 부담이 적다.
    2
    소스코드를 감출 수 없다.
    3
    컴파일 방식의 언어이다.
    4
    운영체제의 제약을 받지 않는다.
    해설

    자바스크립트 설명으로 틀린 것은 컴파일 방식의 언어라는 것이다.

    자바스크립트는 브라우저가 소스를 한 줄씩 해석해 실행하는 인터프리터 방식이다.

    • 클라이언트에서 실행되므로 웹서버의 부담이 적다.
    • 소스가 브라우저로 그대로 전달되므로 소스코드를 감출 수 없다.
    • 브라우저 위에서 실행되므로 운영체제의 제약을 받지 않는다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    29[웹디자인개발기능사 필기] 12년 1회차
    TCP/IP 프로토콜의 4계층에 해당하지 않는 것은?
    1
    응용계층
    2
    전송계층
    3
    네트워크계층
    4
    물리계층
    해설

    TCP/IP 4계층에 해당하지 않는 것은 물리계층이다.

    TCP/IP는 응용, 전송, 인터넷(네트워크), 네트워크 접속의 4계층이며 물리계층은 OSI 7계층 모델의 계층이다.

    • 응용계층은 TCP/IP 4계층에 속한다.
    • 전송계층은 TCP/IP 4계층에 속한다.
    • 네트워크계층은 TCP/IP의 인터넷 계층으로 4계층에 속한다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    30[웹디자인개발기능사 필기] 12년 1회차
    검색 사이트 중 기존의 메타 태그에만 의존하지 않고 페이지 랭크 기법을 이용하여 웹페이지의 순위를 정하는 검색사이트는?
    1
    구글
    2
    야후
    3
    알타비스타
    4
    라이코스
    해설

    페이지 랭크 기법으로 웹페이지 순위를 정하는 검색 사이트는 구글이다.

    구글은 다른 페이지에서 링크를 많이 받는 정도로 중요도를 평가해 메타 태그에만 의존하지 않는다.

    • 야후는 초기에 사람이 분류한 디렉터리 방식으로 알려졌다.
    • 알타비스타는 로봇이 수집한 문서를 키워드로 찾는 방식으로 알려졌다.
    • 라이코스는 로봇 수집 기반의 키워드 검색 방식으로 알려졌다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    31[웹디자인개발기능사 필기] 12년 1회차
    웹 인덱스 검색 방식(키워드 검색 방식)에 대한 설명으로 옳은 것은?
    1
    사람이 직접 문서를 수집하고 관리한다.
    2
    검색 결과로 얻는 웹 문서의 수가 비교적 적다.
    3
    나열된 분류 항목 중 하나의 항목을 선택하여 검색하는 방법이다.
    4
    로봇(robot) 프로그램이 주기적으로 인터넷상의 정보를 검색한다.
    해설

    웹 인덱스(키워드) 검색 방식은 로봇 프로그램이 주기적으로 인터넷 정보를 검색한다.

    로봇이 웹 문서를 자동 수집·색인하고 사용자는 키워드를 입력해 찾는다.

    • 사람이 직접 문서를 수집·관리하는 것은 디렉터리 방식이다.
    • 검색 결과가 적은 것은 디렉터리 방식의 특징이며 인덱스 방식은 결과가 많다.
    • 분류 항목을 선택해 검색하는 것은 디렉터리 방식이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    32[웹디자인개발기능사 필기] 12년 1회차
    HTML의 <table> 태그 중 테이블의 테두리 두께를 지정하는 속성은?
    1
    border
    2
    celpadding
    3
    width
    4
    spacing
    해설
    등록된 해설이 없습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    33[웹디자인개발기능사 필기] 12년 1회차
    인터넷에서 음성 및 동영상, 애니메이션 등의 콘텐츠를 실시간으로 다운로드하여 실행 가능하도록 하는 기술은?
    1
    Streaming 기술
    2
    Water Mark 기술
    3
    DRM 기술
    4
    Compression 기술
    해설

    실시간으로 내려받으며 재생하게 하는 기술은 Streaming이다.

    스트리밍은 전체를 받기 전에 받는 대로 재생해 음성·동영상 서비스에 쓰인다.

    • Water Mark는 저작권 표시를 삽입하는 기술이다.
    • DRM은 디지털 콘텐츠의 저작권을 관리하는 기술이다.
    • Compression은 데이터 용량을 줄이는 압축 기술이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    34[웹디자인개발기능사 필기] 12년 1회차
    다음이 설명하고 있는 프로그램 언어는?
    문제 이미지
    1
    HTML
    2
    C언어
    3
    Pacal
    4
    FORTRAN
    해설

    그림은 웹의 하이퍼미디어 문서를 작성·표현하는 표준 언어로, 문서(Document)와 태그(Tag)로 구성된다고 설명하므로 HTML입니다.

    HTML 은 <body>, <a> 같은 태그로 문서 구조와 링크를 표시하는 마크업 언어입니다.

    • C언어: 운영체제·응용 프로그램 개발에 쓰는 범용 프로그래밍 언어로, 태그로 웹 문서를 구성하지 않습니다.
    • Pascal(보기 표기 'Pacal'): 니클라우스 비르트가 만든 교육용 절차형 프로그래밍 언어입니다.
    • FORTRAN: 과학·공학 수치 계산용으로 개발된 프로그래밍 언어입니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    35[웹디자인개발기능사 필기] 12년 1회차
    웹 페이지에서의 저작에 대한 설명으로 가장 옳은 것은?
    1
    각각의 모노미디어를 통합하는 과정이다.
    2
    그래픽 이미지에 필터 효과를 주는 과정이다.
    3
    사운드를 편집하는 과정이다.
    4
    영상 자료에 다양한 효과를 주는 과정이다.
    해설

    웹 페이지에서의 저작(authoring)은 문자·이미지·소리·영상 같은 각각의 모노미디어를 하나로 통합하는 과정이다.

    저작 도구는 따로 만든 미디어 요소를 한 페이지 안에 배치하고 연결해 멀티미디어 결과물로 엮는다.

    • 그래픽 이미지에 필터 효과를 주는 일은 이미지 한 종류만 다루는 편집 작업이며 통합 과정이 아니다.
    • 사운드를 편집하는 일은 오디오 한 종류만 다루는 편집 작업이다.
    • 영상 자료에 효과를 주는 일은 동영상 한 종류만 다루는 편집 작업이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    36[웹디자인개발기능사 필기] 12년 1회차
    자바 스크립트 내에서 사용되는 String 객체에 대한 설명으로 틀린 것은?
    1
    replace() - 임의의 문자열에서 지정한 문자를 다른 문자로 변경한다.
    2
    match() - 임의의 문자열에서 지정한 문자가 나타나는 첫 번째 위치 값을 반환한다.
    3
    split() - 임의의 문자열을 지정한 문자열이 나타나는 위치들을 나누어 두 개 이상의 문자열 배열로 만들어 반환한다.
    4
    toUpperCase() - 문자열에 존재하는 대문자를 모두 소문자로 변환하여 반환한다.
    해설
    등록된 해설이 없습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    37[웹디자인개발기능사 필기] 12년 1회차
    HTML 4.0 이전의 웹 표준 언어에서는 제공하지 못하였지만 HTML 4.0부터 새롭게 제공하는 기능은?
    1
    이미지 삽입 지원
    2
    CSS를 이용한 레이아웃 조절
    3
    애플릿 사용 지원
    4
    첨자 표현 지원
    해설

    HTML 4.0에서 새로 제공된 기능은 CSS를 이용한 레이아웃 조절이다.

    HTML 4.0 은 스타일시트(CSS)를 도입해 문서의 구조와 표현을 분리했고, 이로써 글꼴·여백·배치를 스타일로 제어하게 되었다.

    • 이미지 삽입은 이미 이전 HTML 버전부터 img 태그로 지원되던 기능이다.
    • 애플릿 사용 지원은 HTML 4.0 이전의 3.2 버전에서 이미 제공되었다.
    • 첨자 표현(위첨자·아래첨자)도 HTML 4.0 이전 버전에서 이미 제공되었다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    38[웹디자인개발기능사 필기] 12년 1회차
    HTML을 자동으로 생성해 주는 웹에디터 프로그램으로 거리가 먼 것은?
    1
    나모(Namo)
    2
    드림위버(DreamWeaver)
    3
    프리미어(Premiere)
    4
    프론트페이지(FrontPage)
    해설

    HTML을 자동으로 생성해 주는 웹에디터와 거리가 먼 것은 프리미어(Premiere)이다.

    프리미어는 웹 문서가 아니라 동영상을 편집하는 프로그램이다.

    • 나모(Namo)는 화면에서 편집하면 HTML 코드를 만들어 주는 웹에디터이다.
    • 드림위버(DreamWeaver)는 HTML 코드를 자동 생성하는 대표적인 웹에디터이다.
    • 프론트페이지(FrontPage)는 HTML 문서를 시각적으로 편집하는 웹에디터이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    39[웹디자인개발기능사 필기] 12년 1회차
    네트워크 구성요소 중 시스템을 네트워크에 물리적으로 연결하는 확장카드나 기타 장치는?
    1
    클라이언트 S/W
    2
    네트워크어댑터
    3
    프로토콜
    4
    서비스 S./W
    해설

    시스템을 네트워크에 물리적으로 연결하는 확장카드나 장치는 네트워크 어댑터(랜카드)이다.

    네트워크 어댑터는 컴퓨터를 전송 매체에 물리적으로 접속시키는 하드웨어이다.

    • 클라이언트 소프트웨어는 서비스를 요청하는 프로그램이며 물리적 장치가 아니다.
    • 프로토콜은 통신을 위한 규약(약속)이지 장치가 아니다.
    • 서비스 소프트웨어는 서비스를 제공하는 프로그램이며 물리적 장치가 아니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    40[웹디자인개발기능사 필기] 12년 1회차
    "Mosaic"이 등장한 이후의 인터넷 서비스의 변화에 해당하는 것은?
    1
    ARPANet 시작
    2
    Archie 시작
    3
    전자상거래 시작
    4
    Gopher
    해설

    Mosaic 등장 이후의 변화에 해당하는 것은 전자상거래 시작이다.

    Mosaic 은 그래픽 인터페이스를 갖춘 웹 브라우저로, 웹이 대중화되면서 상업적 이용이 본격화되었다.

    • ARPANet 은 인터넷의 모체로 Mosaic 보다 훨씬 이전에 시작되었다.
    • Archie 는 FTP 파일 검색 서비스로 웹 등장 이전의 서비스이다.
    • Gopher 는 웹이 퍼지기 전에 쓰이던 메뉴 기반 정보 검색 서비스이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    41[웹디자인개발기능사 필기] 12년 1회차
    웹용으로 이미지를 디자인할 때 고려해야 할 사항으로 거리가 먼 것은?
    1
    파일 크기
    2
    이미지의 색상
    3
    파일 포맷 형식
    4
    인쇄 설정
    해설

    웹용 이미지 디자인에서 고려할 사항과 거리가 먼 것은 인쇄 설정이다.

    웹 이미지는 화면으로 전송·표시되므로 용량·색상·포맷이 중요하고 인쇄용 설정은 목적에 맞지 않는다.

    • 파일 크기는 다운로드 속도에 직접 영향을 주므로 반드시 고려해야 한다.
    • 이미지의 색상은 모니터 표시와 웹 안전색 등을 고려해야 하는 사항이다.
    • 파일 포맷 형식은 GIF·JPEG·PNG 처럼 용도에 맞게 선택해야 하는 사항이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    42[웹디자인개발기능사 필기] 12년 1회차
    다음이 설명하고 있는 것은?
    문제 이미지
    1
    셀 애니메이션
    2
    클래이 애니메이션
    3
    컷 아웃 애니메이션
    4
    스크래치 애니메이션
    해설

    그림은 페이퍼 애니메이션이 배경 이미지를 활용하지 못하는 단점을 보완하려고 1914년 얼 허드가 고안한 기법이라 하므로 셀 애니메이션입니다.

    셀 애니메이션은 배경과 움직이는 그림(동화)을 분리해, 투명한 셀에 동화만 그려 고정된 배경 위에 겹쳐 촬영합니다.

    • 클래이 애니메이션: 점토 인형을 조금씩 움직이며 프레임 단위로 찍는 입체 스톱모션입니다.
    • 컷 아웃 애니메이션: 오린 종이 조각을 평면 위에서 움직이며 촬영하는 기법입니다.
    • 스크래치 애니메이션: 필름 표면을 직접 긁어 이미지를 만드는 기법입니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    43[웹디자인개발기능사 필기] 12년 1회차
    웹 사용성(Web Usability에 대한 원칙으로 부적절한 것은?
    1
    내용과 기능을 단순화
    2
    일관성 있는 디자인 유지
    3
    개발자 편의를 위한 사이트 구성
    4
    정보의 우선순위 고려
    해설

    웹 사용성 원칙으로 부적절한 것은 개발자 편의를 위한 사이트 구성이다.

    사용성은 사용자 중심으로 쉽고 효율적으로 이용하게 하는 것이므로 개발자 편의를 기준으로 삼으면 안 된다.

    • 내용과 기능을 단순화하는 것은 사용자가 쉽게 이용하게 하는 원칙이다.
    • 일관성 있는 디자인 유지는 학습 부담을 줄이는 원칙이다.
    • 정보의 우선순위 고려는 중요한 정보를 먼저 찾게 하는 원칙이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    44[웹디자인개발기능사 필기] 12년 1회차
    해상도에 대한 설명으로 잘못된 것은?
    1
    그래픽 작업은 반드시 목적에 맞는 해상도로 작업해야 한다.
    2
    출력용으로 제작할 때는 최소 200dpi 이상의 해상도로 작업하는 것을 권장한다.
    3
    화면의 해상도는 72dpi 이상이면 확대되어 보이고, 이하면 축소되어 보인다.
    4
    웹용 이미지를 사용하려면 해상도를 72dpi 보다 크게 설정하는 것이 좋다.
    해설
    등록된 해설이 없습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    45[웹디자인개발기능사 필기] 12년 1회차
    컴퓨터 그래픽스 시스템의 입력장치로 옳지 않은 것은?
    1
    디지타이저(Digitizer)
    2
    조이스틱(Joy Stick)
    3
    스캐너(Scanner)
    4
    프린터(Printer)
    해설

    컴퓨터 그래픽스 시스템의 입력장치가 아닌 것은 프린터이다.

    프린터는 처리 결과를 종이로 내보내는 출력장치이다.

    • 디지타이저는 좌표를 읽어 입력하는 입력장치이다.
    • 조이스틱은 방향 조작을 입력하는 입력장치이다.
    • 스캐너는 이미지를 읽어 들여 디지털 데이터로 입력하는 입력장치이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    46[웹디자인개발기능사 필기] 12년 1회차
    다음 웹 디자인 과정을 올바르게 나열한 것은?
    문제 이미지
    1
    ⓑ-ⓐ-ⓓ-ⓔ-ⓒ
    2
    ⓑ-ⓓ-ⓐ-ⓔ-ⓒ
    3
    ⓑ-ⓔ-ⓐ-ⓓ-ⓒ
    4
    ⓑ-ⓐ-ⓓ-ⓒ-ⓔ
    해설

    웹 디자인은 주제 결정(ⓑ) → 스토리보드 제작(ⓔ) → 그림·동영상·소리파일 제작(ⓐ) → 웹에디터로 작성(ⓓ) → 웹사이트에 업로드(ⓒ) 순서이므로 ⓑ-ⓔ-ⓐ-ⓓ-ⓒ 입니다.

    스토리보드는 화면 단위로 구성 요소와 내용을 정리한 설계 문서라서, 소재 제작과 페이지 작성보다 먼저 만들어야 그 설계에 맞춰 제작할 수 있습니다.

    • ⓑ-ⓐ-ⓓ-ⓔ-ⓒ: 소재 제작과 페이지 작성을 마친 뒤에 스토리보드를 만들어 설계와 제작 순서가 뒤바뀌었습니다.
    • ⓑ-ⓓ-ⓐ-ⓔ-ⓒ: 역시 스토리보드가 웹에디터 작성과 소재 제작 뒤에 놓였습니다.
    • ⓑ-ⓐ-ⓓ-ⓒ-ⓔ: 업로드까지 끝낸 뒤 스토리보드를 만드는 순서라 설계 단계가 맨 끝에 왔습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    47[웹디자인개발기능사 필기] 12년 1회차
    웹페이지 요소에 대한 설명으로 옳지 않은 것은?
    1
    내비게이션 : 페이지를 연계하여 이동하고 연결하는 하이퍼미디어 시스템의 링크구조
    2
    로고 : 사용성 측면에서 내비게이션과 사용자 구조에 대한 이해를 돕기 위해 사용하는 이미지
    3
    배너 : 텍스트, 이미지, 동영상 등의 조합으로 광고나 홍보용으로 사용
    4
    컬러 : 웹사이트의 성격, 주 타켓층, 표현하고자 하는 콘텐츠에 따라 달라진다.
    해설

    웹페이지 요소 설명 중 옳지 않은 것은 로고에 대한 설명이다.

    로고는 사이트나 기업의 정체성을 나타내는 상징이며, 내비게이션과 구조 이해를 돕는 역할은 내비게이션의 몫이다.

    • 내비게이션은 페이지를 연결하고 이동시키는 링크 구조라는 설명이 맞다.
    • 배너는 텍스트·이미지·동영상을 조합해 광고·홍보에 쓴다는 설명이 맞다.
    • 컬러는 사이트 성격·타깃·콘텐츠에 따라 달라진다는 설명이 맞다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    48[웹디자인개발기능사 필기] 12년 1회차
    다음 설명에 적합한 3D 형상 모델링은?
    문제 이미지
    1
    와이어 프레임 모델링(Wire Frame Modeling)
    2
    표면 모델링(Surface Modeling)
    3
    솔리드 모델링(Solid Modeling)
    4
    매개변수 모델링(Parametric Modeling)
    해설

    물체를 구성하는 모든 면에 대한 정점과 연결선의 좌표값으로 면을 표현하고, 은폐선·은폐면 제거를 통해 사실감과 자유곡면 표현이 가능하며, 모든 면에 대한 데이터를 입력해야 하므로 데이터량이 많아지는 것은 표면(Surface) 모델링의 특징이다. 와이어 프레임은 점과 선만으로 표현해 면의 개념이 없고, 솔리드 모델링은 내부까지 포함한 완전한 형상 정보를 가지며, 매개변수 모델링은 치수 변수로 형상을 제어하는 방식이라 해당하지 않는다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    49[웹디자인개발기능사 필기] 12년 1회차
    다음은 무엇에 대한 설명인가?
    문제 이미지
    1
    레이아웃
    2
    내비게이션
    3
    스토리보드
    4
    동영상
    해설

    그림은 웹사이트의 전체 구조·화면 구성·콘텐츠 정보를 작성하고, 화면 단위로 들어갈 구성 요소와 구체적 내용을 정리한다고 설명하므로 스토리보드입니다.

    스토리보드는 제작에 들어가기 전 각 화면의 배치·내용·연결을 적어 두는 설계 문서입니다.

    • 레이아웃: 한 화면 안에서 글·이미지 등 요소를 배치하는 구성 자체를 말합니다.
    • 내비게이션: 사용자가 페이지 사이를 이동하도록 돕는 메뉴·링크 체계입니다.
    • 동영상: 움직이는 영상 매체로, 사이트 설계 문서가 아닙니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    50[웹디자인개발기능사 필기] 12년 1회차
    애니메이션 도구인 플래시(Flash)가 가지고 있는 특징이 아닌 것은?
    1
    파일 크기가 비교적 작으면서 좋은 품질의 무비를 만들어 준다.
    2
    비트맵 형식이기 때문에 고품질의 이미지 제작이 가능하다.
    3
    사운드 및 다양한 파일 포맷을 지원한다.
    4
    웹브라우저에서 자체적으로 플래시 무비가 실행된다.
    해설

    플래시(Flash)는 벡터 기반 그래픽 도구로서 작은 파일 크기로 확장성 있는 고품질 콘텐츠를 제작할 수 있으며, 사운드와 다양한 파일 포맷을 지원하고 웹브라우저의 플러그인을 통해 직접 실행되는 특징을 가진다. 보기 2번의 "비트맵 형식"은 플래시의 기본 특성과 정반대로, 플래시가 래스터 기반이 아닌 벡터 기반이기 때문에 고품질 이미지 제작이 가능한 것이며, 따라서 플래시의 특징이 아닌 오류이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    51[웹디자인개발기능사 필기] 12년 1회차
    3차원 대상물 표면에 2차원의 이미지를 입히는 과정을 무엇이라고 하는가?
    1
    쉐이딩(Shading)
    2
    안티 앨리아싱(Anti Aliasing)
    3
    텍스처 매핑(Texture Mapping)
    4
    필터링(Filtering)
    해설

    3차원 대상물 표면에 2차원 이미지를 입히는 과정은 텍스처 매핑이다.

    텍스처 매핑은 질감이나 무늬가 담긴 2차원 이미지를 3차원 물체 표면에 덧씌워 사실감을 높이는 기법이다.

    • 쉐이딩은 빛에 따른 명암을 계산해 표면을 입체감 있게 표현하는 처리이다.
    • 안티 앨리어싱은 경계의 계단 현상을 완화하는 처리이다.
    • 필터링은 이미지 화소 값을 걸러 흐림·선명 같은 보정을 하는 처리이며 표면에 이미지를 입히는 과정이 아니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    52[웹디자인개발기능사 필기] 12년 1회차
    그래픽 툴(Tool)인 포토샵의 전용 이미지 파일 포맷은?
    1
    PXR
    2
    TIFF
    3
    PCT
    4
    PSD
    해설

    포토샵의 전용 이미지 파일 포맷은 PSD이다.

    PSD 는 포토샵이 레이어·채널 정보까지 보존해 저장하는 고유 포맷이다.

    • PXR 은 픽사(Pixar) 계열의 이미지 포맷이다.
    • TIFF 는 특정 프로그램 전용이 아니라 출판·DTP 에서 두루 쓰는 범용 포맷이다.
    • PCT 는 매킨토시의 PICT 계열 포맷이다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    53[웹디자인개발기능사 필기] 12년 1회차
    일반적으로 포토샵에서 할 수 있는 작업이 아닌 것은?
    1
    사진 수정 작업
    2
    이미지 효과
    3
    컬러 수정/처리
    4
    심벌, 마크 작업
    해설

    포토샵에서 할 수 있는 작업이 아닌 것은 심벌, 마크 작업이다.

    포토샵은 비트맵 이미지 편집 프로그램이라 확대해도 선명한 로고·심벌 제작은 벡터 프로그램의 영역이다.

    • 사진 수정 작업은 포토샵의 대표적인 기능이다.
    • 이미지 효과는 필터와 레이어 효과로 포토샵에서 수행한다.
    • 컬러 수정·처리는 색조·채도 보정 등으로 포토샵에서 수행한다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    54[웹디자인개발기능사 필기] 12년 1회차
    플래시(Flash)를 이용한 웹 그래픽 저작의 특징이 아닌 것은?
    1
    애니메이션의 처음과 끝을 제작하면 중간단계를 자동으로 생성할 수 있다.
    2
    실사와 동일한 애니메이션을 얻을 수 있다.
    3
    애니메이션과 사운드가 통합된 결과물을 얻을 수 있다.
    4
    사용자의 동작에 반응하는 효과를 낼 수 있다.
    해설

    플래시 웹 그래픽의 특징이 아닌 것은 실사와 동일한 애니메이션을 얻을 수 있다는 설명이다.

    플래시는 벡터 기반이라 단순한 도형·일러스트 표현에 강하고, 사진 같은 실사 표현은 특징이 아니다.

    • 처음과 끝 프레임만 만들면 중간 단계를 자동 생성하는 것은 트위닝 기능이다.
    • 애니메이션과 사운드를 통합한 결과물을 만들 수 있다.
    • 버튼 등으로 사용자의 동작에 반응하는 효과를 낼 수 있다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    55[웹디자인개발기능사 필기] 12년 1회차
    타이포그래피에 대한 설명으로 틀린 것은?
    1
    글자를 재료로 하는 디자인을 말한다.
    2
    글자의 의미 전달만을 목적으로 하고 있다.
    3
    커뮤니케이션 시각디자인의 요체로서 다양한 디자인 행위를 모두 포괄하는 개념으로 확대되었다.
    4
    무빙 타입인 움직이는 타이포그래피로 의미가 확대되었다.
    해설

    타이포그래피 설명으로 틀린 것은 글자의 의미 전달만을 목적으로 한다는 설명이다.

    타이포그래피는 의미 전달뿐 아니라 글자의 조형적·시각적 표현까지 포괄하는 개념이다.

    • 글자를 재료로 하는 디자인이라는 설명은 맞다.
    • 커뮤니케이션 시각디자인의 요체로 다양한 디자인 행위를 포괄하게 되었다는 설명은 맞다.
    • 움직이는 타이포그래피(무빙 타입)로 의미가 확대되었다는 설명은 맞다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    56[웹디자인개발기능사 필기] 12년 1회차
    컴퓨터그래픽스의 역사 중 1960년대에 등장한 출력장치는?
    1
    래스터 스캔형 CRT
    2
    리플레시형 CRT
    3
    X-Y 플로터
    4
    스토레이지형 CRT
    해설
    등록된 해설이 없습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    57[웹디자인개발기능사 필기] 12년 1회차
    다음 중 이미지의 표현방식인 벡터방식과 비트맵방식에 대한 설명으로 틀린 것은?
    1
    벡터방식은 점과 점을 연결하여 그린 선과 곡선으로 구성되어 있는 방식이다.
    2
    벡터방식은 도형을 확대, 축소, 회전, 이동 등의 경우에도 그림의 질을 그대로 유지할 수 있다.
    3
    비트맵방식은 작은 점인 픽셀의 집합으로 바둑판 격자와 같은 모양으로 배열되어 있는 방식을 말한다.
    4
    비트맵방식은 벡터방식보다 적은 디스크 공간을 소모한다.
    해설

    벡터·비트맵 설명으로 틀린 것은 비트맵이 벡터보다 적은 디스크 공간을 소모한다는 설명이다.

    비트맵은 모든 픽셀의 정보를 저장하므로 일반적으로 벡터보다 용량이 크다.

    • 벡터는 점과 점을 연결한 선·곡선으로 구성된다는 설명은 맞다.
    • 벡터는 확대·축소·회전·이동해도 화질이 유지된다는 설명은 맞다.
    • 비트맵은 픽셀이 바둑판 격자로 배열된 방식이라는 설명은 맞다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    58[웹디자인개발기능사 필기] 12년 1회차
    웹디자인 프로세스 중 프로젝트 기획 단계에 속하지 않는 것은?
    1
    웹디자인 구축할 웹 기획자, 웹 디자이너, 웹 프로그래머 등의 제작팀을 구성한다.
    2
    웹사이트의 내용과 관련된 자료를 수집하고 분석하여 아이디어를 도출한다.
    3
    서비스 목적과 사용자 계층을 고려하여 디자인 컨셉(concept)과 콘텐츠의 내용을 정의한다.
    4
    사용자를 분석하고 개발 전략 및 홍보 전략을 세운다.
    해설
    등록된 해설이 없습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    59[웹디자인개발기능사 필기] 12년 1회차
    비트맵 이미지에서 히스토그램(Histogram)에 대한 설명으로 적절한 것은?
    1
    이미지의 컬러정보를 X, Y 조표에 표시한 것을 말한다.
    2
    이미지의 명암 값 프로필(profile)을 보여주기 위해 사용된다.
    3
    색을 다른 색으로 변환하기 위해 사용된다.
    4
    색상 값이 비슷한 영역을 한꺼번에 선택하는 것을 의미한다.
    해설
    등록된 해설이 없습니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    60[웹디자인개발기능사 필기] 12년 1회차
    다음이 설명하고 있는 인터페이스 방식은?
    문제 이미지
    1
    CRT
    2
    GUI
    3
    PDA
    4
    GPU
    해설

    그림은 화면의 메뉴와 아이콘을 선택해 바로 실행하도록 해 사용자 편의성을 추구하는 인터페이스라 하므로 GUI(그래픽 사용자 인터페이스)입니다.

    GUI 는 명령어를 입력하는 대신 아이콘·창·메뉴를 마우스 등으로 골라 조작하는 방식입니다.

    • CRT: 음극선관을 이용한 디스플레이 장치입니다.
    • PDA: 일정·주소록 관리 등에 쓰는 휴대용 개인 정보 단말기입니다.
    • GPU: 그래픽 연산을 처리하는 처리 장치입니다.

    오류나 개정된 내용이 보이면 알려주세요

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.

[웹디자인개발기능사 필기] 12년 1회차 시험지 PDF 다운로드·인쇄 →

[웹디자인개발기능사 필기] 12년 1회차 정답과 해설은 무료인가요?

이 페이지의 60문항 정답과 해설은 로그인 없이 무료로 볼 수 있습니다. 무제한 풀이·실전 모의고사·PDF 출력·전자책 다운로드는 베이직 플랜에 포함됩니다.

이 회차를 CBT 로 직접 풀어볼 수 있나요?

웹디자인개발기능사 필기 기출문제 암기장에서 이 회차를 회차별·랜덤으로 풀고 오답노트에 자동으로 모을 수 있습니다. 웹디자인개발기능사 필기 기출문제 풀러 가기 →

시험지 PDF 나 전자책으로도 볼 수 있나요?

이 회차의 인쇄용 시험지 PDF 페이지에서 시험지를 받을 수 있습니다. 시험지 PDF 받기 →

[웹디자인개발기능사 필기] 12년 1회차 문항별 상세 페이지 전체 보기