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

[웹디자인개발기능사 필기] 15년 2회차
    1[웹디자인개발기능사 필기] 15년 2회차
    일반적으로 환경 디자인의 종류에 해당하는 것은?
    1
    가전제품 디자인
    2
    스트리트 퍼니처 디자인
    3
    기업이미지 디자인
    4
    캘린더 디자인
    해설

    환경 디자인은 공공 공간의 물리적 환경을 설계하는 분야로, 도시·건축·조경 등 대규모 공간에 배치되는 요소들을 다룬다. 스트리트 퍼니처(street furniture)는 보도·광장·공원 등 공공 공간에 설치되는 벤치, 쓰레기통, 가로등, 전화박스 등의 시설물을 말하므로 환경 디자인의 대표적 예이다. 가전제품 디자인은 산업 디자인, 기업이미지 디자인은 그래픽 디자인, 캘린더 디자인은 편집 디자인에 해당하므로 환경 디자인의 범주에 포함되지 않는다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    2[웹디자인개발기능사 필기] 15년 2회차
    디자인의 원리에서 율동에 해당되는 것은?
    1
    유사, 대비
    2
    대칭, 비례
    3
    통일, 변화
    4
    점이, 반복
    해설

    율동(리듬)에 해당하는 것은 점이와 반복이다.

    리듬은 같은 요소를 되풀이하거나 단계적으로 변해 가게 해 시각적 움직임을 만드는 원리로, 반복·점이(점층)·방사 등이 있다.

    • 유사·대비는 조화를 이루는 방식이다.
    • 대칭·비례는 시각적 안정을 이루는 균형과 관련된 원리다.
    • 통일·변화는 전체 구성의 질서와 다양성을 다루는 별개의 원리다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    3[웹디자인개발기능사 필기] 15년 2회차
    불투명한 물체가 빛을 반사시킴으로써 나타나는 물체의 색을 의미하는 것은?
    1
    광원색
    2
    조명색
    3
    경영색
    4
    표면색
    해설

    불투명한 물체의 표면에서 빛이 반사되어 보이는 색은 표면색이다.

    우리가 일상에서 보는 사물의 색 대부분이 표면색으로, 물체가 일부 파장을 흡수하고 나머지를 반사해 그 반사광의 색으로 지각된다.

    • 광원색은 태양·전등처럼 빛을 내는 광원 자체의 색이다.
    • 조명색은 광원에서 나온 빛이 비추는 조명광의 색이다.
    • 경영색은 거울처럼 매끈한 면에 비쳐 보이는 물체의 색(거울색)이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    4[웹디자인개발기능사 필기] 15년 2회차
    부분과 부분 또는 부분과 전체 사이에 안정되어 관련성을 지니며 서로 함께 속해있는 것처럼 보이는 디자인 원리는?
    1
    비례
    2
    조화
    3
    균형
    4
    강조
    해설

    부분과 부분, 부분과 전체가 서로 어울려 속한 것처럼 보이게 하는 원리는 조화다.

    조화는 요소들이 유사 또는 대비로 관련성을 가지며 전체가 안정되게 어울리는 상태를 말한다.

    • 비례는 부분과 전체의 크기 관계(황금비 등)를 다룬다.
    • 균형은 대칭·비례·주도와 종속으로 이루는 시각적 안정이다.
    • 강조는 특정 요소로 시선을 집중시키는 원리다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    5[웹디자인개발기능사 필기] 15년 2회차
    다음과 같은 형상이 나타내는 디자인 원리는?
    문제 이미지
    1
    조화
    2
    강조
    3
    율동
    4
    비대칭
    해설

    크기가 다른 두 원이 받침점 위치로 균형을 이룬 그림이 나타내는 원리는 비대칭 균형입니다.

    그림에서 받침대(삼각형)는 막대의 오른쪽으로 치우쳐 있고, 받침점 가까이에 큰 원, 먼 왼쪽 끝에 작은 원이 놓여 막대가 수평을 이룹니다. 좌우 형태가 같지 않아도 시각적 무게와 거리를 조절해 안정을 얻는 것이 비대칭(비정형) 균형입니다.

    • 조화: 둘 이상의 요소가 서로 어울려 통일된 미적 효과를 내는 원리입니다. 그림은 받침점과 막대로 무게의 평형을 보여 주는 균형의 도식입니다.
    • 강조: 특정 부분을 두드러지게 해 시선을 모으는 원리입니다. 그림은 한쪽을 돋보이게 하는 것이 아니라 크기와 거리를 달리한 양쪽이 수평을 이루는 모습입니다.
    • 율동: 반복·점이 등으로 연속적 흐름을 만드는 원리인데, 그림에는 반복되는 요소가 없습니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    6[웹디자인개발기능사 필기] 15년 2회차
    다음 설명에 해당하는 용어로 가장 적당한 것은?
    문제 이미지
    1
    CIP
    2
    POP
    3
    Logo
    4
    Symbol
    해설

    기업의 이념 구축에 필요한 이미지와 커뮤니케이션 시스템을 계획적으로 만드는 기업 이미지 통합 전략은 CIP(Corporate Identity Program)입니다.

    CIP 는 심벌마크·로고타입·전용 서체·전용 색상 같은 기본 요소와, 이를 서식류·포장·유니폼·간판 등에 적용하는 응용 요소로 기업 이미지를 하나로 통일합니다.

    • POP: 매장 안 판매 시점에 소비자의 구매를 유도하는 구매 시점 광고입니다.
    • Logo: 기업·상품을 나타내는 표장(주로 이름을 문자로 디자인한 로고타입)으로, CIP 를 이루는 요소 하나입니다.
    • Symbol: 기업을 상징하는 도형(심벌마크)으로, 역시 CIP 의 한 요소일 뿐 전략 전체가 아닙니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    7[웹디자인개발기능사 필기] 15년 2회차
    지루함을 잊게 해 줄 수 있는 대기실이나 병원 실내의 벽에 대한 배색 계통으로 가장 적당한 것은?
    1
    난색
    2
    한색
    3
    중성색
    4
    무채색
    해설

    지루함을 덜어야 하는 대기실·병원 벽에는 한색 계통이 알맞다.

    색은 시간 감각에도 영향을 준다. 한색 계통은 시간이 짧게 느껴지게 하고 마음을 가라앉히는 진정 효과가 있어, 오래 기다려야 하는 공간에 쓰면 기다림이 덜 지루하게 느껴진다.

    • 난색은 흥분감을 주고 시간을 길게 느끼게 하므로 기다리는 공간에는 맞지 않는다.
    • 중성색은 따뜻하지도 차갑지도 않은 색이라 시간 감각을 줄이는 효과를 기대하기 어렵다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    8[웹디자인개발기능사 필기] 15년 2회차
    다음 중 사회 변화에 따른 디자인의 변화에 대한 설명으로 맞는 것은?
    1
    농경 사회 : 의식주, 생존개념, 생활 수공예
    2
    정보화 사회 : 공업의 발달 및 빛의 개념, 디자인 성장
    3
    산업 사회 : 기술의 첨단화, 즐기는 개념, 디자인 성숙
    4
    후기 산업사회 : 대량생산, 성장개념, 디자인 태동
    해설

    농경 사회에 맞는 설명은 의식주·생존 개념·생활 수공예다.

    농경 사회에서는 생존에 필요한 생활용품을 손으로 만드는 수공예가 중심이었고, 기계에 의한 대량생산과 함께 전문 분야로서의 디자인이 생겨난 것은 산업 사회에 들어서다.

    • 정보화 사회에 공업의 발달을 붙인 설명은 공업 발달이 산업 사회의 특징이라 맞지 않는다.
    • 산업 사회에 기술의 첨단화·디자인 성숙을 붙인 설명은 디자인이 막 자리 잡던 산업 사회의 모습과 맞지 않는다.
    • 후기 산업사회에 대량생산·디자인 태동을 붙인 설명은 대량생산과 디자인 태동이 산업 사회의 특징이라 맞지 않는다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    9[웹디자인개발기능사 필기] 15년 2회차
    다음과 같이 선명한 빨강 바탕에 주황색을 놓았을 때와 회색 바탕에 주황색을 놓았을 때의 설명으로 옳은 것은?
    문제 이미지
    1
    빨강 바탕의 주황색이 채도가 높아 보인다.
    2
    회색 바탕의 주황색이 채도가 높아 보인다.
    3
    두 경우 모두 채도의 변화가 없다.
    4
    두 경우 모두 채도가 높아진다.
    해설

    같은 주황색이라도 회색 바탕에 놓았을 때 채도가 더 높아 보입니다.

    그림은 '빨강' 바탕과 '회색' 바탕 가운데에 같은 '주황' 사각형을 둔 비교입니다. 이는 채도 대비로, 채도가 높은 빨강 바탕 위에서는 주황이 상대적으로 탁해 보이고, 채도가 없는 무채색 회색 바탕 위에서는 더 선명해 보입니다.

    • 빨강 바탕의 주황이 채도가 높아 보인다: 고채도 바탕은 가운데 색을 낮아 보이게 하므로 반대입니다.
    • 두 경우 모두 채도 변화가 없다: 바탕의 채도 차이 때문에 채도 대비가 일어납니다.
    • 두 경우 모두 채도가 높아진다: 빨강 바탕에서는 오히려 낮아 보입니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    10[웹디자인개발기능사 필기] 15년 2회차
    '빨강 기미의 노랑'과 같이 기본 색명에다 색상, 명도, 채도를 나타내는 수식어를 붙인 색명은?
    1
    관용색명
    2
    고유색명
    3
    일반색명
    4
    기본색명
    해설

    기본 색명에 수식어를 붙인 색명은 일반색명이다.

    일반색명은 빨강·노랑 같은 기본색명 앞에 색상·명도·채도를 나타내는 수식어(예: 빨강 기미의)를 붙여 색을 체계적으로 표현한다.

    • 기본색명은 수식어 없이 빨강·노랑 등 기본이 되는 색 이름 그 자체다.
    • 관용색명은 동식물·광물 등 사물 이름에서 딴 색 이름(예: 귤색)이다.
    • 고유색명은 전통적으로 전해 온 고유한 색 이름으로 수식어 규칙으로 만들어지지 않는다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    11[웹디자인개발기능사 필기] 15년 2회차
    균형의 가장 정형적인 구성 형식이며, 균형이 잘 잡힌 상태로 통일감을 얻기 쉬우나 딱딱한 느낌을 주는 원리는?
    1
    대칭
    2
    리듬
    3
    비례
    4
    조화
    해설

    가장 정형적인 균형이며 통일감은 쉬우나 딱딱한 느낌을 주는 것은 대칭이다.

    대칭은 중심선을 기준으로 좌우·상하가 같은 모양으로 놓여 균형이 가장 안정되지만 변화가 적어 경직되어 보인다.

    • 리듬은 반복·점이로 시각적 움직임을 주는 원리다.
    • 비례는 부분과 전체의 크기 관계를 다룬다.
    • 조화는 유사·대비로 요소 간 관련성을 만드는 원리다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    12[웹디자인개발기능사 필기] 15년 2회차
    조형 디자인에서 점, 선, 면 등이 연장, 발전 되고 밀접한 관계로 변화되는 조형디자인 요소는?
    1
    형태
    2
    색채
    3
    빛
    4
    질감
    해설

    점·선·면이 연장·발전해 이루어지는 요소는 형태다.

    점이 이동하면 선, 선이 이동하면 면, 면이 이동하면 입체적인 형태가 되며, 형태는 크기·색채·질감을 가진 모양을 가리킨다.

    • 색채는 점·선·면의 확장이 아니라 빛에 의한 시각 요소다.
    • 빛은 형태와 색을 보이게 하는 조건이며 점·선·면이 발전한 결과가 아니다.
    • 질감은 표면의 촉각적·시각적 느낌으로 별도의 요소다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    13[웹디자인개발기능사 필기] 15년 2회차
    색채조화에서 하나의 색상을 여러 단계의 명도로 배색할 때 나타나는 단계의 조화는?
    1
    색상 대비에 따른 조화
    2
    보색 대비에 따른 조화
    3
    명도에 따른 조화
    4
    주조색에 따른 조화
    해설

    하나의 색상을 여러 명도 단계로 배색하는 조화는 명도에 따른 조화다.

    같은 색상에서 밝고 어두운 단계만 달리하면 색상은 통일되고 명도 차로 변화를 주는 배색이 된다.

    • 색상 대비에 따른 조화는 서로 다른 색상의 차이를 이용한다.
    • 보색 대비는 색상환에서 마주 보는 색끼리 쓰는 배색이다.
    • 주조색에 따른 조화는 면적이 가장 큰 색을 중심으로 정하는 방식이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    14[웹디자인개발기능사 필기] 15년 2회차
    다음 중 디자인 시각요소에 대한 분류로 틀린 것은?
    1
    질감(texture)
    2
    색(color)
    3
    형(shape)
    4
    기술(technology)
    해설

    시각요소 분류로 틀린 것은 기술(technology)이다.

    디자인의 시각요소는 눈으로 지각되는 형(shape)·색(color)·질감(texture) 등이다. 기술은 눈에 보이는 조형 요소가 아니다.

    • 질감은 표면의 시각적 느낌으로 시각요소다.
    • 색은 대표적인 시각요소다.
    • 형은 눈에 비치는 모양으로 시각요소다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    15[웹디자인개발기능사 필기] 15년 2회차
    인간이 볼 수 있는 가시광선의 파장 범위는?
    1
    380nm ~ 780nm
    2
    850nm ~ 1100nm
    3
    1150nm ~ 1400nm
    4
    1450nm ~ 1650nm
    해설

    가시광선의 파장 범위는 380nm ~ 780nm다.

    이 범위의 전자기파만 사람 눈에 색으로 지각되며, 짧은 쪽은 보라, 긴 쪽은 빨강으로 보인다.

    • 850nm ~ 1100nm는 780nm보다 길어 적외선 영역이다.
    • 1150nm ~ 1400nm는 가시광선 상한을 훨씬 넘는 적외선 영역이다.
    • 1450nm ~ 1650nm도 가시광선 범위를 벗어난 영역이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    16[웹디자인개발기능사 필기] 15년 2회차
    새로운 예술이라는 뜻으로 19세기 말과 20세기 초에 걸쳐 프랑스를 중심으로 전 유럽에서 유행한 장식적인 양식은?
    1
    아르누보
    2
    아르데코
    3
    큐비즘
    4
    다다이즘
    해설

    새로운 예술이라는 뜻의 장식 양식은 아르누보다.

    아르누보는 19세기 말~20세기 초 프랑스를 중심으로 유행했으며 식물 문양과 곡선의 장식적 표현이 특징이다.

    • 아르데코는 1920~30년대에 유행한 기하학적·직선적 장식 양식이다.
    • 큐비즘은 대상을 여러 시점으로 분해해 재구성한 회화 운동이다.
    • 다다이즘은 기존 예술과 가치를 부정한 반예술 운동이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    17[웹디자인개발기능사 필기] 15년 2회차
    선(Line)에 대한 설명으로 맞는 것은?
    1
    하나의 점이 이동한 자취이다.
    2
    위치만 있고 크기가 없다.
    3
    면이 이동한 것이다.
    4
    입체의 한계 또는 교차에 의해 생긴다.
    해설

    선은 하나의 점이 이동한 자취다.

    점이 움직이면 선이 되며 선은 길이와 방향을 가진다.

    • 위치만 있고 크기가 없다는 설명은 선이 아니라 점의 정의다.
    • 면이 이동한 것은 선이 아니라 입체가 생기는 과정이다.
    • 입체의 한계 또는 교차로 생기는 것은 선이 아니라 면이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    18[웹디자인개발기능사 필기] 15년 2회차
    다음 설명에 해당하는 디자인의 조건은?
    문제 이미지
    1
    심미성
    2
    합목적성
    3
    독창성
    4
    경제성
    해설

    건축·포스터·의자·커피 잔이 각각의 목적에 맞게 쓰인다는 설명은 디자인 조건 중 합목적성입니다.

    그림의 예시는 건축은 살기 위해, 포스터는 커뮤니케이션을 위해, 의자는 앉기 위해, 커피 잔은 마시기 위해 사용된다는 것으로, 디자인이 사용 목적(실용성·효용성)에 맞아야 한다는 조건입니다.

    • 심미성: 형태·색채 등이 주는 아름다움에 관한 조건입니다.
    • 독창성: 기존과 다른 새롭고 창조적인 특성에 관한 조건입니다.
    • 경제성: 최소의 비용으로 최대의 효과를 얻는 조건입니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    19[웹디자인개발기능사 필기] 15년 2회차
    해질 무렵 정원을 바라보면 어두워짐에 따라 꽃의 빨간색은 거무스레해지고, 그것에 비해 나뭇잎의 녹색은 점차 뚜렸해짐을 볼 수 있다. 이것과 관련된 현상을 무엇이라고 하는가?
    1
    지각 향상성
    2
    푸르킨예 현상
    3
    착시 현상
    4
    게슈탈트의 지각 원리
    해설

    해질 무렵 빨강은 어두워지고 녹색은 뚜렷해지는 현상은 푸르킨예 현상이다.

    어두운 곳에서는 시각 반응이 달라져 장파장(빨강)은 어둡게, 단파장(청록 쪽)은 상대적으로 밝게 보인다.

    • 지각 항상성은 조건이 변해도 대상의 색·크기를 일정하게 지각하는 현상이다.
    • 착시 현상은 실제와 다르게 보이는 시각적 착각이다.
    • 게슈탈트 지각 원리는 요소를 하나의 형태로 조직해 지각하는 원리다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    20[웹디자인개발기능사 필기] 15년 2회차
    기계화와 대량생산에 의해 생활용품의 품질 저하에 반대하여 윌리엄 모리스를 중심으로 영국에서 일어난 수공예 부흥 운동은?
    1
    구성주의(CONSTRUCTIVISM)
    2
    미래주의(FUTURISM)
    3
    데 스틸(DE STILL)
    4
    미술공예운동(ART AND CRAFTS MOVEMENT)
    해설

    윌리엄 모리스 중심의 수공예 부흥 운동은 미술공예운동이다.

    산업혁명 이후 기계 대량생산으로 제품 품질이 떨어지자 이에 반대해 영국에서 수공예의 아름다움을 되살리려 했다.

    • 구성주의는 러시아에서 일어난 기하학적·구축적 조형 운동이다.
    • 미래주의는 이탈리아에서 속도와 기계를 찬미한 운동이다.
    • 데 스틸은 네덜란드에서 수직·수평선과 삼원색을 쓴 신조형주의 운동이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    21[웹디자인개발기능사 필기] 15년 2회차
    인터넷에서 정보를 수집할 때 사용되는 검색엔진의 설명으로 틀린 것은?
    1
    검색엔진 자체에 등록된 사이트만을 대상으로 정보를 검색한다.
    2
    검색엔진 종류에는 주제별 검색엔진, 일반 키워드형 검색엔진 및 하이브리드형 검색엔진 등이 있다.
    3
    일반 키워드형 검색엔진은 주제어 또는 검색어을 입력하여 원하는 정보를 찾는다.
    4
    주제별 검색엔진은 계층적인 메뉴를 따라가며 검색할 수 있다.
    해설

    틀린 설명은 검색엔진 자체 목록의 사이트만 검색한다는 것이다.

    키워드형 검색엔진은 프로그램(로봇)이 웹을 돌며 문서를 수집·색인하므로 미리 올려 둔 사이트에 한정되지 않는다.

    • 주제별·일반 키워드형·하이브리드형으로 나뉜다는 설명은 맞다.
    • 키워드형이 검색어를 입력해 정보를 찾는다는 설명은 맞다.
    • 주제별 검색엔진이 계층 메뉴를 따라가며 찾는다는 설명은 맞다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    22[웹디자인개발기능사 필기] 15년 2회차
    스타일시트의 적용 시 우선순위가 높은 것부터 낮은 순으로 차례로 나열한 것은?
    1
    Inline, Class 선택자, Id 선택자, 태그 선택자
    2
    Inline, Id 선택자, Class 선택자, 태그 선택자
    3
    Inline, 태그 선택자, Id 선택자, Class 선택자
    4
    Inline, 태그 선택자, Class 선택자, Id 선택자
    해설

    우선순위는 Inline → Id 선택자 → Class 선택자 → 태그 선택자 순이다.

    요소에 직접 쓴 인라인 스타일이 가장 강하고, 선택 범위가 좁을수록 우선한다. Id는 한 요소만, Class는 여러 요소, 태그는 해당 종류 전체를 가리킨다.

    • Class가 Id보다 앞서는 나열은 Id 선택자가 Class보다 우선이므로 틀리다.
    • 태그 선택자를 Id·Class보다 앞에 둔 나열은 범위가 가장 넓은 태그를 가장 높게 본 것이라 틀리다.
    • 태그를 Class보다 앞에 두고 Id를 가장 낮게 둔 나열은 순서가 거꾸로다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    23[웹디자인개발기능사 필기] 15년 2회차
    검색방식에서 두개 이상의 키워드 간의 관계를 설정하는 것은?
    1
    데이터베이스
    2
    연산자
    3
    와일드카드
    4
    디렉터리
    해설

    키워드 사이의 관계를 설정하는 것은 연산자다.

    AND·OR·NOT 같은 논리 연산자로 키워드를 조합해 검색 범위를 좁히거나 넓힌다.

    • 데이터베이스는 자료를 저장·관리하는 체계다.
    • 와일드카드는 *, ? 같은 기호로 임의의 문자를 대신하는 방식이다.
    • 디렉터리는 주제별 계층 분류를 따라가며 찾는 방식이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    24[웹디자인개발기능사 필기] 15년 2회차
    인터넷 익스플로러 6.0 에서 인터넷 옵션의 "내용관리자" 부분에 대한 설명으로 틀린 것은?
    1
    인증서 : 범주에 따른 등급을 조정할 수 있으며 그 등급에 해당하는 홈페이지로 이동할 수 있도록 추가 정보를 제공한다.
    2
    승인된 사이트 : 등급 지정에 관계없이 항상 볼 수 있거나 볼 수 없는 사이트를 지정할 수 있다.
    3
    일반 : 사용자 옵션과 감독자 암호를 지정할 수 있는 곳으로, 기본적으로 사용자가 제한된 내용만 보도록 표시되어 있다.
    4
    고급 : 사용자가 다른 등급 시스템을 적용하려고 할 때 이용한다.
    해설

    틀린 설명은 인증서에 대한 것이다.

    내용 관리자는 등급·승인된 사이트·일반·고급 항목으로 구성되며, 범주에 따라 등급을 조정하는 기능은 인증서가 아니라 등급 항목의 기능이다. 인증서는 신원 확인과 암호화 통신에 쓰이는 전자 증명서다.

    • 승인된 사이트에서 항상 볼 수 있거나 볼 수 없는 사이트를 지정한다는 설명은 맞다.
    • 일반에서 사용자 옵션과 감독자 암호를 지정한다는 설명은 맞다.
    • 고급에서 다른 등급 시스템을 적용한다는 설명은 맞다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    25[웹디자인개발기능사 필기] 15년 2회차
    CGI에 대한 설명으로 틀린 것은?
    1
    사용자의 프로그램 수행요구에 대한 표준 인터페이스이다.
    2
    Computer Graphic Interface 의 약자이다.
    3
    CGI 프로그래밍 언어로 PHP, JSP, ASP 등이 있다.
    4
    클라이언트와 서버 중간에서 정보 전달을 한다.
    해설

    CGI의 정확한 약자가 "Computer Graphic Interface"가 아니라 "Common Gateway Interface"이므로 해당 설명은 틀렸다.

    CGI(Common Gateway Interface)는 웹 서버와 외부 프로그램 사이의 정보 전달 규약으로, 사용자 요청에 따라 서버가 외부 프로그램을 실행하고 그 결과를 반환하는 표준 인터페이스다.

    • '사용자의 프로그램 수행요구에 대한 표준 인터페이스'는 맞다.
    • PHP, JSP, ASP는 CGI 기반의 서버사이드 스크립팅 언어들이므로 올바르다.
    • 클라이언트와 서버 중간에서 정보 전달도 CGI의 역할을 정확히 설명한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    26[웹디자인개발기능사 필기] 15년 2회차
    자바스크립트의 특징으로 틀린 것은?
    1
    변수 타입 선언 없이 사용 가능하다.
    2
    객체 지향적 스트립트 언어이다.
    3
    정적 바인딩이다.
    4
    HTML 문서 내에 기술한다.
    해설

    틀린 설명은 정적 바인딩이다.

    자바스크립트는 실행 시점에 자료형이 결정되는 동적 바인딩 언어다.

    • 변수 타입 선언 없이 쓸 수 있다는 설명은 맞다.
    • 객체 지향적 스크립트 언어라는 설명은 맞다.
    • HTML 문서 안에 기술한다는 설명은 맞다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    27[웹디자인개발기능사 필기] 15년 2회차
    HTML 문서에서 <FONT> 태그에서 사용할 수 있는 속성이 아닌 것은?
    1
    size
    2
    color
    3
    input
    4
    face
    해설

    <FONT> 태그는 HTML에서 텍스트의 크기, 색상, 글꼴을 지정하는 태그로, size, color, face 속성을 사용할 수 있다. input은 <FONT> 태그의 속성이 아니며, 이는 <INPUT> 태그 자체를 지칭하는 것으로 <FONT>와는 무관하다.

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

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

    네트워크를 격리해 출입 경로를 제어하는 시스템은 Firewall이다.

    방화벽은 내부망과 외부망 사이에서 통신을 허용·차단해 불법 접근을 막는다.

    • POP server는 메일을 수신해 사용자가 가져가게 하는 서버다.
    • TCP는 신뢰성 있는 데이터 전송을 맡는 전송 프로토콜이다.
    • IP는 주소 지정과 패킷 전달을 맡는 프로토콜이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    29[웹디자인개발기능사 필기] 15년 2회차
    인터넷을 통해 주고 받는 내용을 캐시에 저장해 놓았다가 동일한 자료의 송수신이 발생할 경우 이를 되풀이 하지 않게 함으로써 속도를 향상시킬 수 있는 서버는?
    1
    DNS 서버
    2
    Proxy 서버
    3
    HTTP 서버
    4
    Gateway 서버
    해설

    캐시로 속도를 높이는 서버는 Proxy 서버다.

    프록시 서버는 클라이언트와 외부 서버 사이에서 요청을 대신 전달하며, 받은 자료를 캐시에 저장해 같은 요청에 재사용한다.

    • DNS 서버는 도메인 이름을 IP 주소로 바꿔 준다.
    • HTTP 서버는 웹 문서 요청에 응답하는 웹 서버다.
    • Gateway 서버는 서로 다른 프로토콜의 네트워크를 연결한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    30[웹디자인개발기능사 필기] 15년 2회차
    자바스크립트의 Window 객체 중 일반적으로 다음 그림과 같이 다이얼로그 박스를 나타내는 메소드는?
    문제 이미지
    1
    Open( )
    2
    Prompt( )
    3
    Alert( )
    4
    Confirm( )
    해설

    '확인'과 '취소' 두 버튼으로 사용자의 선택을 받는 대화 상자는 window 객체의 confirm() 메서드로 띄웁니다.

    그림의 '웹 페이지 메시지' 창에는 물음표 아이콘, "문제가 덜 풀렸습니다. 정말로 채점하시겠습니까?" 문구, 그리고 [확인]·[취소] 버튼이 있습니다. confirm() 은 확인을 누르면 true, 취소를 누르면 false 를 돌려줍니다.

    • open(): 새 브라우저 창을 여는 메서드입니다.
    • prompt(): 문자열을 입력하는 입력 상자가 함께 나타나는 대화 상자입니다.
    • alert(): [확인] 버튼 하나만 있는 경고 메시지 창입니다.

    실제 자바스크립트의 메서드 이름은 소문자로 씁니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    31[웹디자인개발기능사 필기] 15년 2회차
    다음이 설명하고 있는 인터넷 서비스는?
    문제 이미지
    1
    Telnet
    2
    FTP
    3
    Usenet
    4
    IRC
    해설

    1988년 핀란드의 Jarkko Oikarinen이 개발한 대화방(채널) 서비스는 IRC(Internet Relay Chat)이다.

    IRC는 채널 단위로 여러 사용자가 모여 실시간 문자 대화를 나누는 인터넷 서비스이다.

    • Telnet은 원격지 컴퓨터에 접속해 자기 컴퓨터처럼 쓰는 원격 접속 서비스이다.
    • FTP는 컴퓨터 사이에 파일을 주고받는 파일 전송 서비스이다.
    • Usenet은 주제별 뉴스그룹에 글을 올리고 읽는 게시판형 서비스(NNTP 사용)로, 실시간 대화방이 아니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    32[웹디자인개발기능사 필기] 15년 2회차
    웹브라우저의 기능으로 틀린 것은?
    1
    웹페이지 저장 및 인쇄
    2
    전자우편 및 뉴스그룹 이용
    3
    텍스트, 이미지 및 멀티미디어 지원 기능
    4
    인터넷 응용프로그램 제작 기능
    해설

    웹브라우저 기능이 아닌 것은 인터넷 응용프로그램 제작이다.

    브라우저는 웹 문서를 읽어 화면에 표시하는 프로그램이며, 응용프로그램을 만드는 것은 개발 도구의 역할이다.

    • 웹페이지 저장·인쇄는 브라우저 기능이다.
    • 전자우편·뉴스그룹처럼 다른 인터넷 서비스에 접근하는 것도 브라우저의 기능이다.
    • 텍스트·이미지·멀티미디어 지원은 브라우저의 기본 기능이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    33[웹디자인개발기능사 필기] 15년 2회차
    웹문서 작성을 위한 국제표준언어가 아닌 것은?
    1
    MS-WORD
    2
    SGML
    3
    HTML
    4
    XML
    해설

    국제표준 웹 문서 언어가 아닌 것은 MS-WORD다.

    MS-WORD는 워드프로세서 프로그램이지 마크업 언어가 아니다.

    • SGML은 문서 구조를 정의하는 국제표준 마크업 언어다.
    • HTML은 웹 문서 작성의 표준 언어다.
    • XML은 사용자가 태그를 정의할 수 있는 표준 마크업 언어다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    34[웹디자인개발기능사 필기] 15년 2회차
    자바스크립트 브라우저 내장 객체가 아닌 것은?
    1
    Location 객체
    2
    Image 객체
    3
    History 객체
    4
    Vision 객체
    해설

    자바스크립트의 브라우저 내장 객체(BOM, Browser Object Model)를 판단하는 문제다. Location은 현재 URL 정보를 다루는 내장 객체이고, History는 브라우저 방문 기록을 관리하는 내장 객체이며, Image도 이미지를 동적으로 로드하고 제어하는 브라우저 내장 객체다. 반면 Vision은 자바스크립트 표준 내장 객체나 브라우저 BOM에 존재하지 않는 객체로, 정답은 4번이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    35[웹디자인개발기능사 필기] 15년 2회차
    OSI 7계층 중 종단 간 오류제어와 흐름제어를 하는 것은?
    1
    응용 계층
    2
    물리 계층
    3
    표현 계층
    4
    전송 계층
    해설

    OSI 7계층에서 전송 계층(Transport Layer)은 종단 간(end-to-end) 통신을 담당하며, 신뢰성 있는 데이터 전달을 위해 오류제어와 흐름제어를 수행한다. 전송 계층의 TCP 프로토콜은 재전송, 체크섬을 통한 오류 검출 및 복구, 그리고 윈도우 크기 조정을 통한 흐름제어를 구현한다. 응용 계층은 사용자 애플리케이션 제공, 물리 계층은 신호 전송, 표현 계층은 데이터 형식 변환을 담당하므로 종단 간 오류·흐름제어와는 무관하다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    36[웹디자인개발기능사 필기] 15년 2회차
    음성, 데이터, 영상 신호 등을 하나의 통신망으로 전달할 수 있도록 설계된 종합정보통신망은?
    1
    HDTV
    2
    Videotex
    3
    MIS
    4
    ISDN
    해설

    음성·데이터·영상을 하나의 통신망으로 전달하는 망은 ISDN이다.

    ISDN은 여러 서비스를 디지털 방식 하나의 망에 통합한 종합정보통신망이다.

    • HDTV는 고화질 텔레비전 방식이다.
    • Videotex는 문자·도형 정보를 제공하는 양방향 정보 서비스다.
    • MIS는 경영 의사결정을 돕는 경영정보시스템이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    37[웹디자인개발기능사 필기] 15년 2회차
    하이퍼링크를 클릭하였을 때 나타나는 문서의 위치를 지정할 수 있는 TARGET 속성의 설명으로 틀린 것은?
    1
    TARGET="_blank" : 새로운 창에 링크된 문서가 나타난다.
    2
    TARGET="_self" : 현재 창에 링크된 문서가 나타난다.
    3
    TARGET="_parent" : 현재 창의 부모 프레임(현재의 프레임 구조로 들어오기 이전의 한 단계 상위 페이지)에 링크된 문서가 나타난다.
    4
    TARGET="_top" : 현재 여러 프레임 가운데 가장 위의 프레임에 링크된 문서가 나타난다.
    해설

    틀린 설명은 _top에 대한 것이다.

    _top은 프레임 구조를 모두 벗어나 창 전체에 링크 문서를 표시한다. 여러 프레임 중 가장 위의 프레임에 표시한다는 설명은 틀리다.

    • _blank는 새 창에 문서를 연다.
    • _self는 현재 창에 문서를 연다.
    • _parent는 상위 프레임에 문서를 연다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    38[웹디자인개발기능사 필기] 15년 2회차
    IPv4에서 멀티캐스트를 위해 예약되어 있는 클래스는?
    1
    클래스 A
    2
    클래스 B
    3
    클래스 C
    4
    클래스 D
    해설

    멀티캐스트용으로 예약된 클래스는 클래스 D다.

    클래스 D는 첫 옥텟이 224~239인 주소 대역으로, 호스트 하나가 아니라 그룹 단위로 보내는 멀티캐스트에 쓰인다.

    • 클래스 A는 대규모 네트워크의 일반 호스트 주소용이다.
    • 클래스 B는 중규모 네트워크의 일반 호스트 주소용이다.
    • 클래스 C는 소규모 네트워크의 일반 호스트 주소용이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    39[웹디자인개발기능사 필기] 15년 2회차
    웹 브라우저의 종류에 해당하지 않는 것은?
    1
    Chrome
    2
    Opera
    3
    Safari
    4
    Lingo
    해설

    웹 브라우저가 아닌 것은 Lingo다.

    Lingo는 매크로미디어 Director의 스크립트 언어다.

    • Chrome은 웹 브라우저다.
    • Opera도 웹 브라우저다.
    • Safari도 웹 브라우저다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    40[웹디자인개발기능사 필기] 15년 2회차
    웹 페이지를 제작하는 저작용 프로그램으로 가장 거리가 먼 것은?
    1
    Dream weaver
    2
    Flash
    3
    Namo
    4
    Window Media Player
    해설

    웹 페이지 저작용과 가장 거리가 먼 것은 Window Media Player다.

    Windows Media Player는 음악·동영상을 재생하는 프로그램이다.

    • Dream weaver는 웹 문서 저작 도구다.
    • Flash는 웹용 애니메이션·인터랙티브 콘텐츠를 제작한다.
    • Namo는 웹 편집 저작 프로그램이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    41[웹디자인개발기능사 필기] 15년 2회차
    다음 중 웹 디자인 과정에서 가장 먼저 해야 되는 것은?
    1
    웹페이지 홍보
    2
    개발과정 문서화
    3
    프로젝트기획
    4
    마케팅 계획수립
    해설

    웹 디자인 과정에서 가장 먼저 하는 일은 프로젝트 기획이다.

    기획 단계에서 사이트의 목적·대상·범위를 정해야 이후 디자인과 개발, 홍보가 이어진다.

    • 웹페이지 홍보는 사이트가 완성된 뒤 알리는 운영 단계의 일이다.
    • 개발과정 문서화는 개발이 진행되거나 끝난 뒤 정리하는 일이다.
    • 마케팅 계획 수립은 기획에서 정해진 목적과 대상을 바탕으로 세우므로 기획보다 앞설 수 없다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    42[웹디자인개발기능사 필기] 15년 2회차
    컴퓨터 그래픽스에 사용되는 기술들은 계속 개발되고 있다. 3차원 그래픽스 기법에 해당하지 않는 것은?
    1
    와이어 프레임(Wire Frame)
    2
    표면(Surface)
    3
    고형(Solid)
    4
    색상(Coloring)
    해설

    3차원 그래픽스 기법이 아닌 것은 색상(Coloring)이다.

    와이어 프레임, 표면, 고형은 모두 3차원 물체를 모델링하는 방식이다.

    • 와이어 프레임은 모서리 선만으로 입체를 나타내는 모델링이다.
    • 표면(Surface)은 물체의 겉면을 면으로 정의하는 모델링이다.
    • 고형(Solid)은 물체 내부까지 채워진 입체로 정의하는 모델링이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    43[웹디자인개발기능사 필기] 15년 2회차
    다음이 설명하고 있는 기법으로 옳은 것은?
    문제 이미지
    1
    리플렉션 매핑(Reflection Mapping)
    2
    이미지 매핑(Image Mapping)
    3
    범프 매핑(Bump Mapping)
    4
    솔리드 덱스쳐 매핑(Solid Texture Mapping)
    해설

    벽돌·자갈처럼 울퉁불퉁한 표면을 표현하고, 회색 부분은 돌출·검은색에 가까울수록 들어가 보이게 요철 정보를 붙이는 기법은 범프 매핑(Bump Mapping)이다.

    범프 매핑은 실제 다각형 형상은 그대로 두고 명암 맵으로 표면 법선을 교란해 음영만 울퉁불퉁하게 보이게 한다.

    • 리플렉션 매핑은 주변 환경 이미지를 물체 표면에 비춰 반사를 흉내 내는 기법으로, 요철 표현이 아니다.
    • 이미지 매핑은 2차원 이미지를 표면에 입혀 색·무늬를 주는 방식으로, 표면의 굴곡 음영을 만들지 않는다.
    • 솔리드 텍스처 매핑은 3차원 공간 함수로 나뭇결·대리석 같은 무늬를 물체 내부까지 정의하는 기법이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    44[웹디자인개발기능사 필기] 15년 2회차
    다음이 설명하고 있는 것은?
    문제 이미지
    1
    패턴(Pattern)
    2
    안티-앨리어싱(Anti-aliasing)
    3
    그라디언트 맵(Gradient Map)
    4
    레이어(Layer)
    해설

    물체 색과 바탕색의 중간 값을 넣어 계단 모양의 부자연스러움을 없애는 것은 안티-앨리어싱(Anti-aliasing)이다.

    비트맵의 사선·곡선 가장자리에 생기는 계단 현상(앨리어싱)을 경계 픽셀에 중간색을 채워 부드럽게 보이게 한다.

    • 패턴은 반복되는 무늬 단위를 영역에 채우는 기능이다.
    • 그라디언트 맵은 이미지의 명도 단계를 지정한 그라디언트 색으로 바꿔 입히는 색 조정 기능이다.
    • 레이어는 이미지를 여러 층으로 나눠 따로 편집하는 기능이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    45[웹디자인개발기능사 필기] 15년 2회차
    웹페이지 제작 시 고려사항으로 거리가 먼 것은?
    1
    조직성(Organization)
    2
    획일성(Uniformity)
    3
    경제성(Economy)
    4
    일관성(Consistency)
    해설

    웹페이지 제작 시 고려사항과 거리가 먼 것은 획일성이다.

    웹페이지는 개성 있고 다양한 구성이 요구되며, 모든 것을 똑같이 만드는 획일성은 고려 대상이 아니다.

    • 조직성은 정보를 체계적으로 구성하는 것으로 고려사항이다.
    • 경제성은 시간·비용 대비 효율로 고려사항이다.
    • 일관성은 페이지 간 디자인과 구조를 통일하는 것으로 고려사항이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    46[웹디자인개발기능사 필기] 15년 2회차
    웹 페이지에 들어갈 그림, 사진, 글자, 음악 등을 종이 위에 표현하여 줄거리가 전개되듯이 표현하는 기법은?
    1
    스토리 보드(story board)
    2
    사이트 맵(site map)
    3
    레이아웃(layout)
    4
    내비게이션(navigation)
    해설

    그림·사진·글자·음악 등을 종이 위에 줄거리처럼 펼쳐 표현하는 기법은 스토리 보드이다.

    스토리 보드는 각 화면의 구성 요소와 흐름을 장면별로 그려 제작 방향을 공유한다.

    • 사이트 맵은 페이지 전체의 구조를 계층적으로 나타낸 것이다.
    • 레이아웃은 한 화면 안의 요소 배치를 뜻한다.
    • 내비게이션은 페이지 사이를 이동하는 구조와 수단이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    47[웹디자인개발기능사 필기] 15년 2회차
    픽셀(pixel)에 대한 설명으로 틀린 것은?
    1
    더 이상 나눌 수 없는 최소단위이다.
    2
    1:1 정사각형의 픽셀을 기본으로 한다.
    3
    픽셀의 좌표는 X, Y, Z 축의 좌표계이다.
    4
    픽셀의 좌표계를 비트맵이라 한다.
    해설

    픽셀에 대한 설명으로 틀린 것은 좌표계가 X, Y, Z 축이라는 내용이다.

    픽셀은 화면 위 평면에 배열되므로 X, Y 두 축의 2차원 좌표로 위치를 나타낸다.

    • 최소단위: 픽셀은 화면을 이루는 더 이상 나눌 수 없는 최소 단위이다.
    • 1:1 정사각형: 픽셀은 가로세로 비가 1:1인 정사각형을 기본으로 한다.
    • 비트맵: 픽셀을 격자 좌표에 배열해 이미지를 나타내는 방식을 비트맵이라 한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    48[웹디자인개발기능사 필기] 15년 2회차
    디자인 구체화 단계에서 구상되어진 디자인을 구형하기 위해서 사용되는 프로그램과 그 역할이 잘못 설명된 것은?
    1
    드림위버 : HTML 코딩할 때 사용
    2
    포토샵 : 이미지의 변형 및 아이콘 제작에 사용
    3
    플래시 : 동영상 및 사운드 편집에만 사용
    4
    케이크워크 : 사운드 편집 및 변환에 사용
    해설

    정답은 플래시(Flash)의 역할 설명이 잘못되었다. 플래시는 동영상 및 사운드 편집에만 사용되는 것이 아니라, 벡터 기반의 애니메이션, 인터랙티브 콘텐츠, UI 디자인 등 다양한 웹 콘텐츠 제작에 사용되는 통합 저작 도구다. 반면 드림위버는 HTML 코딩 도구, 포토샵은 래스터 이미지 편집 및 그래픽 제작, 케이크워크는 오디오 편집 및 사운드 제작 프로그램으로 각각의 설명이 정확하다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    49[웹디자인개발기능사 필기] 15년 2회차
    웹 디자인 프로세스 도입의 장점이 아닌 것은?
    1
    인력분배를 효율적으로 해준다.
    2
    피드백 및 실행착오를 최소화해준다.
    3
    각 팀 간의 의사소통을 원활히 해준다.
    4
    전체 디자인 기간이 길어진다.
    해설

    웹 디자인 프로세스 도입의 장점이 아닌 것은 전체 디자인 기간이 길어진다는 내용이다.

    프로세스를 정해 단계별로 진행하면 작업 낭비가 줄어 기간이 늘어나기보다 관리·단축되는 것이 장점이다.

    • 인력분배: 단계별 역할이 정해져 인력을 효율적으로 나눌 수 있다.
    • 피드백·실행착오: 단계마다 점검하므로 되돌림과 시행착오가 줄어든다.
    • 의사소통: 공통된 절차와 산출물로 팀 간 소통이 원활해진다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    50[웹디자인개발기능사 필기] 15년 2회차
    랜덤 스캔 방식의 화면표시 장치의 특징으로 틀린 것은?
    1
    그래픽스 명령어를 반복 실행하여 화면에 디스플레이 한다.
    2
    화상을 이루고 있는 선분을 따라 전자빔을 쏘아 그린다.
    3
    프레임 버퍼의 크기가 클수록 고화질의 디스플레이가 가능하다.
    4
    앨리어싱이 발생하지 않으므로 안티앨리어싱 처리가 불필요하다.
    해설

    랜덤 스캔 방식의 특징으로 틀린 것은 프레임 버퍼의 크기가 화질을 좌우한다는 내용이다.

    프레임 버퍼에 화소를 저장하는 방식은 래스터 스캔의 특징이며, 랜덤 스캔은 그리기 명령을 저장해 선분을 직접 그린다.

    • 명령어 반복 실행: 저장된 그래픽스 명령을 반복 실행해 화면을 유지한다.
    • 선분을 따라 전자빔: 화상의 선분을 따라 전자빔을 쏘아 그린다.
    • 앨리어싱 없음: 화소 격자가 아닌 선분을 직접 그리므로 계단 현상이 생기지 않는다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    51[웹디자인개발기능사 필기] 15년 2회차
    다음 중 웹사이트의 정보를 한눈에 검색하기 위한 시각적 콘텐츠 모형으로 웹페이지 전체 자료를 계층형으로 표현한 것은?
    1
    CSS
    2
    Story board
    3
    Site map
    4
    HTML5
    해설

    웹페이지 전체 자료를 계층형으로 표현한 시각적 모형은 사이트 맵이다.

    사이트 맵은 사이트의 구조를 한눈에 보도록 상위·하위 페이지를 계층적으로 나타낸다.

    • CSS는 화면 모양을 지정하는 스타일 시트 언어이다.
    • Story board는 화면별 구성 요소와 흐름을 장면처럼 표현한 것이다.
    • HTML5는 웹 문서를 작성하는 마크업 언어이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    52[웹디자인개발기능사 필기] 15년 2회차
    컴퓨터 그래픽스 시스템에서 그래픽 보드의 특성을 결정하는 요소로 옳지 않은 것은?
    1
    사운드
    2
    해상도
    3
    컬러 수
    4
    메모리 용량
    해설

    그래픽 보드의 특성을 결정하는 요소로 옳지 않은 것은 사운드이다.

    그래픽 보드의 성능은 화면 출력과 관련된 해상도·색 수·메모리 용량으로 정해진다.

    • 해상도는 한 화면에 표현할 수 있는 화소 수를 결정한다.
    • 컬러 수는 표현 가능한 색의 수를 결정한다.
    • 메모리 용량은 저장 가능한 화면 정보량, 곧 해상도와 색 수의 한계를 좌우한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    53[웹디자인개발기능사 필기] 15년 2회차
    벡터와 비트맵 방식의 데이터를 동시에 저장할 수 있는 파일 형식으로 틀린 것은?
    1
    PSD
    2
    PDF
    3
    EPS
    4
    TIFF
    해설

    벡터와 비트맵을 동시에 저장하는 형식이 아닌 것은 TIFF이다.

    TIFF는 화소 단위의 비트맵 이미지를 저장하는 형식이다.

    • PSD는 포토샵 형식으로 비트맵 레이어와 벡터 셰이프·문자 레이어를 함께 담는다.
    • PDF는 문서 안에 벡터 도형과 비트맵 이미지를 함께 담을 수 있다.
    • EPS는 벡터 데이터와 비트맵 이미지를 함께 포함할 수 있는 형식이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    54[웹디자인개발기능사 필기] 15년 2회차
    다음 중 3차원 입력 장치에 해당하는 것은?
    1
    그래픽스 태블렛
    2
    조이스틱
    3
    라이트 펜
    4
    모션 캡쳐 장치
    해설

    3차원 입력 장치에 해당하는 것은 모션 캡쳐 장치이다.

    모션 캡쳐는 사람이나 물체의 움직임을 공간상의 위치 값으로 입력한다.

    • 그래픽스 태블릿은 평면 위 2차원 좌표를 입력한다.
    • 조이스틱은 평면상의 방향과 위치를 입력하는 장치이다.
    • 라이트 펜은 화면의 한 점을 가리켜 2차원 위치를 입력한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    55[웹디자인개발기능사 필기] 15년 2회차
    다음은 제 2세대의 컴퓨터 그래픽에 관한 설명이다. ( ) 안에 공통으로 들어갈 알맞은 용어는?
    문제 이미지
    1
    Computer Aided Design
    2
    Computer Graphics
    3
    MicroSoft
    4
    Macro Media
    해설

    1960년대 CAD(Computer Aided Design) 소프트웨어의 개발이 활성화되면서 컴퓨터 그래픽 기술이 발전했으며, 이는 오늘날 CAD/CAM 등 컴퓨터 지원 설계 기술의 기반이 되었다. 보잉 737 제트 여객기 설계에도 이러한 CAD 소프트웨어가 활용되었다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    56[웹디자인개발기능사 필기] 15년 2회차
    다음 설명과 같은 애니메이션 기법은?
    문제 이미지
    1
    모핑(Morphing)
    2
    키네틱(Kinetic)
    3
    미립자 시스템(Particle system)
    4
    스프라이트(Sprite)
    해설

    빗방울·불·연기·바람 같은 자연현상을 입자 집합에 행동과 특성을 부여해 시뮬레이션하는 기법은 미립자 시스템(Particle system)이다.

    수많은 작은 입자 각각에 위치·속도·수명 등을 주고 물리 규칙으로 움직임을 계산해 형태가 일정하지 않은 대상을 표현한다.

    • 모핑은 한 형체(영상)를 다른 형체로 서서히 변형·결합하는 기법이다.
    • 키네틱은 '운동의, 움직이는'이라는 뜻으로 키네틱 아트·키네틱 타이포그래피처럼 움직임 자체를 표현 요소로 삼는 경향을 가리키는 말이며, 입자 집합을 시뮬레이션하는 기법의 이름이 아니다.
    • 스프라이트는 캐릭터 같은 작은 2차원 비트맵 그림을 배경 위에서 움직이게 하는 기법이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    57[웹디자인개발기능사 필기] 15년 2회차
    곡선(곡면)이나 사선(사면)을 표현할 때 바탕과 이미지 사이의 경계를 부드럽게 처리해 주는 것은?
    1
    매핑
    2
    앨리어싱
    3
    안티앨리어싱
    4
    디더링
    해설

    경계를 부드럽게 처리해 주는 것은 안티앨리어싱이다.

    곡선이나 사선에서 생기는 계단 현상(앨리어싱)을 경계 화소의 색을 보간해 완화하는 기법이다.

    • 매핑은 3차원 표면에 이미지를 입히는 처리이다.
    • 앨리어싱은 경계가 계단처럼 거칠게 보이는 현상 자체이다.
    • 디더링은 제한된 색을 섞어 배치해 중간색을 표현하는 기법이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    58[웹디자인개발기능사 필기] 15년 2회차
    다음의 특성을 가진 파일의 확장자는?
    문제 이미지
    1
    PNG
    2
    SWF
    3
    PSD
    4
    ASP
    해설

    스캔 이미지보다 용량이 작고, 상호 작용이 가능하며, 다운로드와 동시에 재생되고, 확대·축소해도 손상이 없는 파일은 SWF(플래시 무비)이다.

    SWF는 벡터 기반이라 확대해도 깨지지 않고, 스트리밍 방식으로 내려받는 중에 재생된다.

    • PNG는 픽셀로 된 래스터 이미지라 확대하면 계단 현상이 생기고, 상호 작용·재생 기능이 없다.
    • PSD는 레이어 정보를 담은 포토샵 원본 파일로 용량이 크고 웹에서 재생되는 형식이 아니다.
    • ASP는 서버에서 실행되는 Active Server Pages 웹 페이지 파일로, 그래픽·애니메이션 형식이 아니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    59[웹디자인개발기능사 필기] 15년 2회차
    다음 설명에 해당하는 것은?
    문제 이미지
    1
    모델링
    2
    쉐도우
    3
    다이어그램
    4
    히스토그램
    해설

    명도를 검은색 0부터 흰색 255까지 256단계로 나누고, 이미지의 명도 분포를 막대그래프로 나타낸 것은 히스토그램이다.

    가로축은 명도 단계(0~255), 세로축은 각 단계에 해당하는 픽셀 수로, 이미지가 어둡거나 밝은 쪽에 치우쳤는지 판단하는 데 쓴다.

    • 모델링은 3차원 물체의 형상을 만드는 과정이다.
    • 쉐도우는 물체가 빛을 가려 생기는 그림자를 표현하는 것이다.
    • 다이어그램은 사물의 구조·관계를 도식으로 나타낸 그림으로, 명도 분포 그래프를 뜻하지 않는다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    60[웹디자인개발기능사 필기] 15년 2회차
    컴퓨터그래픽스 시스템에 사용되는 입력장치에 해당 되지 않는 것은?
    1
    트랙 볼(track ball)
    2
    터치 스크린(touch screen)
    3
    라이트 펜(light pen)
    4
    빔 프로젝터(beam projector)
    해설

    컴퓨터그래픽스 입력장치가 아닌 것은 빔 프로젝터이다.

    빔 프로젝터는 영상을 화면에 투사하는 출력 장치이다.

    • 트랙 볼은 공을 굴려 위치를 입력하는 장치이다.
    • 터치 스크린은 화면을 접촉해 위치를 입력하는 장치이다.
    • 라이트 펜은 화면을 가리켜 위치를 입력하는 장치이다.

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

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

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

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

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

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

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

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

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

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