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

[웹디자인개발기능사 필기] 13년 3회차
    1[웹디자인개발기능사 필기] 13년 3회차
    다음 중 시각 디자인에 속하지 않는 것은?
    1
    텍스타일 디자인
    2
    패키지 디자인
    3
    POP 디자인
    4
    타이포그래피
    해설

    텍스타일 디자인은 직물·패브릭의 문양, 색상, 질감을 디자인하는 것으로 3차원의 촉각적 특성과 기능성이 중심이 되며, 시각뿐 아니라 촉각·착용감 등 물질적 속성이 주요 요소이므로 순수 시각 디자인 범주에서 벗어난다.

    시각 디자인은 시각적 커뮤니케이션을 목적으로 평면 또는 2차원 매체에 시각 요소를 구성하는 분야로, 다음은 모두 시각 디자인에 포함된다.

    • 패키지 디자인: 제품 포장의 시각적 표현
    • POP 디자인: 판매 촉진을 위한 시각 광고물
    • 타이포그래피: 글자와 문자 표현의 시각적 설계

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    2[웹디자인개발기능사 필기] 13년 3회차
    다음 설명 중 ( ) 안에 공통으로 들어갈 디자인 요소는?
    문제 이미지
    1
    점
    2
    빛
    3
    면
    4
    입체
    해설

    두 빈칸에 공통으로 들어갈 요소는 점이다.

    그림 속 설명에서 기하학은 무수히 많은 점의 집합을 선으로 정의하고, 상징적인 면에서 점은 모든 조형 예술의 최초 요소라고 했다. 점은 위치만 있고 크기가 없는 가장 기본 요소다.

    • 빛: 기하학에서 선을 이루는 단위로 정의되는 것은 빛이 아니라 점이다.
    • 면: 선이 이동한 자취로, 선보다 상위 요소라 선을 이루는 단위가 될 수 없다.
    • 입체: 면이 이동한 자취로, 역시 선보다 상위 요소다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    3[웹디자인개발기능사 필기] 13년 3회차
    서로 다른 요소가 잘 어울려 결합하는 상태는?
    1
    균형
    2
    조화
    3
    변화
    4
    리듬
    해설

    서로 다른 요소가 잘 어울려 결합하는 상태는 조화이다.

    조화는 이질적인 요소들이 부분 간에 위화감 없이 어울려 하나의 느낌을 만드는 원리이다.

    • 균형은 대칭·비례 등으로 이루는 시각적 안정을 뜻한다.
    • 변화는 단조로움을 깨고 다양함을 주는 원리로, 어울림 자체가 아니다.
    • 리듬은 반복·점이 등으로 움직임의 느낌을 만드는 원리이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    4[웹디자인개발기능사 필기] 13년 3회차
    도로의 가로등 및 난간, 고층 빌딩의 창문 크기 등을 원근법을 적용하여 표현하고자 할 때, 표현 요소들 사이에 일정한 단계의 변화가 나타나도록 하는 디자인 원리는?
    1
    점증
    2
    조화
    3
    대칭
    4
    균형
    해설

    요소 사이에 일정한 단계의 변화가 나타나는 것은 점증(점차 커지거나 작아짐)이다.

    원근법으로 가로등 간격이나 창문 크기를 점점 줄여 가면 규칙적인 단계 변화가 생기며, 이는 리듬의 한 형태이다.

    • 조화는 서로 다른 요소가 어울리는 상태일 뿐, 단계적 변화를 뜻하지 않는다.
    • 대칭은 축을 중심으로 같은 형태가 마주 놓이는 것으로, 크기 변화와 무관하다.
    • 균형은 시각적 무게로 이루는 안정감이며 단계 변화를 가리키지 않는다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    5[웹디자인개발기능사 필기] 13년 3회차
    다음 중 색채에 대한 설명으로 맞는 것은?
    1
    색채는 심리적 성질을 갖지 못한다.
    2
    물체가 발광하지 않고 빛을 받아서 흡수되는 색이다.
    3
    색채의 분류는 무채색, 유채색, 중성색 3가지가 있다.
    4
    색채를 느끼는 경우 유채색, 느낄 수 없는 경우 무채색이라 한다.
    해설

    색을 느끼면 유채색, 느끼지 못하면 무채색이라 한다.

    색채는 색상·명도·채도 중 색상과 채도가 느껴지는지에 따라 유채색과 무채색으로 나뉜다.

    • 색채는 온도감·중량감 등 심리적 성질을 가지므로 갖지 못한다는 설명은 틀리다.
    • 불투명 물체의 색은 빛을 흡수만 하는 것이 아니라 일부를 반사하여 보이는 것이므로 설명이 부정확하다.
    • 색채의 분류는 유채색과 무채색 두 가지이며, 중성색은 따뜻함·차가움의 느낌에 따른 구분이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    6[웹디자인개발기능사 필기] 13년 3회차
    다음 중 “합목적성”과 “심미성”에서도 존재하는 창의적 디자인 조건은?
    1
    독창성
    2
    질서성
    3
    경제성
    4
    최소성
    해설
    등록된 해설이 없습니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    7[웹디자인개발기능사 필기] 13년 3회차
    다음 관용 색명 중 지명(地名)에서 유래된 것은?
    1
    말라카이트 그린(malachite green)
    2
    밤색(maroon)
    3
    새먼(salmon)
    4
    프러시안 블루(prussian blue)
    해설

    지명에서 유래된 관용 색명을 찾는 문항이다. 각 보기를 검토하면, 1번 말라카이트 그린은 광물 말라카이트(공작석)에서, 2번 밤색(maroon)은 밤나무를 뜻하는 불어 단어에서, 3번 새먼(salmon)은 연어라는 생물에서 각각 유래했다. 반면 4번 프러시안 블루(prussian blue)는 구 프로이센(Prussia) 지역에서 처음 만들어진 안료로, 지명 프로이센에 직접 근거한 색명이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    8[웹디자인개발기능사 필기] 13년 3회차
    디자인 요소에서 형태로 분류되지 않는 것은?
    1
    점
    2
    선
    3
    면
    4
    명암
    해설

    명암은 형태 요소가 아니다.

    점·선·면은 형태를 이루는 조형 요소이지만 명암은 밝고 어두움(명도)의 차이로, 모양 자체를 이루는 요소가 아니다.

    • 점은 형태의 가장 기본 단위인 조형 요소이다.
    • 선은 점의 이동으로 만들어지는 형태 요소이다.
    • 면은 선의 이동으로 만들어지는 형태 요소이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    9[웹디자인개발기능사 필기] 13년 3회차
    웹 디자인에 관한 설명으로 거리가 먼 것은?
    1
    웹 페이지를 디자인 하고 제작하는 것을 의미한다.
    2
    웹 디자인은 개인용 홈페이지 외 기업용, 상업용 등 매우 다양하다.
    3
    웹 디자인은 웹과 디자인이라는 두 가지 개념이 결합된 것이다.
    4
    기업, 단체, 행사의 특징과 성격에 맞는 시각적 상징물을 말한다.
    해설

    시각적 상징물을 말한다는 설명은 웹 디자인과 거리가 멀다.

    이 설명은 기업·단체의 특징을 나타내는 상징물, 곧 CI·심벌에 대한 것으로 웹 디자인의 정의가 아니다.

    • 웹 페이지를 디자인하고 제작하는 것은 웹 디자인의 정의에 맞다.
    • 개인·기업·상업용 등 다양한 웹 디자인이 있다는 설명은 사실에 맞다.
    • 웹과 디자인 두 개념이 결합된 것이라는 설명도 맞다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    10[웹디자인개발기능사 필기] 13년 3회차
    우편을 통하여 소비자에게 직접 광고 하는 것은?
    1
    POP광고
    2
    신문광고
    3
    DM광고
    4
    잡지광고
    해설

    우편으로 소비자에게 직접 보내는 광고는 DM(Direct Mail) 광고이다.

    DM 은 우편물을 통해 특정 대상에게 직접 전달하는 직접 광고이다.

    • POP 광고는 판매 현장(매장) 안에서 구매를 유도하는 광고이다.
    • 신문광고는 신문 지면을 매체로 하는 광고이다.
    • 잡지광고는 잡지 지면을 매체로 하는 광고이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    11[웹디자인개발기능사 필기] 13년 3회차
    다음 중 A, B에 들어갈 알맞은 용어는?
    문제 이미지
    1
    심리계, 지각계
    2
    혼색계, 현색계
    3
    현색계, 혼색계
    4
    물리계, 지각계
    해설

    A는 혼색계, B는 현색계이다.

    빛의 혼색 실험 결과에 기초해 색을 수치로 나타내는 체계가 혼색계(CIE XYZ 등)이고, 색표처럼 물체의 색을 직접 보여 주며 표시하는 체계가 현색계(먼셀·NCS 등)다.

    • 심리계, 지각계: 빛의 혼색 실험에 기초한 A 자리는 혼색계라 부르므로 맞지 않는다.
    • 물리계, 지각계: 역시 A 자리가 혼색계가 아니어서 맞지 않는다.
    • 현색계, 혼색계: A와 B가 서로 뒤바뀐 짝이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    12[웹디자인개발기능사 필기] 13년 3회차
    다음 중 색의 3속성으로 옳은 것은?
    1
    유채색, 무채색, 중성색
    2
    Red, Green, Blue
    3
    Cyan, Magenta, Yellow
    4
    색상, 명도, 채도
    해설

    색의 3속성은 색상·명도·채도이다.

    한색·난색·보색은 색상 간의 관계를 설명하는 개념이고, 빨강·노랑·파랑은 색료 중 하나의 예시일 뿐 색의 3속성 자체를 가리키는 말은 아니다.

    명도·순도·채도는 순도가 채도와 같은 뜻이어서 결국 색상이 빠진 구성이므로 3속성이 되지 못한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    13[웹디자인개발기능사 필기] 13년 3회차
    시각적으로, 보는 사람에게 안정감을 주고 명쾌한 감정을 느끼게 하는 디자인 원리는?
    1
    균형
    2
    조화
    3
    비례
    4
    율동
    해설

    보는 사람에게 안정감과 명쾌함을 주는 디자인 원리는 균형이다.

    균형은 대칭·비례 등 시각적 무게의 배분으로 이루는 안정된 상태이다.

    • 조화는 서로 다른 요소가 어울리는 상태이다.
    • 비례는 부분과 부분, 부분과 전체 사이의 크기 관계이다.
    • 율동은 반복·점이 등으로 움직임의 느낌을 주는 원리이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    14[웹디자인개발기능사 필기] 13년 3회차
    다음 중 동일 색상의 배색이 아닌 것은?
    1
    정적인 질서를 느낄 수 있다.
    2
    차분한 느낌을 느낄 수 있다.
    3
    통일된 감정을 느낄 수 있다.
    4
    즐거운 느낌을 느낄 수 있다.
    해설

    즐거운 느낌은 동일 색상 배색의 특징이 아니다.

    동일 색상 배색은 같은 색상 안에서 명도·채도만 달라 정적이고 차분하며 통일된 느낌을 준다. 즐겁고 화려한 느낌은 보색 같은 반대 색상 배색에서 나온다.

    • 정적인 질서는 동일 색상 배색의 대표적 느낌이다.
    • 차분한 느낌 역시 동일 색상 배색의 특징이다.
    • 통일된 감정도 같은 색상으로 구성하는 데서 나온다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    15[웹디자인개발기능사 필기] 13년 3회차
    체계적인 국가 정책을 기반으로 공학적이며, 기능적인 디자인이 특징인 국가는?
    1
    중국
    2
    프랑스
    3
    스칸디나비아
    4
    독일
    해설

    체계적인 국가 정책 아래 공학적·기능적 디자인을 발전시킨 나라는 독일이다.

    독일은 바우하우스·울름 조형대학 등 합리적이고 기능 중심의 디자인 전통으로 알려져 있다.

    • 중국은 이런 정책·기능주의 디자인의 대표 국가로 꼽히지 않는다.
    • 프랑스는 우아하고 장식적인 감성과 패션·예술 분야의 이미지가 강한 나라다.
    • 스칸디나비아는 자연 소재와 따뜻한 인간 중심 감성을 살린 디자인이 특징이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    16[웹디자인개발기능사 필기] 13년 3회차
    자연에서 쉽게 찾을 수 있고 온화함이 있지만, 때로는 단조로움을 주는 디자인 원리는?
    1
    유사조화
    2
    균일조화
    3
    강화조화
    4
    대비조화
    해설

    자연에서 쉽게 찾을 수 있고 온화하나 단조로운 원리는 유사조화이다.

    비슷한 색·형이 모이면 부드럽고 온화하지만 변화가 적어 단조롭다.

    • 대비조화는 서로 반대되는 요소로 강한 변화를 준다.
    • 대칭은 균형의 정형적 구성으로 딱딱한 느낌이다.
    • 비대칭은 동적·개성적인 구성이다.

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

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

    불투명한 물체가 빛을 반사해 나타나는 색은 표면색이다.

    카츠의 현상학적 분류에서 표면색은 불투명 물체의 표면에서 반사된 색을 뜻한다.

    • 광원색은 스스로 빛을 내는 광원에서 나오는 색이다.
    • 조명색은 물체 표면이 아니라 공간을 비추는 조명 빛 자체의 색으로 지각되는 것이다.
    • 형광색은 흡수한 빛을 가시광선으로 다시 내보내 밝게 보이는 색으로, 반사색의 정의와 다르다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    18[웹디자인개발기능사 필기] 13년 3회차
    선(line)을 이용하여 디자인하기에 어려운 것은?
    1
    독자의 눈을 향하게 하거나 운동감을 창조한다.
    2
    감정을 나타낸다.
    3
    그리드를 만든다.
    4
    양각과 음각을 만든다.
    해설

    선만으로 양각과 음각을 만들기는 어렵다.

    양각·음각은 입체적으로 솟거나 파인 효과이므로 면과 질감, 명암을 활용해 표현하는 것이 일반적이다.

    • 독자의 시선을 이끌고 운동감을 만드는 것은 선의 대표적 기능이다.
    • 선의 굵기와 모양으로 감정을 나타낼 수 있다.
    • 선을 규칙적으로 배열해 그리드를 만들 수 있다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    19[웹디자인개발기능사 필기] 13년 3회차
    저드(D. Judd)의 색채 조화의 원리에 해당하지 않는 것은?
    1
    질서의 원리
    2
    유사의 원리
    3
    친근감의 원리
    4
    기호의 원리
    해설

    저드의 색채 조화 원리에는 기호의 원리가 들지 않는다.

    저드는 색채 조화를 질서의 원리·친근감(친숙성)의 원리·유사의 원리·명료성(비모호성)의 원리로 설명했다.

    • 질서의 원리는 저드의 조화 원리에 속한다.
    • 유사의 원리는 저드의 조화 원리에 속한다.
    • 친근감의 원리는 저드의 조화 원리에 속한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    20[웹디자인개발기능사 필기] 13년 3회차
    환경 디자인에 속하지 않는 것은?
    1
    인테리어 디자인
    2
    무대 디자인
    3
    가구 디자인
    4
    조경 디자인
    해설

    환경 디자인은 인간이 활동하는 물리적 환경 전체를 대상으로 하는 분야로, 실내외 공간과 그 속의 자연 요소를 포괄한다. 인테리어 디자인은 실내 환경의 기능성과 미적 가치를 다루고, 원예 디자인과 조경 디자인은 정원, 공원, 외부 공간의 녹화 및 환경 구성을 담당하므로 모두 환경 디자인에 포함된다. 반면 가구 디자인은 이동 가능한 개별 물품의 형태와 기능을 설계하는 분야로, 환경 전체를 대상으로 하지 않고 제품 디자인 범주에 속한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    21[웹디자인개발기능사 필기] 13년 3회차
    교육기관에 관련된 도메인으로 틀린 것은?
    1
    hs
    2
    edu
    3
    ac
    4
    go
    해설

    go는 교육기관이 아니라 정부기관을 나타내는 도메인이다.

    go 는 정부 기관(government)을 뜻하는 도메인 구분자이다.

    • hs 는 고등학교를 뜻하는 교육기관 도메인이다.
    • edu 는 교육기관을 나타내는 도메인이다.
    • ac 는 대학 등 학술·교육기관을 나타내는 도메인이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    22[웹디자인개발기능사 필기] 13년 3회차
    정보 검색과 관련된 용어 설명으로 틀린 것은?
    1
    푸시(push)란 사용자가 필요로 하는 정보를 검색하여 주제별로 분류하고 사용자 컴퓨터에 전달하는 기술이다.
    2
    클리핑(clipping)이란 정보의 검색 과정에서 검색되었어야 함에도 불구하고 빠져버린 정보를 뜻한다.
    3
    로봇 에이전시(Robot Agency)는 HTML 및 문서 자료를 자동 수집하여 데이터베이스 구축 및 색인어를 제작하는 프로그램이다.
    4
    블로그(Blog)란 Web(웹) + log(일지)의 합성어로 자신의 관심사를 매일 매일 일기처럼 기록하는 것을 말한다.
    해설

    클리핑을 누락된 정보라고 한 설명이 틀리다.

    클리핑은 필요한 정보를 오려 모으는 의미로 쓰이며, 검색에서 빠져 버린 정보를 뜻하지 않는다.

    • 푸시는 사용자가 필요한 정보를 분류해 사용자 컴퓨터로 보내 주는 기술이라는 설명이 맞다.
    • 로봇 에이전시는 문서를 자동 수집해 데이터베이스와 색인을 만드는 프로그램이라는 설명이 맞다.
    • 블로그는 웹과 로그의 합성어로 관심사를 일기처럼 기록하는 것이라는 설명이 맞다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    23[웹디자인개발기능사 필기] 13년 3회차
    자바스크립트에서 인수로 들어온 문자열을 정수로 변환하는 내장 함수는?
    1
    eval()
    2
    parseString()
    3
    parselnt()
    4
    parseFlot()
    해설

    문자열을 정수로 바꾸는 내장 함수는 parseInt() 이다.

    parseInt 는 문자열을 앞에서부터 읽어 정수 값으로 변환한다.

    • eval 은 문자열을 자바스크립트 코드로 해석해 실행하는 함수이다.
    • parseString 이라는 내장 함수는 존재하지 않는다.
    • parseFlot 이라는 내장 함수는 없으며, 이름이 비슷한 parseFloat 도 정수가 아니라 실수(부동소수점) 값으로 변환한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    24[웹디자인개발기능사 필기] 13년 3회차
    외부 네트워크로부터 내부 네트워크를 보호하기 위해 이들 사이에서 전달되는 모든 신호를 판독하여 특정 패킷만을 통과시키거나 차단시키며, 내부의 IP 주소가 외부로 유출되는 것을 방지하는 역할을 하는 것은?
    1
    프록시(proxy)
    2
    방화벽(firewall)
    3
    도메인네임서버(DNS)
    4
    허브(hub)
    해설

    내외부 네트워크 사이에서 패킷을 판독해 통과·차단하는 것은 방화벽(firewall)이다.

    방화벽은 외부 침입을 막고 내부 IP 주소가 노출되지 않도록 보호하는 보안 시스템이다.

    • 프록시는 클라이언트를 대신해 요청을 중계하고 자주 쓰는 자료를 캐시하는 대리 서버로, 오가는 패킷을 판독해 통과·차단하는 기능은 방화벽의 것이다.
    • 도메인 네임 서버는 도메인 이름을 IP 주소로 바꿔 주는 서버이다.
    • 허브는 여러 장비를 연결하는 단순 중계 장치로 신호를 판독해 차단하지 않는다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    25[웹디자인개발기능사 필기] 13년 3회차
    신뢰성 있는 패킷전송을 제공하며 인터넷 서비스의 기반이 되는 통신 프로토콜은?
    1
    UDP
    2
    TCP/IP
    3
    PSDN
    4
    FTTH
    해설

    TCP/IP는 전송 제어와 인터넷 프로토콜을 포함하여 네트워크 간 통신을 수행하며, TCP가 오류 검출·재전송·순서 제어를 통해 신뢰성 있는 패킷 전송을 제공한다. UDP는 비연결형·비신뢰성 전송 프로토콜이고, PSDN은 공중 데이터망, FTTH는 광섬유 가입자망 기술이므로 해당하지 않는다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    26[웹디자인개발기능사 필기] 13년 3회차
    정상적으로 가고자하는 사이트로 연결되어야 하는데 이를 가로채어 특정 사이트로 연결하거나 특정 검색엔진을 사용하게 하는 악성코드를 무엇이라고 하는가?
    1
    스파이웨어
    2
    트로얀 해킹툴
    3
    쿠키파일
    4
    하이재커
    해설

    접속하려는 사이트를 가로채 다른 사이트나 검색엔진으로 연결하는 악성코드는 하이재커이다.

    브라우저 하이재커는 브라우저의 시작 페이지나 검색 설정을 바꾸고 접속을 가로챈다.

    • 스파이웨어는 사용자 몰래 정보를 수집해 보내는 프로그램이다.
    • 트로이 목마 해킹툴은 정상 프로그램으로 위장해 침투한 뒤 원격 조종 등을 하는 악성코드이다.
    • 쿠키 파일은 접속 정보를 저장하는 파일로 접속을 가로채는 악성코드가 아니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    27[웹디자인개발기능사 필기] 13년 3회차
    다음이 설명하고 있는 것은?
    문제 이미지
    1
    CGI
    2
    JAVA
    3
    DHTML
    4
    CSS
    해설

    문서의 각 요소를 객체로 다루며 위치·스타일 지정과 상호작용·움직임을 더하고 자바스크립트를 기반으로 하는 기술은 DHTML이다.

    DHTML은 HTML·CSS·자바스크립트(DOM)를 결합해 기존 HTML로는 어려운 동적인 웹 페이지를 만든다.

    • CGI: 웹 서버가 외부 프로그램을 실행해 결과를 돌려주는 서버 측 인터페이스로, 자바스크립트 기반 기술이 아니다.
    • JAVA: 썬 마이크로시스템즈가 만든 객체지향 프로그래밍 언어로, 자바스크립트와는 별개의 언어다.
    • CSS: 표현(스타일)을 지정하는 스타일시트 언어로, 자바스크립트를 기반으로 하는 기술이 아니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    28[웹디자인개발기능사 필기] 13년 3회차
    정보의 검색 결과에서 불필요하게 검색된 쓸모없는 쓰레기 정보를 지칭하는 용어는?
    1
    리키즈(Leakage)
    2
    시소러스(Theasaurus)
    3
    불 용어(Noise Word)
    4
    가비지(Garbage)
    해설
    등록된 해설이 없습니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    29[웹디자인개발기능사 필기] 13년 3회차
    IPv4 주소에서 각 클래스별 첫 8bit의 값이 옳은 것은?
    1
    A : 0000 0000~0111 1110
    B : 1000 0001~1011 1111
    2
    A : 0000 0000~0111 1111
    B : 1000 0000~1011 1111
    3
    A : 0000 0001~0111 1110
    B : 1000 0000~1011 1111
    4
    A : 0000 0001~0111 1111
    B : 1000 0001~1011 1111
    해설

    옳은 값은 A 클래스 0000 0001~0111 1110, B 클래스 1000 0000~1011 1111 이다.

    A 클래스는 첫 비트가 0 인데, 네트워크 0(기본 경로)과 127(루프백)은 예약되어 쓰지 못하므로 1~126 이다. B 클래스는 첫 두 비트가 10 이어서 128~191 이다.

    • A 가 0000 0000 으로 시작하고 B 가 1000 0001 부터인 구성은 예약된 0 을 포함하고 B 의 시작값 128 을 빠뜨렸다.
    • A 가 0000 0000~0111 1111 인 구성은 예약된 0 과 127 을 모두 포함한다.
    • A 가 0000 0001~0111 1111 이고 B 가 1000 0001 부터인 구성은 루프백 127 을 포함하고 B 의 시작값 128 을 빠뜨렸다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    30[웹디자인개발기능사 필기] 13년 3회차
    자바스크립트에서 이벤트 핸들러에 대한 설명으로 틀린 것은?
    1
    onBlur: 대상이 포커스를 잃어 버렸을 때 발생되는 이벤트를 처리
    2
    onFocus: 대상에 포커스가 들어왔을 때 발생되는 이벤트를 처리
    3
    onMouseOn: 마우스가 대상의 링크나 영역 안에 위치 할 때 발생되는 이벤트를 처리
    4
    onMouseOut: 마우스가 대상의 링크나 영역 안을 벗어 날 때 발생되는 이벤트를 처리
    해설

    onMouseOn 이라는 이벤트 핸들러는 없다. 마우스가 영역 위에 올라올 때 쓰는 것은 onMouseOver 이다.

    제시된 설명의 동작(마우스가 영역 안에 위치할 때)은 onMouseOver 의 것이므로 onMouseOn 설명이 틀리다.

    • onBlur 는 대상이 포커스를 잃었을 때 발생하는 이벤트이다.
    • onFocus 는 대상에 포커스가 들어왔을 때 발생하는 이벤트이다.
    • onMouseOut 은 마우스가 대상 영역을 벗어날 때 발생하는 이벤트이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    31[웹디자인개발기능사 필기] 13년 3회차
    자바스크립트에서 사용자의 특정한 행동에 대해 어떤 처리를 해줄 것인가를 정의하는 것은?
    1
    class
    2
    object model
    3
    event handler
    4
    event provider
    해설
    등록된 해설이 없습니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    32[웹디자인개발기능사 필기] 13년 3회차
    다음 중 네트워크를 구성하는 모든 노드들이 중심의 한 노드에 일대일로 연결된 네트워크 형태는?
    1
    Star형
    2
    Ring형
    3
    Tree형
    4
    Bus형
    해설

    모든 노드가 중심 노드 하나에 일대일로 연결된 형태는 Star형(성형)이다.

    중앙의 허브(중심 노드)를 거쳐 통신하므로 한 노드의 고장이 다른 노드에 직접 영향을 주지 않는 것이 특징이다.

    • Ring형은 각 노드가 양옆 이웃과 이어져 고리를 이루고 신호를 재생해 넘긴다.
    • Tree형은 상하 계층적으로 가지처럼 뻗어 나가는 구조이다.
    • Bus형은 하나의 공통 전송선에 여러 노드가 연결되는 구조이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    33[웹디자인개발기능사 필기] 13년 3회차
    인터넷에서 사용되는 대부분의 사운드 파일은 주로 압축된 형태의 것들이다. 다음 중 인터넷에서 사용되는 사운드 파일 형식의 확장자가 아닌 것은?
    1
    RA
    2
    AIFF
    3
    AU
    4
    BMP
    해설

    BMP는 사운드가 아니라 비트맵 이미지 파일 형식이므로 사운드 확장자가 아니다.

    나머지는 모두 오디오 파일 확장자이다.

    • RA는 RealAudio 계열의 스트리밍용 오디오 파일이다.
    • AIFF는 애플 계열에서 쓰는 오디오 파일 형식이다.
    • AU는 선(Sun) 계열의 오디오 파일 형식이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    34[웹디자인개발기능사 필기] 13년 3회차
    HTML 문서의 시작과 끝을 표시하기 위해 사용되는 태그로 옳은 것은?
    1
    <begin>
    2
    <body>
    3
    <html>
    4
    <start>
    해설

    HTML 문서의 시작과 끝을 표시하는 태그는 <html></html>이다.

    문서 전체를 이 태그로 감싸 HTML 문서임을 선언하며, 그 안에 head와 body가 들어간다.

    • <body>는 문서 전체가 아니라 화면에 표시되는 본문 영역만 나타낸다.
    • <begin>과 <start>는 HTML에 존재하지 않는 태그이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    35[웹디자인개발기능사 필기] 13년 3회차
    인터넷상에서 특정 사이트로 동시에 많은 이용자들이 접속하는 것을 방지하기 위해 같은 내용을 복사해 놓은 사이트는?
    1
    포털사이트(Potal Site)
    2
    미러사이트(Mirror Site)
    3
    메타(meta) 검색 엔진
    4
    프록시 서버(Proxy server)
    해설

    접속 집중을 분산하려고 같은 내용을 복사해 둔 사이트는 미러 사이트이다.

    원본 서버와 동일한 내용을 다른 서버에 거울처럼 복제해 두어 접속 부하를 나누고 접속 속도를 높인다.

    • 포털 사이트는 검색·뉴스·메일 등 다양한 서비스를 모아 제공하는 관문 사이트이다.
    • 메타 검색 엔진은 여러 검색 엔진에 동시에 질의해 결과를 모아 보여 주는 서비스이다.
    • 프록시 서버는 클라이언트를 대신해 요청을 중계하고 자주 쓰는 자료를 캐시하는 서버이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    36[웹디자인개발기능사 필기] 13년 3회차
    다음 중 웹 브라우저가 아닌 것은?
    1
    아파치
    2
    사파리
    3
    파이어폭스
    4
    인터넷 익스플로러
    해설

    아파치는 웹 브라우저가 아니라 웹 서버 소프트웨어이다.

    웹 브라우저는 웹 문서를 읽어 화면에 표시하는 클라이언트 프로그램이다.

    • 사파리는 애플의 웹 브라우저이다.
    • 파이어폭스는 모질라의 웹 브라우저이다.
    • 인터넷 익스플로러는 마이크로소프트의 웹 브라우저이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    37[웹디자인개발기능사 필기] 13년 3회차
    웹 페이지를 디자인할 때 고려해야 할 사항으로 가장 거리가 먼 것은?
    1
    웹 페이지의 일관성 유지
    2
    레이아웃 설계
    3
    웹 페이지의 배색 조화
    4
    페이지 내의 다양한 동영상 삽입하기
    해설

    웹 페이지 설계 시 고려할 사항과 거리가 먼 것은 다양한 동영상을 페이지에 많이 삽입하는 것이다.

    동영상을 과도하게 넣으면 로딩이 느려지고 화면이 산만해져 오히려 사용성을 해친다. 나머지는 모두 디자인 단계의 기본 고려 사항이다.

    • 웹 페이지의 일관성 유지는 사용자가 구조를 쉽게 익히게 하는 기본 원칙이다.
    • 레이아웃 설계는 정보를 배치하는 핵심 설계 작업이다.
    • 배색 조화는 사이트의 인상과 가독성을 좌우하는 요소이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    38[웹디자인개발기능사 필기] 13년 3회차
    다음 중 HTML의 주석문 처리로 옳은 것은?
    1
    !-- 여기는 주석문 입니다. --
    2
    ?-- 여기는 주석문 입니다. --
    3
    {-- 여기는 주석문 입니다. --}
    4
    <!-- 여기는 주석문 입니다. -->
    해설

    HTML의 주석문은 <!-- 내용 --> 형태로 작성된다.

    • '!-- … --' 형태: `!--`로 시작하는데 꺾쇠괄호가 없다.
    • '?-- … --' 형태: `?--`를 사용하는데 이는 XML 선언 형태이다.
    • '{-- … --}' 형태: 중괄호 `{--`를 사용하는데 HTML 표준이 아니다.

    '<!-- 여기는 주석문 입니다. -->'는 `<!--`와 `-->`로 표현되어 있는데, 이는 HTML 엔티티로 인코딩된 형태로 <는 <, >는 >의 엔티티 코드이므로 실제로는 `<!--` 와 `-->`를 의미하며, 올바른 HTML 주석 문법이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    39[웹디자인개발기능사 필기] 13년 3회차
    별도의 Plug-In 프로그램이 없어도 웹브라우저에서 재생 가능한 것은?
    1
    MOV 파일
    2
    RDF 문서
    3
    VRML 파일
    4
    XML 문서
    해설
    등록된 해설이 없습니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    40[웹디자인개발기능사 필기] 13년 3회차
    다음 중 자바스크립트의 연산자 우선순위가 가장 낮은 것은?
    1
    +
    2
    &&
    3
    &
    4
    [ ]
    해설

    보기의 연산자 중 우선순위가 가장 낮은 것은 논리 AND(&&)이다.

    일반적으로 [ ] 접근, 산술 연산, 비트 연산, 논리 연산 순으로 우선순위가 낮아진다.

    • [ ]는 멤버·배열 접근 연산자로 우선순위가 가장 높은 축에 속한다.
    • +는 산술 연산자로 비트·논리 연산자보다 먼저 계산된다.
    • 단일 &는 비트 AND 연산자로 논리 AND보다 먼저 계산된다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    41[웹디자인개발기능사 필기] 13년 3회차
    다음과 같은 내비게이션 구조는?
    문제 이미지
    1
    순차 구조
    2
    프로토콜 구조
    3
    계층 구조
    4
    네트워크 구조
    해설

    그림은 계층 구조의 내비게이션이다.

    맨 위 상자 1개에서 아래로 상자 6개가 갈라지고, 그 6개가 각각 아래 상자 1개씩으로 이어지는 위에서 아래로 뻗는 나무(트리) 모양이다.

    • 순차 구조: 페이지가 한 줄로 차례대로 이어지는 형태로, 한 상자에서 여러 갈래로 나뉘지 않는다.
    • 프로토콜 구조: 프로토콜은 컴퓨터끼리 데이터를 주고받는 통신 규약을 뜻하는 말이다.
    • 네트워크 구조: 페이지끼리 상하 구분 없이 그물처럼 서로 연결되는 형태로, 그림처럼 한 방향 위계를 따르지 않는다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    42[웹디자인개발기능사 필기] 13년 3회차
    일반적인 웹 디자인 발상의 전개과정을 순서대로 옳게 나열한 것은?
    1
    발의 → 분석 → 연구/조사 → 평가 → 개발 → 전달
    2
    발의 → 연구/조사 → 분석 → 개발 → 종합 → 전달
    3
    발의 → 연구/조사 → 분석 → 평가 → 개발 → 전달
    4
    발의 → 평가 → 연구/조사 → 분석 → 개발 → 전달
    해설
    등록된 해설이 없습니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    43[웹디자인개발기능사 필기] 13년 3회차
    다음 중 스프라이트에 대한 설명으로 옳지 않은 것은?
    1
    자연스러운 애니메이션을 구사한다.
    2
    원래의 의미는 화면 겹치기라는 뜻이다.
    3
    배경과는 독립되어 있다.
    4
    컴퓨터 그래픽에서 벡터 이미지로 이루어진 작은 이미지이다.
    해설

    스프라이트는 래스터(비트맵) 이미지로 이루어진 작은 그래픽 객체이므로 4번이 옳지 않다. 스프라이트는 픽셀 단위로 구성된 래스터 형식이며, 게임이나 애니메이션에서 배경과 독립적으로 움직이면서 화면 겹치기(layering)를 통해 자연스러운 애니메이션을 구현하는 것이 원래 의미다. 벡터 이미지는 수학적 좌표로 표현되는 확대·축소에 유리한 형식이지만, 스프라이트는 고정된 해상도의 픽셀 기반 이미지를 사용한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    44[웹디자인개발기능사 필기] 13년 3회차
    웹에서 타이포를 이용한 애니메이션을 구현할 수 있는 프로그램으로 적절하지 않은 것은?
    1
    Flash
    2
    Painter
    3
    Swish
    4
    Flax
    해설
    등록된 해설이 없습니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    45[웹디자인개발기능사 필기] 13년 3회차
    물체의 윤곽선이 낮은 해상도에서 곡선이나 사선을 표현하였을 때 계단 모양 또는 지그재그 모양으로 나타나게 되는데 이 때 나타나는 부자연스러움을 없애기 위해 픽셀의 그리드에 단계별 회색을 넣어 계단 현상을 없애주는 것을 무엇이라 하는가?
    1
    듀오톤(Duo tone)
    2
    셰이브(Shape)
    3
    안티앨리어스(Anti-alias)
    4
    하프톤(half tone)
    해설

    계단 현상을 없애려고 경계 픽셀에 단계별 회색을 넣는 기법은 안티앨리어스이다.

    윤곽선 주변에 중간 톤을 채워 경계를 부드럽게 보이게 한다.

    • 듀오톤은 두 가지 잉크 색으로 이미지를 표현하는 방식이다.
    • 셰이브(Shape)는 형태를 뜻할 뿐 계단 현상을 줄이는 기법이 아니다.
    • 하프톤은 점의 밀도로 명암을 표현하는 방식으로 안티앨리어싱과 다르다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    46[웹디자인개발기능사 필기] 13년 3회차
    웹 페이지에 애니메이션 기능의 배너를 삽입하려고 할 때 가장 적절한 파일 형태는?
    1
    SWF
    2
    PSD
    3
    JPG
    4
    WMV
    해설

    애니메이션 배너에는 플래시 결과물인 SWF 형식이 가장 적절하다.

    SWF는 벡터 기반으로 용량이 작아 웹에서 애니메이션을 재생하기에 알맞다.

    • PSD는 포토샵의 레이어를 보존하는 작업용 파일이다.
    • JPG는 정지 이미지용 손실 압축 형식이라 애니메이션을 담을 수 없다.
    • WMV는 동영상 파일이라 배너 용도로는 용량과 로딩 면에서 부적합하다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    47[웹디자인개발기능사 필기] 13년 3회차
    다음 중 Photoshop 파일로 옳은 것은??
    1
    default.asp
    2
    index.html
    3
    main.psd
    4
    script.js
    해설

    포토샵 파일은 확장자가 .psd인 파일이다.

    PSD는 Photoshop Document의 약자로 레이어 정보를 보존한다.

    • .asp는 서버에서 실행되는 동적 웹 페이지 파일이다.
    • .html은 웹 문서 파일이다.
    • .js는 자바스크립트 소스 파일이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    48[웹디자인개발기능사 필기] 13년 3회차
    애니메이션에서 한 장의 영상을 의미하는 것은?
    1
    픽셀(Pixel)
    2
    씬(Scene)
    3
    프레임(Frame)
    4
    테이크(Take)
    해설

    애니메이션에서 한 장의 영상은 프레임이다.

    애니메이션은 프레임을 연속해서 재생해 움직이는 것처럼 보이게 하는 기법이다.

    • 픽셀은 화면을 이루는 가장 작은 점 단위이다.
    • 씬은 여러 컷이 모여 이루는 한 장면 단위이다.
    • 테이크는 한 번에 연속해서 촬영한 영상 단위이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    49[웹디자인개발기능사 필기] 13년 3회차
    RGB컬러에서 R=0, G=0, B=0로 설정할 때 모니터에 나타나는 색상은?
    1
    White
    2
    Black
    3
    Blue
    4
    Yellow
    해설

    R, G, B가 모두 0이면 빛이 전혀 없는 검정(Black)이 된다.

    RGB는 가산혼합이라 값이 클수록 밝아지고 모두 0이면 빛이 없다.

    • 모든 값이 최대일 때 흰색이 된다.
    • 파랑은 B만 켜진 상태이다.
    • 노랑은 R과 G를 함께 켠 상태이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    50[웹디자인개발기능사 필기] 13년 3회차
    다음 중 웹사이트 디자인 프로세스의 순서를 옳게 나열한 것은?
    문제 이미지
    1
    ①→②→③→④
    2
    ①→③→②→④
    3
    ③→②→④→①
    4
    ③→①→②→④
    해설

    웹사이트 디자인 프로세스는 컨셉 정하기 → 사이트 맵 그리기 → 기본디자인 구상하기 → 세부디자인 구상하기 순서이다.

    먼저 사이트의 방향(컨셉)을 정해야 그에 맞춰 페이지 구조(사이트 맵)를 짤 수 있고, 구조가 나와야 전체 화면의 기본 틀을 디자인한 뒤 각 페이지의 세부 디자인으로 내려갈 수 있다.

    • 사이트 맵 → 기본디자인 → 컨셉 → 세부디자인: 사이트 맵과 기본디자인을 먼저 하고 컨셉을 나중에 정하므로 순서가 맞지 않는다.
    • 사이트 맵 → 컨셉 → 기본디자인 → 세부디자인: 사이트 맵을 컨셉보다 먼저 그리므로 틀렸다.
    • 컨셉 → 기본디자인 → 세부디자인 → 사이트 맵: 사이트 맵을 디자인이 끝난 뒤 맨 마지막에 그리므로 틀렸다. 화면 디자인은 사이트 맵으로 구조를 잡은 다음에 한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    51[웹디자인개발기능사 필기] 13년 3회차
    웹 그래픽 작업 시 레이아웃 방식으로 적절치 않은 것은?
    1
    화면의 사이즈는 현재 가장 많은 사용자가 사용하는 그래픽 카드의 해상도를 기준으로 한다.
    2
    일관성 있는 메뉴 바의 고정을 위해 꼭 프레임 구조로 작업해야 한다.
    3
    안전영역(Safe Zone)안에 중요한 메뉴가 위치하게 작업 한다.
    4
    일관성 있는 메뉴 바나 내비게이션 바의 페이지 간 연속성을 통하여 사용의 익숙함을 가지도록 한다.
    해설

    메뉴 바 고정을 위해 꼭 프레임 구조로 작업해야 한다는 설명은 적절하지 않다.

    일관성 있는 메뉴는 프레임뿐 아니라 템플릿 등 다른 방법으로도 구현할 수 있어 반드시라는 단정이 틀리다.

    • 가장 많은 사용자가 쓰는 해상도를 기준으로 화면 크기를 잡는 것은 적절하다.
    • 안전영역 안에 중요한 메뉴를 두는 것은 적절하다.
    • 메뉴 바와 내비게이션 바의 연속성으로 익숙함을 주는 것은 적절하다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    52[웹디자인개발기능사 필기] 13년 3회차
    3차원 컴퓨터 그래픽의 모델링 방식 중 물체의 면과 면이 만나서 구성되는 모서리 선을 사용하여 물체의 형상을 표현하는 방식으로 점, 꼭짓점을 연결하는 선 또는 곡선만으로 표현하는 방식은?
    1
    와이어프레임(Wire Frame)모델링 방식
    2
    솔리드(Solid)모델링 방식
    3
    CSG(constructive Solid Geometry)모델링 방식
    4
    B-Reps(Boundary Representation)모델링 방식
    해설

    모서리 선과 꼭짓점만으로 형상을 표현하는 방식은 와이어프레임 모델링이다.

    면 없이 선으로만 구성해 처리가 빠르지만 면과 부피 정보는 없다.

    • 솔리드 모델링은 내부까지 채워진 부피를 가진 입체로 표현한다.
    • CSG는 기본 입체를 합치고 빼는 불리언 연산으로 형상을 만든다.
    • B-Reps는 입체를 둘러싼 경계면의 집합으로 표현한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    53[웹디자인개발기능사 필기] 13년 3회차
    점성이 있는 소재를 이용해 한 프레임씩 촬영한 후, 각 프레임을 연결하는 애니메이션 기법은?
    1
    셀 애니메이션
    2
    플립북 애니메이션
    3
    컷아웃 애니메이션
    4
    스톱모션 애니메이션
    해설

    점성이 있는 소재를 한 프레임씩 촬영하는 기법은 스톱모션 애니메이션이다.

    클레이 같은 소재를 조금씩 움직이며 프레임마다 촬영해 이어 붙인다.

    • 셀 애니메이션은 투명 셀룰로이드에 그린 그림을 촬영한다.
    • 플립북 애니메이션은 책장에 연속 그림을 그려 넘겨 보는 방식이다.
    • 컷아웃 애니메이션은 종이 등을 오려 만든 조각을 움직여 촬영한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    54[웹디자인개발기능사 필기] 13년 3회차
    다음 중 동적인 타이포그래피를 나타내는 것으로 틀린 것은?
    1
    키네틱 타이포그래피
    2
    스테이틱 타이포그래피
    3
    다이나믹 타이포그래피
    4
    스타일리쉬 타이포그래피
    해설
    등록된 해설이 없습니다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    55[웹디자인개발기능사 필기] 13년 3회차
    웹 페이지 제작 시 제안서에 포함될 내용으로 가장 거리가 먼 것은?
    1
    프로젝트의 개요 및 목적
    2
    차별화 전략 및 제작 일정
    3
    팀 구성 및 예산
    4
    구조설계 및 내비게이션 디자인
    해설

    제안서 내용으로 가장 거리가 먼 것은 구조설계 및 내비게이션 디자인이다.

    이는 제안 승인 이후 기획·설계 단계에서 구체화하는 작업 내용이다. 나머지는 제안 단계에서 밝히는 항목이다.

    • 프로젝트의 개요와 목적은 제안서의 기본 항목이다.
    • 차별화 전략과 제작 일정은 수주를 위해 제시하는 항목이다.
    • 팀 구성과 예산은 수행 가능성을 보여 주는 항목이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    56[웹디자인개발기능사 필기] 13년 3회차
    16만 7천 컬러 이상의 색상과 256단계의 알파 채널을 사용하기 위해서는 최소 몇 bit가 필요한가?
    1
    8비트
    2
    16비트
    3
    24비트
    4
    32비트
    해설

    1,677만 색과 256단계 알파 채널에는 최소 32비트가 필요하다.

    224=16,777,2162^{24}=16{,}777{,}216이므로 색상 정보에 24비트, 투명도 256단계(282^8)에 8비트가 필요하다.
    합계는 24+8=3224+8=32비트이다.

    • 8비트는 256색만 표현한다.
    • 16비트는 약 6만 5천 색 수준이라 색 수가 모자란다.
    • 24비트는 색은 충분하지만 알파 채널 8비트가 빠진다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    57[웹디자인개발기능사 필기] 13년 3회차
    내비게이션에 관한 설명 중 가장 거리가 먼 것은?
    1
    일관성 있는 내비게이션을 만들어야 한다.
    2
    로딩 속도를 고려해야 한다.
    3
    최대한 많은 메뉴를 만들어야 한다.
    4
    링크가 끊어진 페이지가 없어야 한다.
    해설

    내비게이션 설명으로 가장 거리가 먼 것은 최대한 많은 메뉴를 만들어야 한다는 것이다.

    메뉴가 지나치게 많으면 사용자가 원하는 정보를 찾기 어려워진다.

    • 일관성 있는 내비게이션은 사용자가 구조를 익히기 쉽게 한다.
    • 로딩 속도를 고려하는 것은 내비게이션 설계에서 중요하다.
    • 끊어진 링크가 없어야 한다는 것은 기본 요건이다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    58[웹디자인개발기능사 필기] 13년 3회차
    다음이 설명하고 있는 것은?
    문제 이미지
    1
    태블릿(Tablet)
    2
    플로터(Plotter)
    3
    라이트 펜(Light Pen)
    4
    터치스크린(Touch Screen)
    해설

    전자 장치가 된 보드 위에서 마우스형 도구나 전자펜으로 위치 값을 입력하는 장치는 태블릿(Tablet)이다.

    그림의 설명은 판(보드)과 펜·퍽(마우스형 도구)으로 좌표를 입력하고, 응용 프로그램에서 도구 선택과 기능 수행에도 쓰인다는 내용으로, 디자인·CAD 작업에 쓰는 입력 장치인 태블릿(디지타이저)을 가리킨다.

    • 플로터(Plotter): 펜이나 잉크로 도면을 종이에 그려 내는 출력 장치여서 위치 값을 입력하는 장치가 아니다.
    • 라이트 펜(Light Pen): 별도의 보드 없이 펜을 모니터 화면에 직접 대고 화면의 빛을 감지해 위치를 지정한다.
    • 터치스크린(Touch Screen): 보드와 펜이 아니라 손가락 등으로 화면 자체를 눌러 입력한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    59[웹디자인개발기능사 필기] 13년 3회차
    컴퓨터 그래픽스의 역사 중 2세대를 의미하는 것은?
    1
    진공관 시대
    2
    트랜지스터 시대
    3
    집적회로 시대
    4
    고밀도 집적회로 시대
    해설

    컴퓨터 그래픽스의 2세대는 소자 기준으로 트랜지스터 시대이다.

    소자 기준으로 진공관이 1세대, 트랜지스터가 2세대, 집적회로가 3세대, 고밀도 집적회로가 4세대이다.

    • 진공관 시대는 1세대에 해당한다.
    • 집적회로 시대는 3세대에 해당한다.
    • 고밀도 집적회로 시대는 4세대에 해당한다.

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

    메모
    아직 메모가 없어요. 위 버튼으로 첫 메모를 남겨보세요.
    60[웹디자인개발기능사 필기] 13년 3회차
    다음 ( )안에 공통으로 들어갈 알맞은 단어는?
    문제 이미지
    1
    에디터(Editor)
    2
    위지위그(WYSIWYG)
    3
    비헤이비어(Behavior)
    4
    스크립트(Script)
    해설

    괄호에 공통으로 들어갈 말은 위지위그(WYSIWYG)이다.

    그림의 설명은 드림위버·나모 웹에디터가 대표적인 이 방식의 프로그램이며, 에디터에서 작업하는 화면과 출력되는 화면이 같다는 뜻이라고 한다. WYSIWYG 는 'What You See Is What You Get(보는 대로 얻는다)'의 줄임말이다.

    • 에디터(Editor): 문서나 코드를 편집하는 프로그램 전반을 부르는 말이다. 메모장 같은 텍스트 에디터는 HTML 소스 코드를 그대로 보여 주므로, 에디터라는 말 자체에 작업 화면과 출력 화면이 같다는 뜻은 없다.
    • 비헤이비어(Behavior): 드림위버에서 미리 만들어진 자바스크립트 동작을 이벤트에 연결해 주는 기능이다.
    • 스크립트(Script): 브라우저 등에서 실행되는 프로그램 코드로, 편집 화면과 출력 화면이 같은 편집 방식과는 무관하다.

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

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

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

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

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

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

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

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

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

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