CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available" lang="ko" dir="ltr"> <head> <meta charset="UTF-8"> <title>페이지 레이아웃 - 위키백과, 우리 모두의 백과사전</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )kowikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"ko", "wgMonthNames":["","1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],"wgRequestId":"e6bed831-e2a2-4c96-afd5-8e12babd1aad","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"페이지_레이아웃","wgTitle":"페이지 레이아웃","wgCurRevisionId":36779917,"wgRevisionId":36779917,"wgArticleId":846171,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["해결되지 않은 속성이 있는 문서","위키데이터 속성 P18을 사용하는 문서","위키데이터 속성 P373을 사용하는 문서","위키데이터 속성 P227을 사용하는 문서","위키데이터 속성 P244를 사용하는 문서","위키데이터 속성 P349를 사용하는 문서","위키데이터 속성 P7859를 사용하는 문서","위키데이터 속성 P8189를 사용하는 문서","GND 식별자를 포함한 위키백과 문서", "J9U 식별자를 포함한 위키백과 문서","LCCN 식별자를 포함한 위키백과 문서","NDL 식별자를 포함한 위키백과 문서","미술에 관한 토막글","큰 토막글 문서","모든 토막글 문서","페이지 레이아웃","책 예술","커뮤니케이션 디자인","그래픽 디자인"],"wgPageViewLanguage":"ko","wgPageContentLanguage":"ko","wgPageContentModel":"wikitext","wgRelevantPageName":"페이지_레이아웃","wgRelevantArticleId":846171,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"ko","pageLanguageDir":"ltr","pageVariantFallbacks":"ko"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength": 7000,"wgRelatedArticlesCompat":[],"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q868954","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.gadget.SectionFont":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready", "ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","mediawiki.page.media","site","mediawiki.page.ready","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.directcommons","ext.gadget.edittools","ext.gadget.refToolbar","ext.gadget.siteNotice","ext.gadget.scrollUpButton","ext.gadget.strikethroughTOC","ext.gadget.switcher","ext.gadget.WikiMiniAtlas","ext.gadget.Calculator","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints", "ext.quicksurveys.init","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=ko&modules=ext.cite.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=ko&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=ko&modules=ext.gadget.SectionFont&only=styles&skin=vector-2022"> <link rel="stylesheet" href="/w/load.php?lang=ko&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/a/a2/Das_Wohltemperirte_Clavier_titlepage_2.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1903"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/a/a2/Das_Wohltemperirte_Clavier_titlepage_2.jpg"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="1269"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="1015"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="페이지 레이아웃 - 위키백과, 우리 모두의 백과사전"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//ko.m.wikipedia.org/wiki/%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83"> <link rel="alternate" type="application/x-wiki" title="편집" href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="위키백과 (ko)"> <link rel="EditURI" type="application/rsd+xml" href="//ko.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://ko.wikipedia.org/wiki/%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.ko"> <link rel="alternate" type="application/atom+xml" title="위키백과 아톰 피드" href="/w/index.php?title=%ED%8A%B9%EC%88%98:%EC%B5%9C%EA%B7%BC%EB%B0%94%EB%80%9C&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-페이지_레이아웃 rootpage-페이지_레이아웃 skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">본문으로 이동</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="사이트"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="주 메뉴" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">주 메뉴</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">주 메뉴</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">사이드바로 이동</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">숨기기</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> 둘러보기 </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EB%8C%80%EB%AC%B8" title="대문으로 가기 [z]" accesskey="z"><span>대문</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/%ED%8A%B9%EC%88%98:%EC%B5%9C%EA%B7%BC%EB%B0%94%EB%80%9C" title="위키의 최근 바뀐 목록 [r]" accesskey="r"><span>최근 바뀜</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/%ED%8F%AC%ED%84%B8:%EC%9A%94%EC%A6%98_%ED%99%94%EC%A0%9C" title="최근의 소식 알아 보기"><span>요즘 화제</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/%ED%8A%B9%EC%88%98:%EC%9E%84%EC%9D%98%EB%AC%B8%EC%84%9C" title="무작위로 선택된 문서 불러오기 [x]" accesskey="x"><span>임의의 문서로</span></a></li> </ul> </div> </div> <div id="p-사용자_모임" class="vector-menu mw-portlet mw-portlet-사용자_모임" > <div class="vector-menu-heading"> 사용자 모임 </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-projectchat" class="mw-list-item"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%82%AC%EB%9E%91%EB%B0%A9"><span>사랑방</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%82%AC%EC%9A%A9%EC%9E%90_%EB%AA%A8%EC%9E%84" title="위키백과 참여자를 위한 토론/대화 공간입니다."><span>사용자 모임</span></a></li><li id="n-request" class="mw-list-item"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%9A%94%EC%B2%AD"><span>관리 요청</span></a></li> </ul> </div> </div> <div id="p-편집_안내" class="vector-menu mw-portlet mw-portlet-편집_안내" > <div class="vector-menu-heading"> 편집 안내 </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-helpintro" class="mw-list-item"><a href="/wiki/%EB%8F%84%EC%9B%80%EB%A7%90:%EC%86%8C%EA%B0%9C"><span>소개</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EB%8F%84%EC%9B%80%EB%A7%90" title="도움말"><span>도움말</span></a></li><li id="n-policy" class="mw-list-item"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%A0%95%EC%B1%85%EA%B3%BC_%EC%A7%80%EC%B9%A8"><span>정책과 지침</span></a></li><li id="n-qna" class="mw-list-item"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%A7%88%EB%AC%B8%EB%B0%A9"><span>질문방</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EB%8C%80%EB%AC%B8" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="위키백과" src="/static/images/mobile/copyright/wikipedia-wordmark-ko.svg" style="width: 7.5em; height: 1.75em;"> <img class="mw-logo-tagline" alt="" src="/static/images/mobile/copyright/wikipedia-tagline-ko.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/%ED%8A%B9%EC%88%98:%EA%B2%80%EC%83%89" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="위키백과 검색 [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>검색</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="위키백과 검색" aria-label="위키백과 검색" autocapitalize="sentences" title="위키백과 검색 [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="특수:검색"> </div> <button class="cdx-button cdx-search-input__end-button">검색</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="개인 도구"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="보이기"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="문서의 글꼴 크기, 폭, 색의 모습을 변경합니다" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="보이기" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">보이기</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_ko.wikipedia.org&uselang=ko" class=""><span>기부</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=%ED%8A%B9%EC%88%98:%EA%B3%84%EC%A0%95%EB%A7%8C%EB%93%A4%EA%B8%B0&returnto=%ED%8E%98%EC%9D%B4%EC%A7%80+%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" title="계정을 만들고 로그인하는 것이 좋습니다. 하지만 필수는 아닙니다" class=""><span>계정 만들기</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=%ED%8A%B9%EC%88%98:%EB%A1%9C%EA%B7%B8%EC%9D%B8&returnto=%ED%8E%98%EC%9D%B4%EC%A7%80+%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" title="위키백과에 로그인하면 여러가지 편리한 기능을 사용할 수 있습니다. [o]" accesskey="o" class=""><span>로그인</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="더 많은 옵션" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="개인 도구" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">개인 도구</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="사용자 메뉴" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_ko.wikipedia.org&uselang=ko"><span>기부</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=%ED%8A%B9%EC%88%98:%EA%B3%84%EC%A0%95%EB%A7%8C%EB%93%A4%EA%B8%B0&returnto=%ED%8E%98%EC%9D%B4%EC%A7%80+%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" title="계정을 만들고 로그인하는 것이 좋습니다. 하지만 필수는 아닙니다"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>계정 만들기</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=%ED%8A%B9%EC%88%98:%EB%A1%9C%EA%B7%B8%EC%9D%B8&returnto=%ED%8E%98%EC%9D%B4%EC%A7%80+%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" title="위키백과에 로그인하면 여러가지 편리한 기능을 사용할 수 있습니다. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>로그인</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> 로그아웃한 편집자를 위한 문서 <a href="/wiki/%EB%8F%84%EC%9B%80%EB%A7%90:%EC%86%8C%EA%B0%9C" aria-label="편집에 관해 더 알아보기"><span>더 알아보기</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/%ED%8A%B9%EC%88%98:%EB%82%B4%EA%B8%B0%EC%97%AC" title="이 IP 주소의 편집 목록 [y]" accesskey="y"><span>기여</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/%ED%8A%B9%EC%88%98:%EB%82%B4%EC%82%AC%EC%9A%A9%EC%9E%90%ED%86%A0%EB%A1%A0" title="현재 사용하는 IP 주소에 대한 토론 문서 [n]" accesskey="n"><span>토론</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="사이트"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="목차" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">목차</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">사이드바로 이동</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">숨기기</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">처음 위치</div> </a> </li> <li id="toc-구성_요소" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#구성_요소"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>구성 요소</span> </div> </a> <button aria-controls="toc-구성_요소-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>구성 요소 하위섹션 토글하기</span> </button> <ul id="toc-구성_요소-sublist" class="vector-toc-list"> <li id="toc-타이포그래피" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#타이포그래피"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1</span> <span>타이포그래피</span> </div> </a> <ul id="toc-타이포그래피-sublist" class="vector-toc-list"> <li id="toc-낱자_및_낱말" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#낱자_및_낱말"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1.1</span> <span>낱자 및 낱말</span> </div> </a> <ul id="toc-낱자_및_낱말-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-행과_문단" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#행과_문단"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1.2</span> <span>행과 문단</span> </div> </a> <ul id="toc-행과_문단-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-정렬" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#정렬"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1.3</span> <span>정렬</span> </div> </a> <ul id="toc-정렬-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-이미지" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#이미지"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.2</span> <span>이미지</span> </div> </a> <ul id="toc-이미지-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-여백" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#여백"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3</span> <span>여백</span> </div> </a> <ul id="toc-여백-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-색상" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#색상"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.4</span> <span>색상</span> </div> </a> <ul id="toc-색상-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-그리드" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#그리드"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>그리드</span> </div> </a> <ul id="toc-그리드-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-같이_보기" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#같이_보기"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>같이 보기</span> </div> </a> <ul id="toc-같이_보기-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-각주" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#각주"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>각주</span> </div> </a> <ul id="toc-각주-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-외부_링크" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#외부_링크"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>외부 링크</span> </div> </a> <ul id="toc-외부_링크-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="목차" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="목차 토글" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">목차 토글</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">페이지 레이아웃</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="다른 언어로 문서를 방문합니다. 27개 언어로 읽을 수 있습니다" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-27" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">27개 언어</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D8%AA%D9%86%D8%B3%D9%8A%D9%82_%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9" title="تنسيق الصفحة – 아랍어" lang="ar" hreflang="ar" data-title="تنسيق الصفحة" data-language-autonym="العربية" data-language-local-name="아랍어" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%AA%E0%A7%83%E0%A6%B7%E0%A7%8D%E0%A6%A0%E0%A6%BE%E0%A6%B8%E0%A6%9C%E0%A7%8D%E0%A6%9C%E0%A6%BE" title="পৃষ্ঠাসজ্জা – 벵골어" lang="bn" hreflang="bn" data-title="পৃষ্ঠাসজ্জা" data-language-autonym="বাংলা" data-language-local-name="벵골어" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Maquetaci%C3%B3" title="Maquetació – 카탈로니아어" lang="ca" hreflang="ca" data-title="Maquetació" data-language-autonym="Català" data-language-local-name="카탈로니아어" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/Layout" title="Layout – 체코어" lang="cs" hreflang="cs" data-title="Layout" data-language-autonym="Čeština" data-language-local-name="체코어" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/Layout" title="Layout – 덴마크어" lang="da" hreflang="da" data-title="Layout" data-language-autonym="Dansk" data-language-local-name="덴마크어" class="interlanguage-link-target"><span>Dansk</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Layout" title="Layout – 독일어" lang="de" hreflang="de" data-title="Layout" data-language-autonym="Deutsch" data-language-local-name="독일어" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-el mw-list-item"><a href="https://el.wikipedia.org/wiki/%CE%A3%CE%B5%CE%BB%CE%B9%CE%B4%CE%BF%CF%80%CE%BF%CE%AF%CE%B7%CF%83%CE%B7" title="Σελιδοποίηση – 그리스어" lang="el" hreflang="el" data-title="Σελιδοποίηση" data-language-autonym="Ελληνικά" data-language-local-name="그리스어" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Page_layout" title="Page layout – 영어" lang="en" hreflang="en" data-title="Page layout" data-language-autonym="English" data-language-local-name="영어" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/Enpa%C4%9Digo" title="Enpaĝigo – 에스페란토어" lang="eo" hreflang="eo" data-title="Enpaĝigo" data-language-autonym="Esperanto" data-language-local-name="에스페란토어" class="interlanguage-link-target"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Maquetaci%C3%B3n" title="Maquetación – 스페인어" lang="es" hreflang="es" data-title="Maquetación" data-language-autonym="Español" data-language-local-name="스페인어" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/K%C3%BCljendamine" title="Küljendamine – 에스토니아어" lang="et" hreflang="et" data-title="Küljendamine" data-language-autonym="Eesti" data-language-local-name="에스토니아어" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%B5%D9%81%D8%AD%D9%87%E2%80%8C%D8%A2%D8%B1%D8%A7%DB%8C%DB%8C" title="صفحه‌آرایی – 페르시아어" lang="fa" hreflang="fa" data-title="صفحه‌آرایی" data-language-autonym="فارسی" data-language-local-name="페르시아어" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/Taitto" title="Taitto – 핀란드어" lang="fi" hreflang="fi" data-title="Taitto" data-language-autonym="Suomi" data-language-local-name="핀란드어" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Mise_en_page" title="Mise en page – 프랑스어" lang="fr" hreflang="fr" data-title="Mise en page" data-language-autonym="Français" data-language-local-name="프랑스어" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Tata_letak" title="Tata letak – 인도네시아어" lang="id" hreflang="id" data-title="Tata letak" data-language-autonym="Bahasa Indonesia" data-language-local-name="인도네시아어" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Impaginazione" title="Impaginazione – 이탈리아어" lang="it" hreflang="it" data-title="Impaginazione" data-language-autonym="Italiano" data-language-local-name="이탈리아어" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-kk mw-list-item"><a href="https://kk.wikipedia.org/wiki/%D0%91%D0%B5%D1%82%D1%82%D1%96_%D0%B5%D0%BD%D1%82%D0%B0%D2%A3%D0%B1%D0%B0%D0%BB%D0%B0%D1%83_%D1%80%D0%B5%D0%B6%D1%96%D0%BC%D1%96" title="Бетті ентаңбалау режімі – 카자흐어" lang="kk" hreflang="kk" data-title="Бетті ентаңбалау режімі" data-language-autonym="Қазақша" data-language-local-name="카자흐어" class="interlanguage-link-target"><span>Қазақша</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Paginaopmaak" title="Paginaopmaak – 네덜란드어" lang="nl" hreflang="nl" data-title="Paginaopmaak" data-language-autonym="Nederlands" data-language-local-name="네덜란드어" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-pa mw-list-item"><a href="https://pa.wikipedia.org/wiki/%E0%A8%AA%E0%A9%87%E0%A8%9C_%E0%A8%B2%E0%A9%87%E0%A8%86%E0%A8%8A%E0%A8%9F_%E0%A8%85%E0%A8%A4%E0%A9%87_%E0%A8%AA%E0%A9%8D%E0%A8%B0%E0%A8%BF%E0%A9%B0%E0%A8%9F%E0%A8%BF%E0%A9%B0%E0%A8%97" title="ਪੇਜ ਲੇਆਊਟ ਅਤੇ ਪ੍ਰਿੰਟਿੰਗ – 펀잡어" lang="pa" hreflang="pa" data-title="ਪੇਜ ਲੇਆਊਟ ਅਤੇ ਪ੍ਰਿੰਟਿੰਗ" data-language-autonym="ਪੰਜਾਬੀ" data-language-local-name="펀잡어" class="interlanguage-link-target"><span>ਪੰਜਾਬੀ</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Layout_(DTP)" title="Layout (DTP) – 폴란드어" lang="pl" hreflang="pl" data-title="Layout (DTP)" data-language-autonym="Polski" data-language-local-name="폴란드어" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Layout_gr%C3%A1fico" title="Layout gráfico – 포르투갈어" lang="pt" hreflang="pt" data-title="Layout gráfico" data-language-autonym="Português" data-language-local-name="포르투갈어" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82_%D0%B8%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F" title="Макет издания – 러시아어" lang="ru" hreflang="ru" data-title="Макет издания" data-language-autonym="Русский" data-language-local-name="러시아어" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-simple mw-list-item"><a href="https://simple.wikipedia.org/wiki/Page_layout" title="Page layout – Simple English" lang="en-simple" hreflang="en-simple" data-title="Page layout" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target"><span>Simple English</span></a></li><li class="interlanguage-link interwiki-sq mw-list-item"><a href="https://sq.wikipedia.org/wiki/Faqosje" title="Faqosje – 알바니아어" lang="sq" hreflang="sq" data-title="Faqosje" data-language-autonym="Shqip" data-language-local-name="알바니아어" class="interlanguage-link-target"><span>Shqip</span></a></li><li class="interlanguage-link interwiki-sv badge-Q70893996 mw-list-item" title=""><a href="https://sv.wikipedia.org/wiki/Layout" title="Layout – 스웨덴어" lang="sv" hreflang="sv" data-title="Layout" data-language-autonym="Svenska" data-language-local-name="스웨덴어" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%92%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B0" title="Верстка – 우크라이나어" lang="uk" hreflang="uk" data-title="Верстка" data-language-autonym="Українська" data-language-local-name="우크라이나어" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/%E7%89%88%E9%9D%A2%E8%AE%BE%E8%AE%A1" title="版面设计 – 중국어" lang="zh" hreflang="zh" data-title="版面设计" data-language-autonym="中文" data-language-local-name="중국어" class="interlanguage-link-target"><span>中文</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q868954#sitelinks-wikipedia" title="언어 간 링크 편집" class="wbc-editpage">링크 편집</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="이름공간"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" title="본문 보기 [c]" accesskey="c"><span>문서</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/%ED%86%A0%EB%A1%A0:%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" rel="discussion" title="문서의 내용에 대한 토론 문서 [t]" accesskey="t"><span>토론</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="언어 변종 바꾸기" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">한국어</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="보기"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83"><span>읽기</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit" title="이 문서의 원본 코드를 편집 [e]" accesskey="e"><span>편집</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=history" title="이 문서의 과거 편집 내역입니다. [h]" accesskey="h"><span>역사 보기</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="페이지 도구"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="도구" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">도구</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">도구</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">사이드바로 이동</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">숨기기</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="더 많은 옵션" > <div class="vector-menu-heading"> 동작 </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83"><span>읽기</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit" title="이 문서의 원본 코드를 편집 [e]" accesskey="e"><span>편집</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=history"><span>역사 보기</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> 일반 </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/%ED%8A%B9%EC%88%98:%EA%B0%80%EB%A6%AC%ED%82%A4%EB%8A%94%EB%AC%B8%EC%84%9C/%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" title="여기를 가리키는 모든 위키 문서의 목록 [j]" accesskey="j"><span>여기를 가리키는 문서</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/%ED%8A%B9%EC%88%98:%EB%A7%81%ED%81%AC%EC%B5%9C%EA%B7%BC%EB%B0%94%EB%80%9C/%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" rel="nofollow" title="이 문서에서 링크한 문서의 최근 바뀜 [k]" accesskey="k"><span>가리키는 글의 최근 바뀜</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/위키백과:파일_올리기" title="파일 올리기 [u]" accesskey="u"><span>파일 올리기</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/%ED%8A%B9%EC%88%98:%ED%8A%B9%EC%88%98%EB%AC%B8%EC%84%9C" title="모든 특수 문서의 목록 [q]" accesskey="q"><span>특수 문서 목록</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&oldid=36779917" title="이 문서의 이 판에 대한 고유 링크"><span>고유 링크</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=info" title="이 문서에 대한 자세한 정보"><span>문서 정보</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=%ED%8A%B9%EC%88%98:%EC%9D%B4%EB%AC%B8%EC%84%9C%EC%9D%B8%EC%9A%A9&page=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&id=36779917&wpFormIdentifier=titleform" title="이 문서를 인용하는 방법에 대한 정보"><span>이 문서 인용하기</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=%ED%8A%B9%EC%88%98:UrlShortener&url=https%3A%2F%2Fko.wikipedia.org%2Fwiki%2F%25ED%258E%2598%25EC%259D%25B4%25EC%25A7%2580_%25EB%25A0%2588%25EC%259D%25B4%25EC%2595%2584%25EC%259B%2583"><span>축약된 URL 얻기</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=%ED%8A%B9%EC%88%98:QrCode&url=https%3A%2F%2Fko.wikipedia.org%2Fwiki%2F%25ED%258E%2598%25EC%259D%25B4%25EC%25A7%2580_%25EB%25A0%2588%25EC%259D%25B4%25EC%2595%2584%25EC%259B%2583"><span>QR 코드 다운로드</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> 인쇄/내보내기 </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=%ED%8A%B9%EC%88%98:%EC%B1%85&bookcmd=book_creator&referer=%ED%8E%98%EC%9D%B4%EC%A7%80+%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83"><span>책 만들기</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=%ED%8A%B9%EC%88%98:DownloadAsPdf&page=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=show-download-screen"><span>PDF로 다운로드</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&printable=yes" title="이 문서의 인쇄용 판 [p]" accesskey="p"><span>인쇄용 판</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> 다른 프로젝트 </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:Page_layout" hreflang="en"><span>위키미디어 공용</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q868954" title="데이터 저장소에 연결된 항목을 가리키는 링크 [g]" accesskey="g"><span>위키데이터 항목</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="페이지 도구"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="보이기"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">보이기</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">사이드바로 이동</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">숨기기</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">위키백과, 우리 모두의 백과사전.</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="ko" dir="ltr"><p><span class="nowrap"></span> </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/%ED%8C%8C%EC%9D%BC:Das_Wohltemperirte_Clavier_titlepage_2.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Das_Wohltemperirte_Clavier_titlepage_2.jpg/220px-Das_Wohltemperirte_Clavier_titlepage_2.jpg" decoding="async" width="220" height="349" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Das_Wohltemperirte_Clavier_titlepage_2.jpg/330px-Das_Wohltemperirte_Clavier_titlepage_2.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Das_Wohltemperirte_Clavier_titlepage_2.jpg/440px-Das_Wohltemperirte_Clavier_titlepage_2.jpg 2x" data-file-width="464" data-file-height="736" /></a><figcaption></figcaption></figure> <p><b>페이지 레이아웃</b>(page layout)은 <a href="/wiki/%EC%97%AC%EB%B0%B1_(%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC)" title="여백 (타이포그래피)">여백</a>, <a href="/wiki/%EC%83%89%EC%83%81" title="색상">색상</a>, <a href="/wiki/%ED%81%AC%EA%B8%B0" title="크기">크기</a> 등의 구성요소들을 고려하여 <a href="/wiki/%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC" title="타이포그래피">타이포그래피</a>, <a href="/wiki/%EC%82%AC%EC%A7%84" title="사진">사진</a>, <a href="/wiki/%EC%9D%BC%EB%9F%AC%EC%8A%A4%ED%8A%B8" class="mw-redirect" title="일러스트">일러스트</a> 등 여러 종류의 <a href="/wiki/%EA%B7%B8%EB%9E%98%ED%94%BD" title="그래픽">그래픽</a>들을 배열하는 것이다. 보는 사람의 시각을 고려해 계획에 맞춰 내용이 쉽고 정확하게 메시지가 전달되어야 하는 목적을 두고있으며 오늘날에는 심미적 목적으로 다양한 레이아웃을 추구하기도 한다. 기본적으로 그리드 시스템을 활용하는데 이는 구성요소를 질서 있게 분할하고 통일감을 부여하는 수단으로 어디에 위치하고, 어떻게 공간을 분할하고, 지면을 분할할 것인가 등의 문제를 해소할 수 있는 체계적인 방법이다.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> 주로 <a href="/wiki/%ED%8E%B8%EC%A7%91%EC%9E%90" title="편집자">편집자</a>, <a href="/wiki/%EA%B7%B8%EB%9E%98%ED%94%BD%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88" class="mw-redirect" title="그래픽디자이너">그래픽디자이너</a> 등이 담당한다. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="구성_요소"><span id=".EA.B5.AC.EC.84.B1_.EC.9A.94.EC.86.8C"></span>구성 요소</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=1" title="부분 편집: 구성 요소"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="타이포그래피"><span id=".ED.83.80.EC.9D.B4.ED.8F.AC.EA.B7.B8.EB.9E.98.ED.94.BC"></span>타이포그래피</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=2" title="부분 편집: 타이포그래피"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><a href="/wiki/%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC" title="타이포그래피">타이포그래피</a>는 의사소통의 수단으로 메세지 전달에 있어 레이아웃의 가장 중요한 요소중 하나이다. <a href="/wiki/%EC%84%9C%EC%B2%B4" class="mw-redirect" title="서체">서체</a>, <a href="/w/index.php?title=%EA%B8%80%EC%A4%84&action=edit&redlink=1" class="new" title="글줄 (없는 문서)">글줄</a>의 넓이, <a href="/wiki/%EB%82%B1%EB%A7%90" title="낱말">낱말</a> 간격, 강조, 가독성 등을 고려하여 독자들에게 더 쉬운 정보 전달을 도울 수 있다. 글 내용에 따라 알맞은 서체와 크기 선택이 중요하며, 차이를 줌으로 글의 중요도와 순서를 결정할 수 있다. 현대의 타이포그래피는 이미지, 타입, 색상, 레이아웃, 도형 등 디자인과 관련한 모든 요소를 포함한다. 한 지면에 다양한 서체를 사용하거나 <a href="/wiki/%ED%96%89%EA%B0%84" title="행간">행간</a>과 <a href="/wiki/%EC%9E%90%EA%B0%84" title="자간">자간</a>의 변화를 주어 개성을 표현하기도 한다. </p> <div class="mw-heading mw-heading4"><h4 id="낱자_및_낱말"><span id=".EB.82.B1.EC.9E.90_.EB.B0.8F_.EB.82.B1.EB.A7.90"></span>낱자 및 낱말</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=3" title="부분 편집: 낱자 및 낱말"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>자음과 모음을 따로 사용해 색상을 부여하여 리듬감을 부여하거나, 대문자 소문자를 선택해 지면 내용의 성격을 나타내거나, 글의 내용을 고려하여 서체를 선택해 특징을 나타내는 등 자폭, 자간, 어간, 무게, 서체, 대문자와 소문자 등을 고려하여 지면의 강조, 내용전달, 지면의 인상을 결정할 수 있다. </p> <div class="mw-heading mw-heading4"><h4 id="행과_문단"><span id=".ED.96.89.EA.B3.BC_.EB.AC.B8.EB.8B.A8"></span>행과 문단</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=4" title="부분 편집: 행과 문단"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><a href="/wiki/%ED%96%89" class="mw-disambig" title="행">행</a>의 길이가 길어지면 독자가 부담스럽고 지루해하며 다음 행을 찾기에 어려움을 느낄 수 있다. 반면 너무 짧은 행폭도 빈번한 시선의 좌우 운동을 유도해 혼란을 준다. 서체 종류에 따라 행간의 차이를 주어야 하며 지나치게 좁은 <a href="/wiki/%ED%96%89%EA%B0%84" title="행간">행간</a>은 답답함을 주어 가독성을 떨어뜨린다. 일반적으로 <a href="/wiki/%EC%84%B8%EB%A6%AC%ED%94%84" title="세리프">세리프</a>(<a href="/wiki/%EB%AA%85%EC%A1%B0%EC%B2%B4" title="명조체">명조</a>) 서체보다 <a href="/wiki/%EC%82%B0%EC%84%B8%EB%A6%AC%ED%94%84" title="산세리프">산세리프</a>(<a href="/wiki/%EA%B3%A0%EB%94%95%EC%B2%B4" title="고딕체">고딕</a>) 서체가더 넓은 행간을 필요로 한다. 독자의 이해를 돕기 위해 <a href="/wiki/%EB%AC%B8%EB%8B%A8" class="mw-redirect" title="문단">문단</a>은 명확히 구분되어야하며 <a href="/w/index.php?title=%EB%94%A9%EB%B2%B3&action=edit&redlink=1" class="new" title="딩벳 (없는 문서)">딩벳</a>, <a href="/wiki/%EC%9D%B4%EB%8B%88%EC%85%9C" title="이니셜">이니셜</a>, 색상 등의 방법들이 있다. </p> <div class="mw-heading mw-heading4"><h4 id="정렬"><span id=".EC.A0.95.EB.A0.AC"></span>정렬</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=5" title="부분 편집: 정렬"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>정렬은 다른 디자인 요소와 어울릴 수 있도록 텍스트 박스 안에 글자들을 배치하는 작업이다. 텍스트의 양, 느낌, 형태, 가독성 등을 고려하여 지면 내용과 형식에 맞게 양끝, 왼쪽, 오른쪽, 중앙, 비대칭 정렬 등을 사용한다. </p> <div class="mw-heading mw-heading3"><h3 id="이미지"><span id=".EC.9D.B4.EB.AF.B8.EC.A7.80"></span>이미지</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=6" title="부분 편집: 이미지"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>이미지는 글의 내용과 기능을 보완해줄 수 있는 역할을 하는 동시에 독자의 시선을 집중시켜 본문과 다른 구성 요소에 관심과 흥미를 갖도록 유도한다. 또한 이미지를 통해 독자들에게 글의 내용을 상기시키는 역할을 한다. 이미지는 크게 사진과 일러스트로 분류할 수 있는데, 사진은 글의 중요한 내용을 분명하고 쉽게 전달되게 돕는 역할을 한다. 사실적인 방법으로 의미를 전달하는 사진과 다르게 일러스트는 풍자적 표현, 만화적 표현, 시점을 다양하게 사용하는 등 상상력을 통해 지면에 개성을 부여할 수 있다.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="여백"><span id=".EC.97.AC.EB.B0.B1"></span>여백</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=7" title="부분 편집: 여백"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>글의 텍스트 박스를 감싸고 공간을 만드는 여백은 독자들에게 정보를 더 쉽게 받아들이게 하는 역할을 한다. 편집자 및 디자이너의 의도적인 공간으로 독자의 시선을 집중시키고 주목시킬 수 있다. 다른 요소들로만 꽉 채운 지면은 답답함과 산만함을 줄 수 있어 시선 이탈 요인이 될 수 있으며 읽고싶지 않게 만들 수 있다. 적절한 여백은 눈의 편안함과 각 요소들의 주목성을 높여 준다. 여백과 다른 구성요소들의 균형이 안정적으로 이루어질 때 전체적인 지면이 통일되어 보인다.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="색상"><span id=".EC.83.89.EC.83.81"></span>색상</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=8" title="부분 편집: 색상"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>색상 부여로 지면의 중요도를 구분하고 정돈해주어 독자가 이해하기 쉽게 하여 가독성을 높여준다. 다른 요소와 색상을 동일하게 사용하여 통일감을 부여하거나, 원톤의 색상으로 차분하고 안정된 분위기를 연출할 수 있다. 적색 계열의 색상은 강하고 세찬 느낌을<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>, 세피아와 검정 색상은 차분한 느낌 등 색상을 이용해 분위기를 표현하기도 한다<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>. 다양한 배색을 통해 구성요소들의 관계를 만들어주어 하나로 묶어주고 지면 전체의 통일성을 부여해준다. 밋밋했던 지면의 개성을 부여하여 생동감과 율동감이 느껴지도록 한다. </p> <div class="mw-heading mw-heading2"><h2 id="그리드"><span id=".EA.B7.B8.EB.A6.AC.EB.93.9C"></span>그리드</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=9" title="부분 편집: 그리드"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>그리드(Grid)는 <a href="/wiki/%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC" title="타이포그래피">타이포그래피</a>, <a href="/wiki/%EC%82%AC%EC%A7%84" title="사진">사진</a>, <a href="/wiki/%EC%9D%BC%EB%9F%AC%EC%8A%A4%ED%8A%B8" class="mw-redirect" title="일러스트">일러스트</a> 등 레이아웃 요소들의 질서를 갖춰주고 통일감을 부여하는 도구로 지면에 보이지 않는 수직 수평의 격자를 말한다.<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup> 1950년 디자인 요소들을 수학적인 그리드에 맞춰 비대칭적으로 구성하는 특징을 가진 <a href="/w/index.php?title=%EA%B5%AD%EC%A0%9C_%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BD_%EC%96%91%EC%8B%9D&action=edit&redlink=1" class="new" title="국제 타이포그래픽 양식 (없는 문서)">국제 타이포그래픽 양식</a>(International Typographic Style)에서 발생하였으며, 오늘날 타이포그래피에 많은 영향을 주고 있다.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> 그리드는 공간을 체계적으로 분할하여 독자에게 지면의 통일성과 정보를 명확하게 나타내주고 안정감을 느끼게 한다. 그리드를 사용함으로써 제작 과정의 시간과 비용이 단축되는 장점이 있다. </p> <div class="mw-heading mw-heading2"><h2 id="같이_보기"><span id=".EA.B0.99.EC.9D.B4_.EB.B3.B4.EA.B8.B0"></span>같이 보기</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=10" title="부분 편집: 같이 보기"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/%EB%AF%B8%ED%95%99" title="미학">미학</a></li> <li><a href="/wiki/%EC%B1%85_%EB%94%94%EC%9E%90%EC%9D%B8" title="책 디자인">책 디자인</a></li> <li><a href="/wiki/%ED%83%81%EC%83%81%EC%B6%9C%ED%8C%90" title="탁상출판">탁상출판</a></li> <li><a href="/wiki/%ED%8E%B8%EC%A7%91" title="편집">편집</a></li> <li><a href="/wiki/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%EC%97%94%EC%A7%84" title="브라우저 엔진">브라우저 엔진</a></li> <li><a href="/wiki/%EC%A7%80%EB%8F%84_%EB%B0%B0%EC%B9%98" title="지도 배치">지도 배치</a></li> <li><a href="/wiki/%EC%97%AC%EB%B0%B1_(%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC)" title="여백 (타이포그래피)">여백 (타이포그래피)</a></li> <li><a href="/wiki/%EC%9B%B9_%EB%94%94%EC%9E%90%EC%9D%B8" title="웹 디자인">웹 디자인</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="각주"><span id=".EA.B0.81.EC.A3.BC"></span>각주</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=11" title="부분 편집: 각주"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><cite class="citation book">송민정 (2006). 《레이아웃의 모든 것》. 예경. 10쪽.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83%EC%9D%98+%EB%AA%A8%EB%93%A0+%EA%B2%83&rft.pages=10&rft.pub=%EC%98%88%EA%B2%BD&rft.date=2006&rft.au=%EC%86%A1%EB%AF%BC%EC%A0%95&rfr_id=info%3Asid%2Fko.wikipedia.org%3A%ED%8E%98%EC%9D%B4%EC%A7%80+%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text">송민정, 위의책, 74쪽</span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text">송민정, 위의책, 84쪽</span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text">송민정, 위의책, 92쪽</span> </li> <li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text">얀 치홀트, 위의책, 103쪽</span> </li> <li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text"><cite class="citation book">앰브로즈 해리즈 지음, 신혜정 옮김 (2014). 《그리드》. 안그라픽스. 6쪽.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=%EA%B7%B8%EB%A6%AC%EB%93%9C&rft.pages=6&rft.pub=%EC%95%88%EA%B7%B8%EB%9D%BC%ED%94%BD%EC%8A%A4&rft.date=2014&rft.au=%EC%95%B0%EB%B8%8C%EB%A1%9C%EC%A6%88+%ED%95%B4%EB%A6%AC%EC%A6%88+%EC%A7%80%EC%9D%8C%2C+%EC%8B%A0%ED%98%9C%EC%A0%95+%EC%98%AE%EA%B9%80&rfr_id=info%3Asid%2Fko.wikipedia.org%3A%ED%8E%98%EC%9D%B4%EC%A7%80+%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text">홍성일, 안창호.(2003).스위스 그래픽 양식의 포스터에 관한 연구.Archives of Design Research,175-182쪽</span> </li> </ol></div> <div class="mw-heading mw-heading2"><h2 id="외부_링크"><span id=".EC.99.B8.EB.B6.80_.EB.A7.81.ED.81.AC"></span>외부 링크</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit&section=12" title="부분 편집: 외부 링크"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/12px-Commons-logo.svg.png" decoding="async" width="12" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/18px-Commons-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/24px-Commons-logo.svg.png 2x" data-file-width="1024" data-file-height="1376" /></span></span> 위키미디어 공용에 <span class="plainlinks"><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Page_layout?uselang=ko">페이지 레이아웃</a></span> 관련 미디어 분류가 있습니다.</li></ul> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r36480591">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}.mw-parser-output .hlist-pipe dd:after,.mw-parser-output .hlist-pipe li:after{content:" | ";font-weight:normal}.mw-parser-output .hlist-hyphen dd:after,.mw-parser-output .hlist-hyphen li:after{content:" - ";font-weight:normal}.mw-parser-output .hlist-comma dd:after,.mw-parser-output .hlist-comma li:after{content:", ";font-weight:normal}.mw-parser-output .hlist-slash dd:after,.mw-parser-output .hlist-slash li:after{content:" / ";font-weight:normal}</style><style data-mw-deduplicate="TemplateStyles:r36429174">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}</style></div><div role="navigation" class="navbox" aria-labelledby="타이포그래피_용어" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="3"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r36480591"><style data-mw-deduplicate="TemplateStyles:r34311309">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-보기"><a href="/wiki/%ED%8B%80:%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC_%EC%9A%A9%EC%96%B4" title="틀:타이포그래피 용어"><abbr title="이 틀을 보기" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">v</abbr></a></li><li class="nv-토론"><a href="/wiki/%ED%8B%80%ED%86%A0%EB%A1%A0:%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC_%EC%9A%A9%EC%96%B4" title="틀토론:타이포그래피 용어"><abbr title="이 틀에 관해 토론하기" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">t</abbr></a></li><li class="nv-편집"><a href="/wiki/%ED%8A%B9%EC%88%98:%EB%AC%B8%EC%84%9C%ED%8E%B8%EC%A7%91/%ED%8B%80:%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC_%EC%9A%A9%EC%96%B4" title="특수:문서편집/틀:타이포그래피 용어"><abbr title="이 틀을 편집하기" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">e</abbr></a></li></ul></div><div id="타이포그래피_용어" style="font-size:114%;margin:0 4em"><a href="/wiki/%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC" title="타이포그래피">타이포그래피</a> 용어</div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%AA%BD" title="쪽">페이지</a></th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/%EB%8B%A8_(%EC%9D%B8%EC%87%84)" title="단 (인쇄)">단 (인쇄)</a></li> <li><a href="/wiki/%ED%8E%98%EC%9D%B4%EC%A7%80_%EA%B5%AC%EC%84%B1%EC%9D%98_%ED%99%A9%EA%B8%88%EB%A5%A0" title="페이지 구성의 황금률">페이지 구성의 황금률</a></li> <li><a href="/wiki/%EC%97%AC%EB%B0%B1_(%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC)" title="여백 (타이포그래피)">여백</a></li> <li><a href="/wiki/%EC%AA%BD_%EB%B2%88%ED%98%B8%EB%A7%A4%EA%B9%80" class="mw-redirect" title="쪽 번호매김">쪽 번호매김</a></li> <li><a href="/wiki/%EC%AA%BD_%EB%B0%B0%EC%97%B4" class="mw-redirect" title="쪽 배열">쪽 배열</a></li> <li><a href="/wiki/%ED%92%80_%EC%9D%B8%EC%9A%A9" title="풀 인용">풀 인용</a></li> <li><a href="/wiki/%EC%A2%8C%EC%B2%A0%EA%B3%BC_%EC%9A%B0%EC%B2%A0" title="좌철과 우철">좌철과 우철</a></li></ul> </div></td><td class="noviewer navbox-image" rowspan="8" style="width:1px;padding:0 0 0 2px"><div><span typeof="mw:File"><a href="/wiki/%ED%8C%8C%EC%9D%BC:Adobe_Caslon_a.svg" class="mw-file-description" title="Lowercase 'a' in Adobe Caslon"><img alt="Lowercase 'a' in Adobe Caslon" src="//upload.wikimedia.org/wikipedia/commons/thumb/6/62/Adobe_Caslon_a.svg/114px-Adobe_Caslon_a.svg.png" decoding="async" width="114" height="114" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/62/Adobe_Caslon_a.svg/171px-Adobe_Caslon_a.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/62/Adobe_Caslon_a.svg/228px-Adobe_Caslon_a.svg.png 2x" data-file-width="336" data-file-height="336" /></a></span></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EB%8B%A8%EB%9D%BD" title="단락">단락</a></th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/%EB%AC%B8%EC%9E%90_%EC%A0%95%EB%A0%AC" title="문자 정렬">문자 정렬</a></li> <li><a href="/wiki/%EC%A0%95%ED%8C%90" class="mw-redirect" title="정판">정판</a></li> <li><a href="/wiki/%ED%96%89%EA%B0%84" title="행간">행간</a></li> <li><a href="/w/index.php?title=%ED%9D%B0_%EA%B0%95_%ED%98%84%EC%83%81&action=edit&redlink=1" class="new" title="흰 강 현상 (없는 문서)">흰 강 현상</a></li> <li><a href="/w/index.php?title=%EB%AC%B8%EC%9E%A5_%EB%9D%84%EC%96%B4%EC%93%B0%EA%B8%B0&action=edit&redlink=1" class="new" title="문장 띄어쓰기 (없는 문서)">문장 띄어쓰기</a></li> <li><a href="/wiki/%EC%99%B8%ED%86%A8%EC%9D%B4_%EC%A4%84" title="외톨이 줄">외톨이 줄</a></li> <li><a href="/wiki/%EC%99%B8%ED%86%A8%EC%9D%B4_%EA%B8%80%EC%9E%90" class="mw-redirect" title="외톨이 글자">외톨이 글자</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%9E%90%EC%B2%B4" title="자체">글자</a></th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/w/index.php?title=%EC%9E%90%EC%B2%B4%ED%95%B4%EB%B6%80%ED%95%99&action=edit&redlink=1" class="new" title="자체해부학 (없는 문서)">자체해부학</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/%EC%86%8D%EA%B3%B5%EA%B0%84" title="속공간">속공간</a></li> <li><a href="/wiki/%EB%B0%9C%EC%9D%8C_%EA%B5%AC%EB%B3%84_%EA%B8%B0%ED%98%B8" title="발음 구별 기호">발음 구별 기호</a></li> <li><a href="/wiki/%EB%94%A9%EB%B1%83" title="딩뱃">딩뱃</a></li> <li><a href="/wiki/%EC%9E%90%EC%B2%B4" title="자체">자체</a></li> <li><a href="/wiki/%EC%9D%B4%EB%8B%88%EC%85%9C" title="이니셜">이니셜</a></li> <li><a href="/wiki/%EC%BB%A4%EB%8B%9D" title="커닝">커닝</a></li> <li><a href="/wiki/%EC%9E%90%EA%B0%84" title="자간">자간</a></li> <li><a href="/wiki/%EC%9E%A5%ED%8F%89" class="mw-disambig" title="장평">장평</a></li> <li><a href="/wiki/%ED%95%A9%EC%9E%90" title="합자">합자</a></li> <li><a href="/wiki/%EC%B2%A8%EC%9E%90" title="첨자">첨자</a></li> <li><a href="/w/index.php?title=%EC%8A%A4%EC%9B%8C%EC%8B%9C_(%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC)&action=edit&redlink=1" class="new" title="스워시 (타이포그래피) (없는 문서)">스워시</a></li> <li><a href="/wiki/%ED%85%8D%EC%8A%A4%ED%8A%B8_%ED%94%BC%EA%B2%A8" title="텍스트 피겨">텍스트 피겨</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">대문자화</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/%EB%8C%80%EC%86%8C%EB%AC%B8%EC%9E%90" title="대소문자">대소문자</a></li> <li><a href="/wiki/%EC%9E%91%EC%9D%80_%EB%8C%80%EB%AC%B8%EC%9E%90" title="작은 대문자">작은 대문자</a></li> <li><a href="/wiki/%EB%82%99%ED%83%80_%EB%8C%80%EB%AC%B8%EC%9E%90" class="mw-redirect" title="낙타 대문자">낙타 대문자</a></li> <li><a href="/wiki/%ED%8E%98%ED%8B%B0%ED%8A%B8_%EC%BA%A1%EC%8A%A4" class="mw-redirect" title="페티트 캡스">페티트 캡스</a></li> <li><a href="/wiki/%EC%98%AC_%EC%BA%A1%EC%8A%A4" title="올 캡스">올 캡스</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">기준선</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=%EC%8B%9C%EA%B0%81%EA%B8%B0%EC%A4%80%EC%84%A0&action=edit&redlink=1" class="new" title="시각기준선 (없는 문서)">시각기준선</a></li> <li><a href="/wiki/%EC%96%B4%EC%84%BC%EB%8D%94" title="어센더">어센더</a></li> <li><a href="/wiki/%EB%94%94%EC%84%BC%EB%8D%94" title="디센더">디센더</a></li> <li><a href="/wiki/%EB%B2%A0%EC%9D%B4%EC%8A%A4%EB%9D%BC%EC%9D%B8" class="mw-disambig" title="베이스라인">베이스라인</a></li> <li><a href="/w/index.php?title=%EB%8C%80%EB%AC%B8%EC%9E%90_%EB%86%92%EC%9D%B4&action=edit&redlink=1" class="new" title="대문자 높이 (없는 문서)">대문자 높이</a></li> <li><a href="/w/index.php?title=%EA%B0%80%EC%83%81%EC%84%A0&action=edit&redlink=1" class="new" title="가상선 (없는 문서)">가상선</a></li> <li><a href="/wiki/%EC%98%A4%EB%B2%84%EC%8A%88%ED%8A%B8" class="mw-disambig" title="오버슈트">오버슈트</a></li> <li><a href="/wiki/%EC%97%91%EC%8A%A4%ED%95%98%EC%9D%B4%ED%8A%B8" class="mw-redirect" title="엑스하이트">엑스하이트</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EA%B8%80%EA%BC%B4" title="글꼴">분류</a></th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EB%A1%9C%EB%A7%8C%EC%B2%B4" title="로만체">로만체</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=%EC%95%88%ED%8B%B0%EC%BD%B0&action=edit&redlink=1" class="new" title="안티콰 (없는 문서)">안티콰</a></li> <li><a href="/wiki/%EC%84%B8%EB%A6%AC%ED%94%84#과도기적_세리프" title="세리프">과도기적 세리프</a></li> <li><a href="/wiki/%EB%94%94%EB%8F%88" title="디돈">모던 세리프</a></li> <li><a href="/wiki/%EC%84%B8%EB%A6%AC%ED%94%84" title="세리프">세리프</a></li> <li><a href="/w/index.php?title=%EC%8A%AC%EB%9E%A9_%EC%84%B8%EB%A6%AC%ED%94%84&action=edit&redlink=1" class="new" title="슬랩 세리프 (없는 문서)">슬랩 세리프</a></li> <li><a href="/wiki/%EC%82%B0%EC%84%B8%EB%A6%AC%ED%94%84" title="산세리프">산세리프</a></li> <li><a href="/w/index.php?title=%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_(%EA%B8%80%EA%BC%B4)&action=edit&redlink=1" class="new" title="스크립트 (글꼴) (없는 문서)">스크립트</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%ED%9D%91%EC%9E%90%EC%B2%B4" title="흑자체">흑자체</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=%EB%A1%9C%ED%88%B0%EB%8B%A4&action=edit&redlink=1" class="new" title="로툰다 (없는 문서)">로툰다</a></li> <li><a href="/w/index.php?title=%EC%8A%88%EB%B0%94%EB%B0%94%ED%9D%90_%ED%99%9C%EC%9E%90%EC%B2%B4&action=edit&redlink=1" class="new" title="슈바바흐 활자체 (없는 문서)">슈바바흐 활자체</a></li> <li><a href="/w/index.php?title=%EB%8F%85%EC%9D%BC%EC%B2%B4&action=edit&redlink=1" class="new" title="독일체 (없는 문서)">독일체</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EA%B2%8C%EC%9D%BC_%EB%AC%B8%EC%9E%90" title="게일 문자">겔릭체</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=%EC%9D%B8%EC%8A%90%EB%9D%BC%EC%B2%B4&action=edit&redlink=1" class="new" title="인슐라체 (없는 문서)">인슐라체</a></li> <li><a href="/wiki/%EC%96%B8%EC%85%9C%EC%B2%B4" title="언셜체">언셜체</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EB%AC%B8%EC%9E%A5_%EB%B6%80%ED%98%B8" title="문장 부호">문장 부호</a></th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/%EC%A4%84%ED%91%9C" title="줄표">줄표</a></li> <li><a href="/w/index.php?title=%EA%B5%AC%EB%91%90%EC%A0%90_%EB%82%B4%EC%96%B4%EC%93%B0%EA%B8%B0&action=edit&redlink=1" class="new" title="구두점 내어쓰기 (없는 문서)">구두점 내어쓰기</a></li> <li><a href="/wiki/%EB%B6%99%EC%9E%84%ED%91%9C" title="붙임표">붙임표</a></li> <li><a href="/wiki/%EB%94%B0%EC%98%B4%ED%91%9C" title="따옴표">따옴표</a></li> <li><a href="/wiki/%ED%94%84%EB%9D%BC%EC%9E%84_(%EA%B8%B0%ED%98%B8)" title="프라임 (기호)">프라임</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%A1%B0%ED%8C%90" title="조판">조판</a></th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/%EC%BA%98%EB%A6%AC%EA%B7%B8%EB%9E%98%ED%94%BC" title="캘리그래피">캘리그래피</a></li> <li><a href="/wiki/ETAOIN_SHRDLU" title="ETAOIN SHRDLU">ETAOIN SHRDLU</a></li> <li><a href="/wiki/%EA%B8%80%EA%BC%B4" title="글꼴">글꼴</a> (<a href="/wiki/%EC%BB%B4%ED%93%A8%ED%84%B0_%EA%B8%80%EA%BC%B4" title="컴퓨터 글꼴">컴퓨터 글꼴</a>)</li> <li><a href="/w/index.php?title=%ED%8F%B0%ED%8A%B8_%EC%B9%B4%ED%83%88%EB%A1%9C%EA%B7%B8&action=edit&redlink=1" class="new" title="폰트 카탈로그 (없는 문서)">폰트 카탈로그</a></li> <li><a href="/wiki/%ED%99%9C%ED%8C%90_%EC%9D%B8%EC%87%84" title="활판 인쇄">활판 인쇄</a></li> <li><a href="/wiki/%EB%A1%9C%EB%A0%98_%EC%9E%85%EC%88%A8" title="로렘 입숨">로렘 입숨</a></li> <li><a href="/wiki/%ED%99%9C%EC%9E%90" title="활자">활자</a></li> <li><a href="/wiki/%ED%8C%AC%EA%B7%B8%EB%9E%A8" title="팬그램">팬그램</a></li> <li><a href="/wiki/%EC%82%AC%EC%A7%84_%EC%8B%9D%EC%9E%90" title="사진 식자">사진 식자</a></li> <li><a href="/w/index.php?title=%ED%8E%80%EC%B9%98%EC%BB%A4%ED%8C%85&action=edit&redlink=1" class="new" title="펀치커팅 (없는 문서)">펀치커팅</a></li> <li><a href="/w/index.php?title=%EC%9E%90%EC%B2%B4_%EB%94%94%EC%9E%90%EC%9D%B8&action=edit&redlink=1" class="new" title="자체 디자인 (없는 문서)">자체 디자인</a></li> <li><a href="/wiki/%EC%9E%90%EC%B2%B4" title="자체">자체</a></li> <li><a href="/w/index.php?title=%ED%99%9C%EC%9E%90_%EC%A3%BC%EC%A1%B0%EC%86%8C&action=edit&redlink=1" class="new" title="활자 주조소 (없는 문서)">활자 주조소</a></li> <li><a href="/w/index.php?title=%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC&action=edit&redlink=1" class="new" title="마이크로타이포그래피 (없는 문서)">마이크로타이포그래피</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC_%EB%8B%A8%EC%9C%84" title="타이포그래피 단위">타이포그래피 단위</a></th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/%ED%8F%AC%EC%9D%B8%ED%8A%B8" title="포인트">포인트</a></li> <li><a href="/wiki/%ED%8C%8C%EC%9D%B4%EC%B9%B4" title="파이카">파이카</a></li> <li><a href="/wiki/%EC%8B%9C%EC%8A%A4%EB%A1%9C" title="시스로">시스로</a></li> <li><a href="/wiki/%EC%97%A0_(%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC)" title="엠 (타이포그래피)">엠</a></li> <li><a href="/wiki/%EC%97%94_(%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC)" title="엔 (타이포그래피)">엔</a></li> <li><a href="/w/index.php?title=%ED%99%9C%EC%9E%90_%EA%B3%B5%EA%B0%84&action=edit&redlink=1" class="new" title="활자 공간 (없는 문서)">활자 공간</a></li> <li><a href="/w/index.php?title=5%EB%B6%84_%EA%B3%B5%EA%B0%84&action=edit&redlink=1" class="new" title="5분 공간 (없는 문서)">5분 공간</a></li> <li><a href="/w/index.php?title=%EA%B4%84%ED%98%B8_%EA%B3%B5%EA%B0%84&action=edit&redlink=1" class="new" title="괄호 공간 (없는 문서)">괄호 공간</a></li> <li><a href="/w/index.php?title=%EC%95%A0%EA%B2%83&action=edit&redlink=1" class="new" title="애것 (없는 문서)">애것</a></li> <li><a href="/w/index.php?title=%EB%84%88%EB%B9%84_(%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC)&action=edit&redlink=1" class="new" title="너비 (타이포그래피) (없는 문서)">너비</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EB%B6%84%EB%A5%98:%EB%94%94%EC%A7%80%ED%84%B8_%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC" title="분류:디지털 타이포그래피">디지털 타이포그래피</a></th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=%EB%B6%84%EB%A5%98:%EA%B8%80%EA%BC%B4_%ED%98%95%EC%8B%9D&action=edit&redlink=1" class="new" title="분류:글꼴 형식 (없는 문서)">글꼴 형식</a></li> <li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%A1%B0%ED%8C%90_%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4" title="분류:조판 소프트웨어">조판 소프트웨어</a></li> <li><a href="/wiki/%EB%AC%B8%EC%9E%90_%EC%9D%B8%EC%BD%94%EB%94%A9" title="문자 인코딩">문자 인코딩</a></li> <li><a href="/wiki/%EA%B8%80%EA%BC%B4_%EB%9E%98%EC%8A%A4%ED%84%B0%ED%99%94" title="글꼴 래스터화">래스터화</a></li> <li><a href="/wiki/%EA%B8%80%EA%BC%B4_%ED%9E%8C%ED%8C%85" class="mw-redirect" title="글꼴 힌팅">글꼴 힌팅</a></li></ul> </div></td></tr></tbody></table></div> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r36480591"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r36429174"></div><div role="navigation" class="navbox authority-control" aria-label="Navbox" style="padding:3px"><table class="nowraplinks hlist navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%A0%84%EA%B1%B0_%ED%86%B5%EC%A0%9C" title="위키백과:전거 통제">전거 통제</a>: 국가 <span class="mw-valign-text-top noprint" typeof="mw:File/Frameless"><a href="https://www.wikidata.org/wiki/Q868954#identifiers" title="위키데이터에서 편집하기"><img alt="위키데이터에서 편집하기" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/10px-OOjs_UI_icon_edit-ltr-progressive.svg.png" decoding="async" width="10" height="10" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/15px-OOjs_UI_icon_edit-ltr-progressive.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/20px-OOjs_UI_icon_edit-ltr-progressive.svg.png 2x" data-file-width="20" data-file-height="20" /></a></span></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><span class="uid"><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4269003-1">독일</a></span></li> <li><span class="uid"><a rel="nofollow" class="external text" href="http://uli.nli.org.il/F/?func=find-b&local_base=NLX10&find_code=UID&request=987007536360205171">이스라엘</a></span></li> <li><span class="uid"><abbr title="Makeup (Printing)"><a rel="nofollow" class="external text" href="https://id.loc.gov/authorities/sh85106791">미국</a></abbr></span></li> <li><span class="uid"><a rel="nofollow" class="external text" href="https://id.ndl.go.jp/auth/ndlna/00569342">일본</a></span></li></ul> </div></td></tr></tbody></table></div> <table class="notice metadata plainlinks stub" style="clear: both; font-size: smaller;"> <tbody><tr> <td style="width: 40px;"><span typeof="mw:File"><a href="/wiki/%EB%B6%84%EB%A5%98:%EB%AF%B8%EC%88%A0%EC%97%90_%EA%B4%80%ED%95%9C_%ED%86%A0%EB%A7%89%EA%B8%80" title="분류:미술에 관한 토막글"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Emojione_1F3A8.svg/40px-Emojione_1F3A8.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Emojione_1F3A8.svg/60px-Emojione_1F3A8.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Emojione_1F3A8.svg/80px-Emojione_1F3A8.svg.png 2x" data-file-width="512" data-file-height="512" /></a></span> </td> <td>이 글은 미술에 관한 <a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%ED%86%A0%EB%A7%89%EA%B8%80" title="위키백과:토막글">토막글</a>입니다. 여러분의 지식으로 알차게 <a class="external text" href="https://ko.wikipedia.org/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&action=edit">문서를 완성해</a> 갑시다. </td></tr> </tbody></table>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&useformat=desktop" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">원본 주소 "<a dir="ltr" href="https://ko.wikipedia.org/w/index.php?title=페이지_레이아웃&oldid=36779917">https://ko.wikipedia.org/w/index.php?title=페이지_레이아웃&oldid=36779917</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/%ED%8A%B9%EC%88%98:%EB%B6%84%EB%A5%98" title="특수:분류">분류</a>: <ul><li><a href="/wiki/%EB%B6%84%EB%A5%98:%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" title="분류:페이지 레이아웃">페이지 레이아웃</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%B1%85_%EC%98%88%EC%88%A0" title="분류:책 예술">책 예술</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%BB%A4%EB%AE%A4%EB%8B%88%EC%BC%80%EC%9D%B4%EC%85%98_%EB%94%94%EC%9E%90%EC%9D%B8" title="분류:커뮤니케이션 디자인">커뮤니케이션 디자인</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EA%B7%B8%EB%9E%98%ED%94%BD_%EB%94%94%EC%9E%90%EC%9D%B8" title="분류:그래픽 디자인">그래픽 디자인</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">숨은 분류: <ul><li><a href="/wiki/%EB%B6%84%EB%A5%98:%ED%95%B4%EA%B2%B0%EB%90%98%EC%A7%80_%EC%95%8A%EC%9D%80_%EC%86%8D%EC%84%B1%EC%9D%B4_%EC%9E%88%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:해결되지 않은 속성이 있는 문서">해결되지 않은 속성이 있는 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%9C%84%ED%82%A4%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%86%8D%EC%84%B1_P18%EC%9D%84_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P18을 사용하는 문서">위키데이터 속성 P18을 사용하는 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%9C%84%ED%82%A4%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%86%8D%EC%84%B1_P373%EC%9D%84_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P373을 사용하는 문서">위키데이터 속성 P373을 사용하는 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%9C%84%ED%82%A4%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%86%8D%EC%84%B1_P227%EC%9D%84_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P227을 사용하는 문서">위키데이터 속성 P227을 사용하는 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%9C%84%ED%82%A4%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%86%8D%EC%84%B1_P244%EB%A5%BC_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P244를 사용하는 문서">위키데이터 속성 P244를 사용하는 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%9C%84%ED%82%A4%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%86%8D%EC%84%B1_P349%EB%A5%BC_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P349를 사용하는 문서">위키데이터 속성 P349를 사용하는 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%9C%84%ED%82%A4%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%86%8D%EC%84%B1_P7859%EB%A5%BC_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P7859를 사용하는 문서">위키데이터 속성 P7859를 사용하는 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%9C%84%ED%82%A4%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%86%8D%EC%84%B1_P8189%EB%A5%BC_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P8189를 사용하는 문서">위키데이터 속성 P8189를 사용하는 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:GND_%EC%8B%9D%EB%B3%84%EC%9E%90%EB%A5%BC_%ED%8F%AC%ED%95%A8%ED%95%9C_%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC_%EB%AC%B8%EC%84%9C" title="분류:GND 식별자를 포함한 위키백과 문서">GND 식별자를 포함한 위키백과 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:J9U_%EC%8B%9D%EB%B3%84%EC%9E%90%EB%A5%BC_%ED%8F%AC%ED%95%A8%ED%95%9C_%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC_%EB%AC%B8%EC%84%9C" title="분류:J9U 식별자를 포함한 위키백과 문서">J9U 식별자를 포함한 위키백과 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:LCCN_%EC%8B%9D%EB%B3%84%EC%9E%90%EB%A5%BC_%ED%8F%AC%ED%95%A8%ED%95%9C_%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC_%EB%AC%B8%EC%84%9C" title="분류:LCCN 식별자를 포함한 위키백과 문서">LCCN 식별자를 포함한 위키백과 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:NDL_%EC%8B%9D%EB%B3%84%EC%9E%90%EB%A5%BC_%ED%8F%AC%ED%95%A8%ED%95%9C_%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC_%EB%AC%B8%EC%84%9C" title="분류:NDL 식별자를 포함한 위키백과 문서">NDL 식별자를 포함한 위키백과 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EB%AF%B8%EC%88%A0%EC%97%90_%EA%B4%80%ED%95%9C_%ED%86%A0%EB%A7%89%EA%B8%80" title="분류:미술에 관한 토막글">미술에 관한 토막글</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%ED%81%B0_%ED%86%A0%EB%A7%89%EA%B8%80_%EB%AC%B8%EC%84%9C" title="분류:큰 토막글 문서">큰 토막글 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:%EB%AA%A8%EB%93%A0_%ED%86%A0%EB%A7%89%EA%B8%80_%EB%AC%B8%EC%84%9C" title="분류:모든 토막글 문서">모든 토막글 문서</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> 이 문서는 2024년 4월 20일 (토) 16:23에 마지막으로 편집되었습니다.</li> <li id="footer-info-copyright">모든 문서는 <a rel="nofollow" class="external text" href="//creativecommons.org/licenses/by-sa/4.0/deed.ko">크리에이티브 커먼즈 저작자표시-동일조건변경허락 4.0</a>에 따라 사용할 수 있으며, 추가적인 조건이 적용될 수 있습니다. 자세한 내용은 <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use/ko">이용 약관</a>을 참고하십시오.<br />Wikipedia®는 미국 및 다른 국가에 등록되어 있는 <a rel="nofollow" class="external text" href="https://www.wikimediafoundation.org">Wikimedia Foundation, Inc.</a> 소유의 등록 상표입니다.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">개인정보처리방침</a></li> <li id="footer-places-about"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%86%8C%EA%B0%9C">위키백과 소개</a></li> <li id="footer-places-disclaimers"><a href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EB%A9%B4%EC%B1%85_%EC%A1%B0%ED%95%AD">면책 조항</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">행동 강령</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">개발자</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/ko.wikipedia.org">통계</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">쿠키 정책</a></li> <li id="footer-places-mobileview"><a href="//ko.m.wikipedia.org/w/index.php?title=%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">모바일 보기</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-5f58cd8b6-bfvnq","wgBackendResponseTime":121,"wgPageParseReport":{"limitreport":{"cputime":"0.321","walltime":"0.458","ppvisitednodes":{"value":1007,"limit":1000000},"postexpandincludesize":{"value":34385,"limit":2097152},"templateargumentsize":{"value":334,"limit":2097152},"expansiondepth":{"value":14,"limit":100},"expensivefunctioncount":{"value":6,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":17146,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 399.277 1 -total"," 35.27% 140.840 1 틀:위키데이터_속성_추적"," 24.32% 97.122 3 틀:둘러보기_상자"," 23.58% 94.147 1 틀:타이포그래피_용어"," 17.86% 71.327 2 틀:서적_인용"," 8.57% 34.221 1 틀:전거_통제"," 7.95% 31.741 1 틀:위키공용분류-줄"," 7.15% 28.565 1 틀:Sister-inline"," 4.99% 19.922 1 틀:If_then_show"," 4.48% 17.881 1 틀:토막글"]},"scribunto":{"limitreport-timeusage":{"value":"0.150","limit":"10.000"},"limitreport-memusage":{"value":3820063,"limit":52428800}},"cachereport":{"origin":"mw-api-int.codfw.main-578bbdc5cb-dm6cq","timestamp":"20241203145322","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"\ud398\uc774\uc9c0 \ub808\uc774\uc544\uc6c3","url":"https:\/\/ko.wikipedia.org\/wiki\/%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83","sameAs":"http:\/\/www.wikidata.org\/entity\/Q868954","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q868954","author":{"@type":"Organization","name":"\uc704\ud0a4\ubbf8\ub514\uc5b4 \ud504\ub85c\uc81d\ud2b8 \uae30\uc5ec\uc790"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2012-09-21T13:41:56Z","dateModified":"2024-04-20T07:23:22Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a2\/Das_Wohltemperirte_Clavier_titlepage_2.jpg"}</script> </body> </html>