CertHub
CBT 모의고사

웹디자인개발기능사

문제 은행 100문항제한시간 30분합격 기준 60점

과목 선택

한 과목만 골라 약한 부분을 집중해서 풀 수 있어요.

출제 문항 수 (문제 은행에서 랜덤 출제)

채점 방식

끝까지 푼 뒤 제출하면 한 번에 채점돼요.

  • · 문제 번호를 눌러 원하는 문제로 이동할 수 있어요.
  • · 키보드 1~4로 답 선택, ←→로 이동할 수 있어요.
  • · 시간이 종료되면 자동으로 제출됩니다.
  • · 틀린 문제는 오답노트에 자동 저장돼요.
다른 시험 보기

웹디자인개발기능사 예상문제 미리보기

전체 100문항 중 10문항을 과목별로 뽑았어요. 정답과 해설은 눌러서 확인할 수 있습니다.

  1. UX 기획·프로토타입1번 문항
    CCL(Creative Commons License) 이용 조건 가운데 'NC'가 뜻하는 것은?
    1. 1.저작자 표시 — 원저작자를 밝혀야 한다
    2. 2.변경 금지 — 내용을 바꾸거나 2차 저작물을 만들 수 없다
    3. 3.비영리 — 영리 목적으로 이용할 수 없다
    4. 4.동일조건 변경허락 — 2차 저작물에 같은 조건을 붙여야 한다
    정답·해설 보기

    정답 3번. 비영리 — 영리 목적으로 이용할 수 없다

    NC는 Noncommercial(비영리)의 약자로, 영리 목적의 이용을 허락하지 않는다는 조건입니다. 저작자 표시는 BY, 변경 금지는 ND, 동일조건 변경허락은 SA로 표기합니다.

  2. 디자인 구성요소·매체2번 문항
    와이어프레임(Wireframe)에 대한 설명으로 옳은 것은?
    1. 1.실제 서비스와 똑같이 동작하는 완성 프로그램
    2. 2.색·이미지 같은 시각 요소를 빼고 화면의 레이아웃과 콘텐츠 배치를 선과 상자로 나타낸 설계도
    3. 3.사이트의 전체 페이지를 계층 구조로 나열한 목록
    4. 4.브랜드의 색과 서체 규칙을 정리한 문서
    정답·해설 보기

    정답 2번. 색·이미지 같은 시각 요소를 빼고 화면의 레이아웃과 콘텐츠 배치를 선과 상자로 나타낸 설계도

    와이어프레임은 화면의 골격(영역, 메뉴, 콘텐츠 위치)을 단순한 선과 상자로 정리해 구조를 합의하는 단계의 산출물입니다. 동작하는 완성품은 개발 결과물, 페이지 계층 목록은 사이트맵, 색·서체 규칙은 스타일 가이드입니다.

  3. 웹 구현(HTML·CSS·JavaScript)3번 문항
    HTML5 문서의 맨 첫 줄에 쓰는 문서형 선언으로 옳은 것은?
    1. 1.<!DOCTYPE html>
    2. 2.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    3. 3.<html version="5">
    4. 4.<?xml version="1.0"?>
    정답·해설 보기

    정답 1번. <!DOCTYPE html>

    HTML5의 문서형 선언은 <!DOCTYPE html> 한 줄이며 대소문자를 구분하지 않습니다. DTD를 지정하는 긴 선언은 HTML 4.01 방식이고, html 요소에는 version 속성으로 버전을 지정하지 않으며, XML 선언은 HTML5 문서형 선언이 아닙니다.

  4. 색채(조색·배색)4번 문항
    색의 3속성으로 옳은 것은?
    1. 1.색상, 명도, 반사율
    2. 2.명도, 채도, 투명도
    3. 3.색상, 명도, 채도
    4. 4.색상, 채도, 질감
    정답·해설 보기

    정답 3번. 색상, 명도, 채도

    색은 색 기미의 종류인 색상, 밝기인 명도, 맑고 탁한 정도인 채도의 세 속성으로 구분합니다. 반사율·투명도·질감은 색의 3속성이 아닙니다.

  5. UX 기획·프로토타입5번 문항
    우리나라 저작권법상 저작재산권의 보호기간에 대한 원칙으로 옳은 것은?
    1. 1.저작물을 공표한 후 50년간
    2. 2.저작자가 생존하는 동안과 사망한 후 30년간
    3. 3.저작물을 창작한 후 100년간
    4. 4.저작자가 생존하는 동안과 사망한 후 70년간
    정답·해설 보기

    정답 4번. 저작자가 생존하는 동안과 사망한 후 70년간

    저작권법 제39조에 따라 저작재산권은 원칙적으로 저작자가 생존하는 동안과 사망한 후 70년간 존속합니다. 공표 후 기간으로 계산하는 것은 업무상저작물 같은 예외이고, 30년·100년은 현행 규정이 아닙니다.

  6. 디자인 구성요소·매체6번 문항
    웹 프로젝트의 스토리보드에 일반적으로 들어가는 내용으로 거리가 먼 것은?
    1. 1.화면별 레이아웃과 구성 요소
    2. 2.링크·버튼을 눌렀을 때의 동작과 이동 경로
    3. 3.화면 요소에 대한 설명(디스크립션)
    4. 4.웹 서버 장비의 구매 견적과 계약 조건
    정답·해설 보기

    정답 4번. 웹 서버 장비의 구매 견적과 계약 조건

    스토리보드는 화면 설계와 기능·이동 흐름을 디자이너·개발자가 공유하도록 화면 단위로 정리한 문서입니다. 서버 장비 구매 견적은 스토리보드가 아니라 사업·인프라 문서에서 다룹니다.

  7. 웹 구현(HTML·CSS·JavaScript)7번 문항
    HTML 문서의 문자 인코딩을 UTF-8로 지정하는 HTML5 방식의 코드로 옳은 것은?
    1. 1.<meta charset="utf-8">
    2. 2.<meta encoding="utf-8">
    3. 3.<charset type="utf-8">
    4. 4.<link charset="utf-8">
    정답·해설 보기

    정답 1번. <meta charset="utf-8">

    HTML5에서는 head 안에 <meta charset="utf-8">을 넣어 문서 인코딩을 지정합니다. meta에 encoding 속성은 없고, charset이라는 요소도 없으며, link 요소로는 문서 인코딩을 선언하지 않습니다.

  8. 색채(조색·배색)8번 문항
    먼셀 표색계에서 '5R 4/14'를 바르게 읽은 것은?
    1. 1.색상 5R, 채도 4, 명도 14
    2. 2.명도 5, 색상 R, 채도 4/14
    3. 3.색상 5R, 명도 14, 채도 4
    4. 4.색상 5R, 명도 4, 채도 14
    정답·해설 보기

    정답 4번. 색상 5R, 명도 4, 채도 14

    먼셀 표기는 H V/C 순서로, 색상(H) 다음에 명도(V)/채도(C)를 씁니다. 따라서 5R 4/14는 색상 5R, 명도 4, 채도 14입니다.

  9. UX 기획·프로토타입9번 문항
    웹사이트에 유료 서체를 웹 폰트로 적용하려 할 때 가장 먼저 확인해야 할 것은?
    1. 1.서체 파일의 용량이 이미지 파일보다 작은지
    2. 2.서체 이름이 영문으로 되어 있는지
    3. 3.서체가 운영체제에 기본으로 설치되어 있는지
    4. 4.구매한 서체 라이선스가 웹 임베딩(웹 폰트) 사용을 허용하는지
    정답·해설 보기

    정답 4번. 구매한 서체 라이선스가 웹 임베딩(웹 폰트) 사용을 허용하는지

    서체는 인쇄용·웹용·앱 임베딩용처럼 사용 범위를 나눠 라이선스를 주는 경우가 많아, 웹 폰트로 서버에 올려 배포해도 되는지부터 확인해야 합니다. 용량·이름·기본 설치 여부는 저작권 문제와 직접 관계가 없습니다.

  10. 디자인 구성요소·매체10번 문항
    회원가입이나 튜토리얼처럼 정해진 순서대로 한 단계씩 진행하도록 만든 정보구조 유형은?
    1. 1.계층(트리) 구조
    2. 2.그리드 구조
    3. 3.순차(선형) 구조
    4. 4.네트워크(웹형) 구조
    정답·해설 보기

    정답 3번. 순차(선형) 구조

    순차 구조는 페이지를 일렬로 이어 사용자가 정해진 순서로 진행하게 합니다. 계층 구조는 대분류에서 소분류로 내려가는 트리, 그리드는 여러 기준으로 교차 탐색, 네트워크 구조는 페이지끼리 자유롭게 연결된 형태입니다.