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>DHTML - 위키백과, 우리 모두의 백과사전</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":"edb06599-37e3-469e-9a6a-71929bcb6cf3","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"DHTML","wgTitle":"DHTML","wgCurRevisionId":37286995,"wgRevisionId":37286995,"wgArticleId":29770,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["해결되지 않은 속성이 있는 문서","위키데이터 속성 P18을 사용하는 문서","위키데이터 속성 P244를 사용하는 문서","위키데이터 속성 P268을 사용하는 문서","위키데이터 속성 P691을 사용하는 문서","위키데이터 속성 P950을 사용하는 문서","위키데이터 속성 P7859를 사용하는 문서","위키데이터 속성 P8189를 사용하는 문서","BNE 식별자를 포함한 위키백과 문서","BNF 식별자를 포함한 위키백과 문서", "BNFdata 식별자를 포함한 위키백과 문서","J9U 식별자를 포함한 위키백과 문서","LCCN 식별자를 포함한 위키백과 문서","NKC 식별자를 포함한 위키백과 문서","HTML"],"wgPageViewLanguage":"ko","wgPageContentLanguage":"ko","wgPageContentModel":"wikitext","wgRelevantPageName":"DHTML","wgRelevantArticleId":29770,"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":4000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition": "interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q380153","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.pygments":"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.pygments.view","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.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.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.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%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.4"> <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/6/6b/Dhtml-schema.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1081"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/6/6b/Dhtml-schema.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="721"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Dhtml-schema.png/640px-Dhtml-schema.png"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="577"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="DHTML - 위키백과, 우리 모두의 백과사전"> <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/DHTML"> <link rel="alternate" type="application/x-wiki" title="편집" href="/w/index.php?title=DHTML&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/DHTML"> <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-DHTML rootpage-DHTML 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=DHTML" 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=DHTML" 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=DHTML" 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=DHTML" 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-일반적인_DHTML의_예" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#일반적인_DHTML의_예"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1</span> <span>일반적인 DHTML의 예</span> </div> </a> <ul id="toc-일반적인_DHTML의_예-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.2</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> </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">DHTML</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="다른 언어로 문서를 방문합니다. 30개 언어로 읽을 수 있습니다" > <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-30" 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">30개 언어</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%AF%D9%8A_%D8%A5%D8%AA%D8%B4_%D8%AA%D9%8A_%D8%A5%D9%85_%D8%A5%D9%84" 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-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/DHTML" title="DHTML – 불가리아어" lang="bg" hreflang="bg" data-title="DHTML" 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/DHTML" title="DHTML – 카탈로니아어" lang="ca" hreflang="ca" data-title="DHTML" 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/DHTML" title="DHTML – 체코어" lang="cs" hreflang="cs" data-title="DHTML" data-language-autonym="Čeština" data-language-local-name="체코어" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Dynamisches_HTML" title="Dynamisches HTML – 독일어" lang="de" hreflang="de" data-title="Dynamisches HTML" data-language-autonym="Deutsch" data-language-local-name="독일어" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Dynamic_HTML" title="Dynamic HTML – 영어" lang="en" hreflang="en" data-title="Dynamic HTML" data-language-autonym="English" data-language-local-name="영어" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/HTML_din%C3%A1mico" title="HTML dinámico – 스페인어" lang="es" hreflang="es" data-title="HTML dinámico" 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/DHTML" title="DHTML – 에스토니아어" lang="et" hreflang="et" data-title="DHTML" data-language-autonym="Eesti" data-language-local-name="에스토니아어" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/DHTML" title="DHTML – 바스크어" lang="eu" hreflang="eu" data-title="DHTML" data-language-autonym="Euskara" data-language-local-name="바스크어" class="interlanguage-link-target"><span>Euskara</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%A7%DA%86%E2%80%8C%D8%AA%DB%8C%E2%80%8C%D8%A7%D9%85%E2%80%8C%D8%A7%D9%84_%D9%BE%D9%88%DB%8C%D8%A7" 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/DHTML" title="DHTML – 핀란드어" lang="fi" hreflang="fi" data-title="DHTML" 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/HTML_dynamique" title="HTML dynamique – 프랑스어" lang="fr" hreflang="fr" data-title="HTML dynamique" data-language-autonym="Français" data-language-local-name="프랑스어" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/Dynamic_HTML" title="Dynamic HTML – 히브리어" lang="he" hreflang="he" data-title="Dynamic HTML" data-language-autonym="עברית" data-language-local-name="히브리어" class="interlanguage-link-target"><span>עברית</span></a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikipedia.org/wiki/%E0%A4%A1%E0%A4%BE%E0%A4%AF%E0%A4%A8%E0%A5%87%E0%A4%AE%E0%A4%BF%E0%A4%95_%E0%A4%8F%E0%A4%9A%E0%A4%9F%E0%A5%80%E0%A4%8F%E0%A4%AE%E0%A4%8F%E0%A4%B2" title="डायनेमिक एचटीएमएल – 힌디어" lang="hi" hreflang="hi" data-title="डायनेमिक एचटीएमएल" data-language-autonym="हिन्दी" data-language-local-name="힌디어" class="interlanguage-link-target"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/Dynamic_HTML" title="Dynamic HTML – 헝가리어" lang="hu" hreflang="hu" data-title="Dynamic HTML" data-language-autonym="Magyar" data-language-local-name="헝가리어" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Dynamic_HTML" title="Dynamic HTML – 인도네시아어" lang="id" hreflang="id" data-title="Dynamic HTML" 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/DHTML" title="DHTML – 이탈리아어" lang="it" hreflang="it" data-title="DHTML" data-language-autonym="Italiano" data-language-local-name="이탈리아어" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/%E3%83%80%E3%82%A4%E3%83%8A%E3%83%9F%E3%83%83%E3%82%AFHTML" title="ダイナミックHTML – 일본어" lang="ja" hreflang="ja" data-title="ダイナミックHTML" data-language-autonym="日本語" data-language-local-name="일본어" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-km mw-list-item"><a href="https://km.wikipedia.org/wiki/%E1%9E%8C%E1%9E%B8%E1%9E%8E%E1%9E%B6%E1%9E%98%E1%9E%B7%E1%9E%80_HTML" title="ឌីណាមិក HTML – 크메르어" lang="km" hreflang="km" data-title="ឌីណាមិក HTML" 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/Dynamic_HTML" title="Dynamic HTML – 네덜란드어" lang="nl" hreflang="nl" data-title="Dynamic HTML" data-language-autonym="Nederlands" data-language-local-name="네덜란드어" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Dynamiczny_HTML" title="Dynamiczny HTML – 폴란드어" lang="pl" hreflang="pl" data-title="Dynamiczny HTML" 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/DHTML" title="DHTML – 포르투갈어" lang="pt" hreflang="pt" data-title="DHTML" data-language-autonym="Português" data-language-local-name="포르투갈어" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/DHTML" title="DHTML – 루마니아어" lang="ro" hreflang="ro" data-title="DHTML" data-language-autonym="Română" data-language-local-name="루마니아어" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/DHTML" title="DHTML – 러시아어" lang="ru" hreflang="ru" data-title="DHTML" data-language-autonym="Русский" data-language-local-name="러시아어" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Dynamick%C3%A9_HTML" title="Dynamické HTML – 슬로바키아어" lang="sk" hreflang="sk" data-title="Dynamické HTML" data-language-autonym="Slovenčina" data-language-local-name="슬로바키아어" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/DHTML" title="DHTML – 스웨덴어" lang="sv" hreflang="sv" data-title="DHTML" data-language-autonym="Svenska" data-language-local-name="스웨덴어" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/DHTML" title="DHTML – 터키어" lang="tr" hreflang="tr" data-title="DHTML" data-language-autonym="Türkçe" data-language-local-name="터키어" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/DHTML" title="DHTML – 우크라이나어" lang="uk" hreflang="uk" data-title="DHTML" data-language-autonym="Українська" data-language-local-name="우크라이나어" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/HTML_%C4%91%E1%BB%99ng" title="HTML động – 베트남어" lang="vi" hreflang="vi" data-title="HTML động" data-language-autonym="Tiếng Việt" data-language-local-name="베트남어" class="interlanguage-link-target"><span>Tiếng Việt</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/%E5%8B%95%E6%85%8BHTML" title="動態HTML – 중국어" lang="zh" hreflang="zh" data-title="動態HTML" 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/Q380153#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/DHTML" 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:DHTML" 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/DHTML"><span>읽기</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=DHTML&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=DHTML&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/DHTML"><span>읽기</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=DHTML&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=DHTML&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/DHTML" 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/DHTML" 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=DHTML&oldid=37286995" title="이 문서의 이 판에 대한 고유 링크"><span>고유 링크</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=DHTML&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=DHTML&id=37286995&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%2FDHTML"><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%2FDHTML"><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=DHTML"><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=DHTML&action=show-download-screen"><span>PDF로 다운로드</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=DHTML&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 id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q380153" 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> <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:r34311371">.mw-parser-output .sidebar{width:22em;float:right;clear:right;margin:0.5em 0 1em 1em;background:#f8f9fa;border:1px solid #aaa;padding:0.2em;text-align:center;line-height:1.4em;font-size:88%;border-collapse:collapse;display:table}body.skin-minerva .mw-parser-output .sidebar{display:table!important;float:right!important;margin:0.5em 0 1em 1em!important}.mw-parser-output .sidebar-subgroup{width:100%;margin:0;border-spacing:0}.mw-parser-output .sidebar-left{float:left;clear:left;margin:0.5em 1em 1em 0}.mw-parser-output .sidebar-none{float:none;clear:both;margin:0.5em 1em 1em 0}.mw-parser-output .sidebar-outer-title{padding:0 0.4em 0.2em;font-size:125%;line-height:1.2em;font-weight:bold}.mw-parser-output .sidebar-top-image{padding:0.4em}.mw-parser-output .sidebar-top-caption,.mw-parser-output .sidebar-pretitle-with-top-image,.mw-parser-output .sidebar-caption{padding:0.2em 0.4em 0;line-height:1.2em}.mw-parser-output .sidebar-pretitle{padding:0.4em 0.4em 0;line-height:1.2em}.mw-parser-output .sidebar-title,.mw-parser-output .sidebar-title-with-pretitle{padding:0.2em 0.8em;font-size:145%;line-height:1.2em}.mw-parser-output .sidebar-title-with-pretitle{padding:0.1em 0.4em}.mw-parser-output .sidebar-image{padding:0.2em 0.4em 0.4em}.mw-parser-output .sidebar-heading{padding:0.1em 0.4em}.mw-parser-output .sidebar-content{padding:0 0.5em 0.4em}.mw-parser-output .sidebar-content-with-subgroup{padding:0.1em 0.4em 0.2em}.mw-parser-output .sidebar-above,.mw-parser-output .sidebar-below{padding:0.3em 0.8em;font-weight:bold}.mw-parser-output .sidebar-collapse .sidebar-above,.mw-parser-output .sidebar-collapse .sidebar-below{border-top:1px solid #aaa;border-bottom:1px solid #aaa}.mw-parser-output .sidebar-navbar{text-align:right;font-size:115%;padding:0 0.4em 0.4em}.mw-parser-output .sidebar-list-title{padding:0 0.4em;text-align:left;font-weight:bold;line-height:1.6em;font-size:105%}.mw-parser-output .sidebar-list-title-c{padding:0 0.4em;text-align:center;margin:0 3.3em}@media(max-width:720px){body.mediawiki .mw-parser-output .sidebar{width:100%!important;clear:both;float:none!important;margin-left:0!important;margin-right:0!important}}</style><table class="sidebar nomobile nowraplinks"><tbody><tr><th class="sidebar-title"><a href="/wiki/HTML" title="HTML">HTML</a></th></tr><tr><td class="sidebar-content hlist"> <ul><li><a class="mw-selflink selflink">DHTML</a></li> <li><a href="/wiki/HTML5" title="HTML5">HTML5</a> <ul><li><a href="/wiki/HTML5_%EC%98%A4%EB%94%94%EC%98%A4" title="HTML5 오디오">오디오</a></li> <li><a href="/wiki/%EC%BA%94%EB%B2%84%EC%8A%A4_%EC%9A%94%EC%86%8C" title="캔버스 요소">캔버스</a></li> <li><a href="/wiki/HTML5_%EB%B9%84%EB%94%94%EC%98%A4" title="HTML5 비디오">비디오</a></li></ul></li> <li><a href="/wiki/XHTML" title="XHTML">XHTML</a> <ul><li><a href="/w/index.php?title=XHTML_%EB%B2%A0%EC%9D%B4%EC%A7%81&action=edit&redlink=1" class="new" title="XHTML 베이직 (없는 문서)">베이직</a></li> <li><a href="/wiki/XHTML_%EB%AA%A8%EB%B0%94%EC%9D%BC_%ED%94%84%EB%A1%9C%ED%8C%8C%EC%9D%BC" class="mw-redirect" title="XHTML 모바일 프로파일">모바일 프로파일</a></li> <li><a href="/wiki/C-HTML" title="C-HTML">C-HTML</a></li></ul></li> <li><a href="/wiki/HTML_%EC%9A%94%EC%86%8C" title="HTML 요소">HTML 요소</a> <ul><li><a href="/wiki/Span%EA%B3%BC_div" class="mw-redirect" title="Span과 div">span과 div</a></li></ul></li> <li><a href="/wiki/HTML_%EC%86%8D%EC%84%B1" title="HTML 속성">HTML 속성</a></li> <li><a href="/wiki/%ED%94%84%EB%A0%88%EC%9E%84_(%EC%9B%94%EB%93%9C_%EC%99%80%EC%9D%B4%EB%93%9C_%EC%9B%B9)" title="프레임 (월드 와이드 웹)">HTML 프레임</a></li> <li><a href="/wiki/HTML_%ED%8E%B8%EC%A7%91%EA%B8%B0" title="HTML 편집기">HTML 편집기</a></li> <li><a href="/w/index.php?title=HTML%EC%9D%98_%EB%AC%B8%EC%9E%90_%EC%9D%B8%EC%BD%94%EB%94%A9&action=edit&redlink=1" class="new" title="HTML의 문자 인코딩 (없는 문서)">문자 인코딩</a> <ul><li><a href="/w/index.php?title=%EC%9C%A0%EB%8B%88%EC%BD%94%EB%93%9C%EC%99%80_HTML&action=edit&redlink=1" class="new" title="유니코드와 HTML (없는 문서)">유니코드</a></li></ul></li> <li><a href="/wiki/%EC%96%B8%EC%96%B4_%EC%BD%94%EB%93%9C" title="언어 코드">언어 코드</a></li> <li><a href="/wiki/%EB%AC%B8%EC%84%9C_%EA%B0%9D%EC%B2%B4_%EB%AA%A8%EB%8D%B8" title="문서 객체 모델">문서 객체 모델</a></li> <li><a href="/w/index.php?title=%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%EC%98%A4%EB%B8%8C%EC%A0%9D%ED%8A%B8_%EB%AA%A8%EB%8D%B8&action=edit&redlink=1" class="new" title="브라우저 오브젝트 모델 (없는 문서)">브라우저 오브젝트 모델</a></li> <li><a href="/w/index.php?title=%EC%8A%A4%ED%83%80%EC%9D%BC_%EC%8B%9C%ED%8A%B8_(%EC%9B%B9_%EA%B0%9C%EB%B0%9C)&action=edit&redlink=1" class="new" title="스타일 시트 (웹 개발) (없는 문서)">스타일 시트</a> <ul><li><a href="/wiki/CSS" title="CSS">CSS</a></li></ul></li> <li><a href="/wiki/%ED%8F%B0%ED%8A%B8_%ED%8C%A8%EB%B0%80%EB%A6%AC_(HTML)" title="폰트 패밀리 (HTML)">폰트 패밀리</a></li> <li><a href="/wiki/%EC%9B%B9_%EC%83%89%EC%83%81" title="웹 색상">웹 색상</a></li> <li><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="자바스크립트">자바스크립트</a> <ul><li><a href="/wiki/WebGL" title="WebGL">WebGL</a></li> <li><a href="/wiki/WebCL" title="WebCL">WebCL</a></li></ul></li> <li><a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a> <ul><li><a href="/wiki/W3C_%EB%A7%88%ED%81%AC%EC%97%85_%EB%B0%B8%EB%A6%AC%EB%8D%B0%EC%9D%B4%EC%85%98_%EC%84%9C%EB%B9%84%EC%8A%A4" class="mw-redirect" title="W3C 마크업 밸리데이션 서비스">밸리데이터</a></li></ul></li> <li><a href="/wiki/WHATWG" title="WHATWG">WHATWG</a></li> <li><a href="/wiki/%EC%BF%BC%ED%81%AC_%EB%AA%A8%EB%93%9C" title="쿼크 모드">쿼크 모드</a></li> <li><a href="/wiki/%EC%9B%B9_%EC%8A%A4%ED%86%A0%EB%A6%AC%EC%A7%80" 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></ul></td> </tr><tr><th class="sidebar-heading"> 비교</th></tr><tr><td class="sidebar-content hlist"> <ul><li><a href="/w/index.php?title=%EB%AC%B8%EC%84%9C_%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4_%EA%B0%84%EC%9D%98_%EB%B9%84%EA%B5%90&action=edit&redlink=1" class="new" title="문서 마크업 언어 간의 비교 (없는 문서)">문서 마크업 언어</a></li> <li><a href="/w/index.php?title=%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%EC%97%94%EC%A7%84_%EB%B9%84%EA%B5%90_(HTML_%EC%A7%80%EC%9B%90)&action=edit&redlink=1" class="new" title="브라우저 엔진 비교 (HTML 지원) (없는 문서)">HTML 지원</a></li> <li><a href="/w/index.php?title=%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83_%EC%97%94%EC%A7%84_%EB%B9%84%EA%B5%90_(XHTML)&action=edit&redlink=1" class="new" title="레이아웃 엔진 비교 (XHTML) (없는 문서)">XHTML</a> <ul><li><a href="/w/index.php?title=%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83_%EC%97%94%EC%A7%84_%EB%B9%84%EA%B5%90_(XHTML_1.1)&action=edit&redlink=1" class="new" title="레이아웃 엔진 비교 (XHTML 1.1) (없는 문서)">1.1</a></li></ul></li></ul></td> </tr></tbody></table> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/%ED%8C%8C%EC%9D%BC:Dhtml-schema.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Dhtml-schema.png/220px-Dhtml-schema.png" decoding="async" width="220" height="198" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Dhtml-schema.png/330px-Dhtml-schema.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Dhtml-schema.png/440px-Dhtml-schema.png 2x" data-file-width="676" data-file-height="609" /></a><figcaption></figcaption></figure> <p><b>DHTML</b>(Dynamic HTML; 동적 HTML)은 정적 <a href="/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4" title="마크업 언어">마크업 언어</a>인 <a href="/wiki/HTML" title="HTML">HTML</a>과 클라이언트 기반 스크립트 언어(<a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="자바스크립트">자바스크립트</a> 같은) 그리고 스타일 정의 언어인 <a href="/wiki/CSS" title="CSS">CSS</a>를 조합하여 대화형 <a href="/wiki/%EC%9B%B9_%EC%82%AC%EC%9D%B4%ED%8A%B8" class="mw-redirect" title="웹 사이트">웹 사이트</a>를 제작하는 기법을 의미한다. </p><p>DHTML은 <a href="/wiki/%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80" title="웹 브라우저">웹 브라우저</a> 상에서 동작하는 응용 프로그램을 제작하는 데에도 쓰인다. 예를 들어 간편한 내비게이션을 위해 대화형 <a href="/wiki/%ED%8F%BC_(%EB%AC%B8%EC%84%9C)" title="폼 (문서)">폼</a>(form)을 제작하거나 <a href="/wiki/%EC%A0%84%EC%9E%90_%ED%95%99%EC%8A%B5" title="전자 학습">전자 학습</a>에 사용되는 대화형 실습장을 만드는 데 이용될 수 있다. 완전히 브라우저에 포함되어 데이터베이스와 같은 서버측 지원이 없이 동작하는 DHTML 응용 프로그램을 때로 <a href="/wiki/SPA" class="mw-disambig" title="SPA">SPA</a>(Single Page Applications; 단일 페이지 응용 프로그램)라 부른다. </p><p>경쟁 기술로는 애니메이션을 위한 <a href="/wiki/%EC%96%B4%EB%8F%84%EB%B9%84_%ED%94%8C%EB%9E%98%EC%8B%9C" title="어도비 플래시">어도비 플래시</a>나 <a href="/wiki/%EC%9E%90%EB%B0%94_(%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%96%B8%EC%96%B4)" title="자바 (프로그래밍 언어)">자바</a>, <a href="/wiki/AJAX" class="mw-redirect" title="AJAX">AJAX</a>, <a href="/wiki/%EC%9E%90%EB%B0%94_%EC%95%A0%ED%94%8C%EB%A6%BF" title="자바 애플릿">애플릿</a>, <a href="/wiki/SVG" class="mw-redirect" title="SVG">SVG</a> 등이 있다(SVG는 아직까지 주요 웹 브라우저에서 잘 지원되지 않는다). </p><p>DHTML의 단점으로는 브라우저마다 기술 지원에 대한 편차가 있기 때문에 개발과 <a href="/wiki/%EB%94%94%EB%B2%84%EA%B7%B8" title="디버그">디버그</a> 작업이 힘들다는 것과, 화면 크기가 다양하기 때문에 제한된 브라우저와 화면 크기 조합에만 최적화가 가능하다는 점이다. 최신 브라우저(<a href="/wiki/%EC%9D%B8%ED%84%B0%EB%84%B7_%EC%9D%B5%EC%8A%A4%ED%94%8C%EB%A1%9C%EB%9F%AC" title="인터넷 익스플로러">인터넷 익스플로러</a> 5.0+, <a href="/wiki/%EB%84%B7%EC%8A%A4%EC%BC%80%EC%9D%B4%ED%94%84_(%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80)" title="넷스케이프 (웹 브라우저)">넷스케이프</a> 6.0+, <a href="/wiki/%EC%98%A4%ED%8E%98%EB%9D%BC_(%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80)" title="오페라 (웹 브라우저)">오페라</a> 7.0+)에서의 개발은 공통된 <a href="/wiki/DOM" class="mw-disambig" title="DOM">DOM</a> 덕분에 이전보다 간편해졌다. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="예"><span id=".EC.98.88"></span>예</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=DHTML&action=edit&section=1" title="부분 편집: 예"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="일반적인_DHTML의_예"><span id=".EC.9D.BC.EB.B0.98.EC.A0.81.EC.9D.B8_DHTML.EC.9D.98_.EC.98.88"></span>일반적인 DHTML의 예</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=DHTML&action=edit&section=2" title="부분 편집: 일반적인 DHTML의 예"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="cp"><!doctype html></span> <span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span> <span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span><span class="p">></span> <span class="p"><</span><span class="nt">title</span><span class="p">></span>DHTML example<span class="p"></</span><span class="nt">title</span><span class="p">></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">body</span><span class="p">></span> <span class="p"><</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">"navigation"</span><span class="p">></</span><span class="nt">div</span><span class="p">></span> <span class="p"><</span><span class="nt">script</span><span class="p">></span> <span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">init</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="nx">myObj</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">"navigation"</span><span class="p">);</span> <span class="w"> </span><span class="c1">// ... manipulate myObj</span> <span class="w"> </span><span class="p">};</span> <span class="w"> </span><span class="nb">window</span><span class="p">.</span><span class="nx">onload</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">init</span><span class="p">;</span> <span class="w"> </span><span class="p"></</span><span class="nt">script</span><span class="p">></span> <span class="cm"></span> <span class="p"><</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">"myjavascript.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span> <span class="p"></</span><span class="nt">body</span><span class="p">></span> <span class="p"></</span><span class="nt">html</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="텍스트_추가_블록_표시"><span id=".ED.85.8D.EC.8A.A4.ED.8A.B8_.EC.B6.94.EA.B0.80_.EB.B8.94.EB.A1.9D_.ED.91.9C.EC.8B.9C"></span>텍스트 추가 블록 표시</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=DHTML&action=edit&section=3" title="부분 편집: 텍스트 추가 블록 표시"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="cp"><!doctype html></span> <span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span> <span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span><span class="p">></span> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Using a DOM function<span class="p"></</span><span class="nt">title</span><span class="p">></span> <span class="p"><</span><span class="nt">style</span><span class="p">></span> <span class="w"> </span><span class="nt">a</span><span class="w"> </span><span class="p">{</span><span class="k">background-color</span><span class="p">:</span><span class="mh">#eee</span><span class="p">;}</span> <span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="w"> </span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#ff0</span><span class="p">;}</span> <span class="w"> </span><span class="p">#</span><span class="nn">toggleMe</span><span class="w"> </span><span class="p">{</span><span class="k">background</span><span class="p">:</span><span class="mh">#cfc</span><span class="p">;</span><span class="w"> </span><span class="k">display</span><span class="p">:</span><span class="kc">none</span><span class="p">;</span><span class="w"> </span><span class="k">margin</span><span class="p">:</span><span class="mi">30</span><span class="kt">px</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span><span class="w"> </span><span class="k">padding</span><span class="p">:</span><span class="mi">1</span><span class="kt">em</span><span class="p">;}</span> <span class="w"> </span><span class="p"></</span><span class="nt">style</span><span class="p">></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">body</span><span class="p">></span> <span class="p"><</span><span class="nt">h1</span><span class="p">></span>Using a DOM function<span class="p"></</span><span class="nt">h1</span><span class="p">></span> <span class="p"><</span><span class="nt">h2</span><span class="p">><</span><span class="nt">a</span> <span class="na">id</span><span class="o">=</span><span class="s">"showhide"</span> <span class="na">href</span><span class="o">=</span><span class="s">"#"</span><span class="p">></span>Show paragraph<span class="p"></</span><span class="nt">a</span><span class="p">></</span><span class="nt">h2</span><span class="p">></span> <span class="p"><</span><span class="nt">p</span> <span class="na">id</span><span class="o">=</span><span class="s">"toggleMe"</span><span class="p">></span>This is the paragraph that is only displayed on request.<span class="p"></</span><span class="nt">p</span><span class="p">></span> <span class="p"><</span><span class="nt">p</span><span class="p">></span>The general flow of the document continues.<span class="p"></</span><span class="nt">p</span><span class="p">></span> <span class="p"><</span><span class="nt">script</span><span class="p">></span> <span class="w"> </span><span class="nx">changeDisplayState</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="p">(</span><span class="nx">id</span><span class="p">)</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="kd">var</span><span class="w"> </span><span class="nx">d</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">'showhide'</span><span class="p">),</span> <span class="w"> </span><span class="nx">e</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="nx">id</span><span class="p">);</span> <span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">e</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s1">'none'</span><span class="w"> </span><span class="o">||</span><span class="w"> </span><span class="nx">e</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s1">''</span><span class="p">)</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="nx">e</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">'block'</span><span class="p">;</span> <span class="w"> </span><span class="nx">d</span><span class="p">.</span><span class="nx">innerHTML</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">'Hide paragraph'</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> <span class="w"> </span><span class="k">else</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="nx">e</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">'none'</span><span class="p">;</span> <span class="w"> </span><span class="nx">d</span><span class="p">.</span><span class="nx">innerHTML</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s1">'Show paragraph'</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> <span class="w"> </span><span class="p">};</span> <span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">'showhide'</span><span class="p">).</span><span class="nx">onclick</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="p">()</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="nx">changeDisplayState</span><span class="p">(</span><span class="s1">'toggleMe'</span><span class="p">);</span> <span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="kc">false</span><span class="p">;</span> <span class="w"> </span><span class="p">};</span> <span class="w"> </span><span class="p"></</span><span class="nt">script</span><span class="p">></span> <span class="p"></</span><span class="nt">body</span><span class="p">></span> <span class="p"></</span><span class="nt">html</span><span class="p">></span> </pre></div> <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=DHTML&action=edit&section=4" title="부분 편집: 같이 보기"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/%EB%8F%99%EC%A0%81_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80" title="동적 웹페이지">동적 웹페이지</a></li></ul> <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=DHTML&action=edit&section=5" title="부분 편집: 외부 링크"><span>편집</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a rel="nofollow" class="external text" href="http://www.quirksmode.org/">QuirksMode</a> - 여러 운영체제에서 동작하는 DHTML 코드 작성에 대한 예제와 설명 등을 포괄한 사이트</li> <li><a rel="nofollow" class="external text" href="https://web.archive.org/web/20050713024411/http://www.dhteumeuleu.com/">DHTML 데모</a></li></ul> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r36480591"><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="2"><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:%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="틀:자바스크립트"><abbr title="이 틀을 보기" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">v</abbr></a></li><li class="nv-토론"><a href="/w/index.php?title=%ED%8B%80%ED%86%A0%EB%A1%A0:%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&action=edit&redlink=1" class="new" 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:%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" 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/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="자바스크립트">자바스크립트</a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%A0%95%EC%A0%81_%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8_%EB%B6%84%EC%84%9D" 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/ESLint" title="ESLint">ESLint</a></li> <li><a href="/wiki/JSHint" title="JSHint">JSHint</a></li> <li><a href="/wiki/JSLint" title="JSLint">JSLint</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%BB%B4%ED%8C%8C%EC%9D%BC%EB%9F%AC" 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%BB%A4%ED%94%BC%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="커피스크립트">커피스크립트</a></li> <li><a href="/wiki/%EB%8B%A4%ED%8A%B8_(%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%96%B8%EC%96%B4)" title="다트 (프로그래밍 언어)">다트</a></li> <li><a href="/wiki/Emscripten" title="Emscripten">Emscripten</a></li> <li><a href="/w/index.php?title=%EA%B5%AC%EA%B8%80_%ED%81%B4%EB%A1%9C%EC%A0%80_%EC%BB%B4%ED%8C%8C%EC%9D%BC%EB%9F%AC&action=edit&redlink=1" class="new" title="구글 클로저 컴파일러 (없는 문서)">구글 클로저 컴파일러</a></li> <li><a href="/wiki/%EA%B5%AC%EA%B8%80_%EC%9B%B9_%ED%88%B4%ED%82%B7" title="구글 웹 툴킷">구글 웹 툴킷</a></li> <li><a href="/w/index.php?title=Morfik&action=edit&redlink=1" class="new" title="Morfik (없는 문서)">Morfik</a></li> <li><a href="/wiki/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="타입스크립트">타입스크립트</a></li> <li><a href="/w/index.php?title=AtScript&action=edit&redlink=1" class="new" title="AtScript (없는 문서)">AtScript</a></li> <li><a href="/wiki/Opa" class="mw-redirect mw-disambig" title="Opa">Opa</a></li> <li><a href="/wiki/Haxe" title="Haxe">Haxe</a></li> <li><a href="/wiki/%ED%81%B4%EB%A1%9C%EC%A0%80_(%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%96%B8%EC%96%B4)" 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 hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Ajax" title="Ajax">Ajax</a></li> <li><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="자바스크립트">클라이언트 사이드</a></li> <li><a class="mw-selflink selflink">DHTML</a></li> <li><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC" title="자바스크립트 라이브러리">자바스크립트 라이브러리</a></li> <li><a href="/w/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%AC%B8%EB%B2%95&action=edit&redlink=1" class="new" title="자바스크립트 문법 (없는 문서)">자바스크립트 문법</a></li> <li><a href="/w/index.php?title=%EA%B2%B8%EC%86%90%ED%95%9C_%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&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%94%94%EB%B2%84%EA%B1%B0" 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/%ED%8C%8C%EC%9D%B4%EC%96%B4%EB%B2%84%EA%B7%B8_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)" title="파이어버그 (소프트웨어)">파이어버그</a></li> <li><a href="/w/index.php?title=%EC%BD%94%EB%AA%A8%EB%8F%84_IDE&action=edit&redlink=1" class="new" title="코모도 IDE (없는 문서)">코모도 IDE</a></li> <li><a href="/w/index.php?title=%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%86%8C%ED%94%84%ED%8A%B8_%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%94%94%EB%B2%84%EA%B1%B0&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%EC%86%8C%ED%94%84%ED%8A%B8_%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%ED%8E%B8%EC%A7%91%EA%B8%B0&action=edit&redlink=1" class="new" title="마이크로소프트 스크립트 편집기 (없는 문서)">마이크로소프트 스크립트 편집기</a></li> <li><a href="/w/index.php?title=%EC%98%A4%ED%8E%98%EB%9D%BC_%EB%93%9C%EB%9E%98%EA%B3%A4%ED%94%8C%EB%9D%BC%EC%9D%B4&action=edit&redlink=1" class="new" title="오페라 드래곤플라이 (없는 문서)">오페라 드래곤플라이</a></li> <li><a href="/w/index.php?title=Venkman&action=edit&redlink=1" class="new" title="Venkman (없는 문서)">Venkman</a></li> <li><a href="/wiki/%EC%82%AC%ED%8C%8C%EB%A6%AC_(%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80)" title="사파리 (웹 브라우저)">사파리</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/w/index.php?title=%EB%8F%84%ED%81%90%EB%A8%BC%ED%85%8C%EC%9D%B4%EC%85%98_%EC%A0%9C%EB%84%A4%EB%A0%88%EC%9D%B4%ED%84%B0&action=edit&redlink=1" class="new" 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/JSDoc" title="JSDoc">JSDoc</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">편집기 (<span style="font-weight:normal"><a href="/w/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EA%B8%B0%EB%B0%98_%EC%86%8C%EC%8A%A4_%EC%BD%94%EB%93%9C_%ED%8E%B8%EC%A7%91%EA%B8%B0_%EB%B9%84%EA%B5%90&action=edit&redlink=1" class="new" title="자바스크립트 기반 소스 코드 편집기 비교 (없는 문서)">비교</a></span>)</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%97%90%EC%9D%B4%EC%8A%A4_(%ED%8E%B8%EC%A7%91%EA%B8%B0)" title="에이스 (편집기)">에이스</a> <ul><li><a href="/wiki/%ED%81%B4%EB%9D%BC%EC%9A%B0%EB%93%9C9_IDE" title="클라우드9 IDE">클라우드9 IDE</a></li></ul></li> <li><a href="/wiki/%EC%95%84%ED%86%B0_(%EB%AC%B8%EC%84%9C_%ED%8E%B8%EC%A7%91%EA%B8%B0)" title="아톰 (문서 편집기)">아톰</a></li> <li><a href="/wiki/%EC%BD%94%EB%93%9C%EB%AF%B8%EB%9F%AC" title="코드미러">코드미러</a> <ul><li><a href="/wiki/%EB%9D%BC%EC%9D%B4%ED%8A%B8_%ED%85%8C%EC%9D%B4%EB%B8%94_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)" title="라이트 테이블 (소프트웨어)">라이트 테이블</a></li> <li><a href="/w/index.php?title=%EB%B8%8C%EB%9E%98%ED%82%B7_(%EB%AC%B8%EC%84%9C_%ED%8E%B8%EC%A7%91%EA%B8%B0)&action=edit&redlink=1" class="new" title="브래킷 (문서 편집기) (없는 문서)">브래킷</a></li></ul></li> <li><a href="/w/index.php?title=Koding&action=edit&redlink=1" class="new" title="Koding (없는 문서)">Koding</a></li> <li><a href="/w/index.php?title=%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4_%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8_%EB%AA%A9%EB%A1%9D&action=edit&redlink=1" class="new" title="이클립스 프로젝트 목록 (없는 문서)">오리온</a></li> <li><a href="/wiki/%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%86%8C%ED%94%84%ED%8A%B8_%EB%B9%84%EC%A3%BC%EC%96%BC_%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4" class="mw-redirect" title="마이크로소프트 비주얼 스튜디오">비주얼 스튜디오</a> <ul><li><a href="/wiki/%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%86%8C%ED%94%84%ED%8A%B8_%EB%B9%84%EC%A3%BC%EC%96%BC_%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4_%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4" title="마이크로소프트 비주얼 스튜디오 익스프레스">비주얼 스튜디오 익스프레스</a></li></ul></li> <li><a href="/wiki/%EB%B9%84%EC%A3%BC%EC%96%BC_%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4_%EC%BD%94%EB%93%9C" title="비주얼 스튜디오 코드">비주얼 스튜디오 코드</a></li> <li><a href="/wiki/%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%86%8C%ED%94%84%ED%8A%B8_%EB%B9%84%EC%A3%BC%EC%96%BC_%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4" class="mw-redirect" 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 hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/w/index.php?title=%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83_%EC%97%94%EC%A7%84_(ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8)_%EB%B9%84%EA%B5%90&action=edit&redlink=1" class="new" title="레이아웃 엔진 (ECMA스크립트) 비교 (없는 문서)">레이아웃 엔진 비교</a></li> <li><a href="/w/index.php?title=ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%97%94%EC%A7%84_%EB%AA%A9%EB%A1%9D&action=edit&redlink=1" class="new" title="ECMA스크립트 엔진 목록 (없는 문서)">ECMA스크립트 엔진 목록</a></li> <li><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%97%94%EC%A7%84" title="자바스크립트 엔진">자바스크립트 엔진 목록</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC" 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%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_%EB%B9%84%EA%B5%90" title="자바스크립트 프레임워크 비교">자바스크립트 프레임워크 비교</a></li> <li><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC_%EB%AA%A9%EB%A1%9D" title="자바스크립트 라이브러리 목록">자바스크립트 라이브러리 목록</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">관련 <a href="/wiki/%ED%85%8C%ED%81%AC%EB%86%80%EB%A1%9C%EC%A7%80" 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%A2%85%EC%86%8D%ED%98%95_%EC%8B%9C%ED%8A%B8" class="mw-redirect" title="종속형 시트">종속형 시트</a></li> <li><a href="/wiki/%EB%AC%B8%EC%84%9C_%EA%B0%9D%EC%B2%B4_%EB%AA%A8%EB%8D%B8" title="문서 객체 모델">문서 객체 모델</a></li> <li><a href="/wiki/HTML" title="HTML">HTML</a></li> <li><a href="/wiki/JSON" title="JSON">JSON</a></li> <li><a href="/wiki/%EC%9B%B9%EC%96%B4%EC%85%88%EB%B8%94%EB%A6%AC" title="웹어셈블리">웹어셈블리</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%ED%8C%A8%ED%82%A4%EC%A7%80_%EA%B4%80%EB%A6%AC%EC%9E%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/Npm_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)" title="Npm (소프트웨어)">npm</a></li> <li><a href="/wiki/NuGet" title="NuGet">NuGet</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%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%95%A1%ED%8B%B0%EB%B8%8C_%EC%84%9C%EB%B2%84_%ED%8E%98%EC%9D%B4%EC%A7%80" title="액티브 서버 페이지">액티브 서버 페이지</a></li> <li><a href="/wiki/CommonJS" title="CommonJS">CommonJS</a></li> <li><a href="/w/index.php?title=JSGI&action=edit&redlink=1" class="new" title="JSGI (없는 문서)">JSGI</a></li> <li><a href="/wiki/Node.js" title="Node.js">Node.js</a></li> <li><a href="/wiki/%EB%94%94%EB%85%B8_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)" title="디노 (소프트웨어)">Deno</a></li> <li><a href="/w/index.php?title=Wakanda&action=edit&redlink=1" class="new" title="Wakanda (없는 문서)">Wakanda</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%9C%A0%EB%8B%9B_%ED%85%8C%EC%8A%A4%ED%8A%B8" 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=%EC%9E%AC%EC%8A%A4%EB%AF%BC_(%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC)&action=edit&redlink=1" class="new" title="재스민 (자바스크립트 프레임워크) (없는 문서)">재스민</a></li> <li><a href="/wiki/Mocha" class="mw-redirect mw-disambig" title="Mocha">Mocha</a></li> <li><a href="/wiki/QUnit" title="QUnit">QUnit</a></li> <li><a href="/w/index.php?title=%EC%9C%A0%EB%8B%9B_%ED%85%8C%EC%8A%A4%ED%8A%B8_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_%EB%AA%A9%EB%A1%9D&action=edit&redlink=1" class="new" 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 hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/%EB%8D%94%EA%B8%80%EB%9D%BC%EC%8A%A4_%ED%81%AC%EB%A1%9D%ED%8F%AC%EB%93%9C" title="더글라스 크록포드">더글라스 크록포드</a></li> <li><a href="/wiki/%EB%B8%8C%EB%A0%8C%EB%8D%98_%EC%95%84%EC%9D%B4%ED%81%AC" title="브렌던 아이크">브렌던 아이크</a></li> <li><a href="/wiki/%EC%A1%B4_%EB%A0%88%EC%8B%9D" 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" 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="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r36480591"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r34311309"><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-보기"><a href="/wiki/%ED%8B%80:%EC%9B%B9_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4" title="틀:웹 인터페이스"><abbr title="이 틀을 보기" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">v</abbr></a></li><li class="nv-토론"><a href="/w/index.php?title=%ED%8B%80%ED%86%A0%EB%A1%A0:%EC%9B%B9_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4&action=edit&redlink=1" class="new" 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:%EC%9B%B9_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4" 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/%EC%9B%B9_API" title="웹 API">웹 인터페이스</a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%84%9C%EB%B2%84_%EC%82%AC%EC%9D%B4%EB%93%9C" 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/%ED%86%B5%EC%8B%A0_%ED%94%84%EB%A1%9C%ED%86%A0%EC%BD%9C" 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/HTTP" title="HTTP">HTTP</a></li> <li><a href="/wiki/%EA%B3%B5%EC%9A%A9_%EA%B2%8C%EC%9D%B4%ED%8A%B8%EC%9B%A8%EC%9D%B4_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4" title="공용 게이트웨이 인터페이스">CGI</a></li> <li><a href="/wiki/SCGI" title="SCGI">SCGI</a></li> <li><a href="/wiki/FastCGI" title="FastCGI">FCGI</a></li> <li><a href="/w/index.php?title=%EC%95%84%ED%8C%8C%EC%B9%98_JServ_%ED%94%84%EB%A1%9C%ED%86%A0%EC%BD%9C&action=edit&redlink=1" class="new" title="아파치 JServ 프로토콜 (없는 문서)">AJP</a></li> <li><a href="/w/index.php?title=WSRP&action=edit&redlink=1" class="new" title="WSRP (없는 문서)">WSRP</a></li> <li><a href="/wiki/%EC%9B%B9%EC%86%8C%EC%BC%93" title="웹소켓">웹소켓</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%84%9C%EB%B2%84_%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98_%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4" title="서버 애플리케이션 프로그래밍 인터페이스">서버 API</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=%EB%84%B7%EC%8A%A4%EC%BC%80%EC%9D%B4%ED%94%84_%EC%84%9C%EB%B2%84_API&action=edit&redlink=1" class="new" title="넷스케이프 서버 API (없는 문서)">C NSAPI</a></li> <li><a href="/wiki/%EC%95%84%ED%8C%8C%EC%B9%98_HTTP_%EC%84%9C%EB%B2%84" title="아파치 HTTP 서버">C ASAPI</a></li> <li><a href="/wiki/%EC%9D%B8%ED%84%B0%EB%84%B7_%EC%84%9C%EB%B2%84_API" class="mw-redirect" title="인터넷 서버 API">C ISAPI</a></li> <li><a href="/wiki/%EC%95%A1%ED%8B%B0%EB%B8%8C_%EC%84%9C%EB%B2%84_%ED%8E%98%EC%9D%B4%EC%A7%80" title="액티브 서버 페이지">COM ASP</a></li> <li><a href="/wiki/%EC%9E%90%EB%B0%94_%EC%84%9C%EB%B8%94%EB%A6%BF" title="자바 서블릿">자바 서블릿</a> <ul><li><a href="/wiki/%EC%9B%B9_%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88" title="웹 컨테이너">컨테이너</a></li></ul></li> <li><a href="/w/index.php?title=Open_Web_Interface_for_.NET&action=edit&redlink=1" class="new" title="Open Web Interface for .NET (없는 문서)">CLI OWIN</a></li> <li><a href="/w/index.php?title=HTTP_%ED%95%B8%EB%93%A4%EB%9F%AC&action=edit&redlink=1" class="new" title="HTTP 핸들러 (없는 문서)">ASP.NET 핸들러</a></li> <li><a href="/wiki/%EC%9B%B9_%EC%84%9C%EB%B2%84_%EA%B2%8C%EC%9D%B4%ED%8A%B8%EC%9B%A8%EC%9D%B4_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4" title="웹 서버 게이트웨이 인터페이스">파이썬 WSGI</a></li> <li><a href="/w/index.php?title=%EB%9E%99_(%EC%9B%B9_%EC%84%9C%EB%B2%84_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4)&action=edit&redlink=1" class="new" title="랙 (웹 서버 인터페이스) (없는 문서)">루비 랙</a></li> <li><a href="/w/index.php?title=JSGI&action=edit&redlink=1" class="new" title="JSGI (없는 문서)">자바스크립트 JSGI</a></li> <li><a href="/w/index.php?title=PSGI&action=edit&redlink=1" class="new" title="PSGI (없는 문서)">펄 PSGI</a></li> <li><a href="/w/index.php?title=%EC%BC%80%ED%94%8C%EB%9F%AC_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)&action=edit&redlink=1" class="new" title="케플러 (소프트웨어) (없는 문서)">루아 WSAPI</a></li> <li><a href="/w/index.php?title=%ED%8F%AC%ED%8B%80%EB%A6%BF&action=edit&redlink=1" class="new" title="포틀릿 (없는 문서)">포틀릿</a> <ul><li><a href="/w/index.php?title=%ED%8F%AC%ED%8B%80%EB%A6%BF_%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88&action=edit&redlink=1" class="new" title="포틀릿 컨테이너 (없는 문서)">컨테이너</a></li></ul></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EB%B6%84%EB%A5%98:%EC%95%84%ED%8C%8C%EC%B9%98_httpd_%EB%AA%A8%EB%93%88" title="분류:아파치 httpd 모듈">아파치 모듈</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=Mod_jk&action=edit&redlink=1" class="new" title="Mod jk (없는 문서)">mod jk</a></li> <li><a href="/w/index.php?title=Mod_lisp&action=edit&redlink=1" class="new" title="Mod lisp (없는 문서)">mod_lisp</a></li> <li><a href="/w/index.php?title=Mod_mono&action=edit&redlink=1" class="new" title="Mod mono (없는 문서)">mod_mono</a></li> <li><a href="/w/index.php?title=Mod_parrot&action=edit&redlink=1" class="new" title="Mod parrot (없는 문서)">mod_parrot</a></li> <li><a href="/wiki/Mod_perl" title="Mod perl">mod perl</a></li> <li><a href="/wiki/PHP" title="PHP">mod_php</a></li> <li><a href="/w/index.php?title=Mod_proxy&action=edit&redlink=1" class="new" title="Mod proxy (없는 문서)">mod_proxy</a></li> <li><a href="/w/index.php?title=Mod_python&action=edit&redlink=1" class="new" title="Mod python (없는 문서)">mod python</a></li> <li><a href="/w/index.php?title=Mod_wsgi&action=edit&redlink=1" class="new" title="Mod wsgi (없는 문서)">mod wsgi</a></li> <li><a href="/w/index.php?title=Mod_ruby&action=edit&redlink=1" class="new" title="Mod ruby (없는 문서)">mod ruby</a></li> <li><a href="/wiki/%ED%93%A8%EC%A0%84_%ED%8C%A8%EC%8B%A0%EC%A0%80" title="퓨전 패신저">Phusion Passenger</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/%EC%9B%B9_%EB%A6%AC%EC%86%8C%EC%8A%A4" title="웹 리소스">웹 리소스</a> 대 <a href="/wiki/%EC%9B%B9_%EC%84%9C%EB%B9%84%EC%8A%A4" title="웹 서비스">웹 서비스</a></li> <li><a href="/wiki/%EA%B3%B5%EA%B0%9C_API" class="mw-redirect" title="공개 API">공개 API</a></li> <li><a href="/wiki/%EC%9B%B9%ED%9B%85" title="웹훅">웹훅</a></li> <li><a href="/wiki/%EC%9B%B9_%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98_%EC%84%9C%EB%B2%84" title="웹 애플리케이션 서버">웹 애플리케이션 서버</a> <ul><li><a href="/w/index.php?title=%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98_%EC%84%9C%EB%B2%84_%EB%B9%84%EA%B5%90&action=edit&redlink=1" class="new" title="애플리케이션 서버 비교 (없는 문서)">비교</a></li></ul></li> <li><a href="/wiki/%EC%84%9C%EB%B2%84_%EC%82%AC%EC%9D%B4%EB%93%9C_%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%96%B8%EC%96%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/%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8_%EC%82%AC%EC%9D%B4%EB%93%9C" 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%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%ED%99%95%EC%9E%A5" title="브라우저 확장">브라우저 API</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/NPAPI" title="NPAPI">C NPAPI</a> <ul><li><a href="/wiki/NPAPI" title="NPAPI">LiveConnect</a></li> <li><a href="/wiki/NPAPI" title="NPAPI">XPConnect</a></li></ul></li> <li><a href="/wiki/NPAPI" title="NPAPI">C NPRuntime</a></li> <li><a href="/wiki/%EA%B5%AC%EA%B8%80_%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C_%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8" title="구글 네이티브 클라이언트">C PPAPI</a> <ul><li><a href="/wiki/%EA%B5%AC%EA%B8%80_%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C_%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8" title="구글 네이티브 클라이언트">NaCl</a></li></ul></li> <li><a href="/wiki/%EC%95%A1%ED%8B%B0%EB%B8%8CX" title="액티브X">액티브X</a></li> <li><a href="/wiki/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%EB%8F%84%EC%9A%B0%EB%AF%B8_%EC%98%A4%EB%B8%8C%EC%A0%9D%ED%8A%B8" class="mw-redirect" title="브라우저 도우미 오브젝트">BHO</a></li> <li><a href="/w/index.php?title=XAML_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98&action=edit&redlink=1" class="new" title="XAML 브라우저 애플리케이션 (없는 문서)">XBAP</a></li> <li><a href="/wiki/%EC%9B%B9%EC%96%B4%EC%85%88%EB%B8%94%EB%A6%AC" title="웹어셈블리">웹어셈블리</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%9B%B9_API" title="웹 API">웹 API</a></th><td class="navbox-list-with-group navbox-list navbox-odd" 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/W3C" class="mw-redirect" title="W3C">W3C</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="/wiki/HTML5_%EC%98%A4%EB%94%94%EC%98%A4" title="HTML5 오디오">오디오</a></li> <li><a href="/wiki/%EC%BA%94%EB%B2%84%EC%8A%A4_%EC%9A%94%EC%86%8C" title="캔버스 요소">캔버스</a></li> <li><a href="/wiki/%EA%B5%90%EC%B0%A8_%EC%B6%9C%EC%B2%98_%EB%A6%AC%EC%86%8C%EC%8A%A4_%EA%B3%B5%EC%9C%A0" title="교차 출처 리소스 공유">CORS</a></li> <li><a href="/wiki/%EB%AC%B8%EC%84%9C_%EA%B0%9D%EC%B2%B4_%EB%AA%A8%EB%8D%B8" title="문서 객체 모델">DOM</a></li> <li><a href="/wiki/DOM_%EC%9D%B4%EB%B2%A4%ED%8A%B8" title="DOM 이벤트">DOM 이벤트</a></li> <li><a href="/w/index.php?title=Encrypted_Media_Extensions&action=edit&redlink=1" class="new" title="Encrypted Media Extensions (없는 문서)">EME</a></li> <li><a href="/w/index.php?title=HTML5_%ED%8C%8C%EC%9D%BC_API&action=edit&redlink=1" class="new" title="HTML5 파일 API (없는 문서)">파일</a></li> <li><a href="/w/index.php?title=W3C_Geolocation_API&action=edit&redlink=1" class="new" title="W3C Geolocation API (없는 문서)">Geolocation</a></li> <li><a href="/wiki/Indexed_Database_API" title="Indexed Database API">IndexedDB</a></li> <li><a href="/w/index.php?title=Media_Source_Extensions&action=edit&redlink=1" class="new" title="Media Source Extensions (없는 문서)">MSE</a></li> <li><a href="/w/index.php?title=Server-sent_events&action=edit&redlink=1" class="new" title="Server-sent events (없는 문서)">SSE</a></li> <li><a href="/wiki/%EC%8A%A4%EC%BC%80%EC%9D%BC%EB%9F%AC%EB%B8%94_%EB%B2%A1%ED%84%B0_%EA%B7%B8%EB%9E%98%ED%94%BD%EC%8A%A4" title="스케일러블 벡터 그래픽스">SVG</a></li> <li><a href="/wiki/HTML5_%EB%B9%84%EB%94%94%EC%98%A4" title="HTML5 비디오">비디오</a></li> <li><a href="/wiki/%EC%9B%B9GPU" title="웹GPU">웹GPU</a></li> <li><a href="/wiki/WebRTC" title="WebRTC">WebRTC</a></li> <li><a href="/wiki/%EC%9B%B9%EC%86%8C%EC%BC%93" title="웹소켓">웹소켓</a></li> <li><a href="/wiki/%EC%9B%B9_%EB%A9%94%EC%8B%9C%EC%A7%95" title="웹 메시징">웹 메시징</a></li> <li><a href="/wiki/%EC%9B%B9_%EC%8A%A4%ED%86%A0%EB%A6%AC%EC%A7%80" title="웹 스토리지">웹 스토리지</a></li> <li><a href="/wiki/%EC%9B%B9_%EC%9B%8C%EC%BB%A4" title="웹 워커">웹 워커</a></li> <li><a href="/wiki/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%ED%81%AC%EB%A1%9C%EB%85%B8%EC%8A%A4_%EA%B7%B8%EB%A3%B9" 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/WebCL" title="WebCL">WebCL</a></li> <li><a href="/wiki/WebGL" title="WebGL">WebGL</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/%EA%B8%B0%EC%96%B4%EC%8A%A4_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)" title="기어스 (소프트웨어)">기어스</a></li> <li><a href="/wiki/%EC%9B%B9_SQL_%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4" title="웹 SQL 데이터베이스">웹 SQL 데이터베이스</a> (과거명 W3C)</li></ul> </div></td></tr></tbody></table><div></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="/wiki/Ajax" title="Ajax">Ajax</a> 대 <a class="mw-selflink selflink">DHTML</a></li> <li><a href="/wiki/%EB%A7%A4%EC%8B%9C%EC%97%85_(%EC%9B%B9_%EA%B0%9C%EB%B0%9C)" title="매시업 (웹 개발)">매시업</a></li> <li><a href="/w/index.php?title=%EC%9B%B9_IDL&action=edit&redlink=1" class="new" title="웹 IDL (없는 문서)">웹 IDL</a></li> <li><a href="/wiki/%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8_%EC%82%AC%EC%9D%B4%EB%93%9C_%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8C%85" 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%">주제</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%8F%99%EC%A0%81_%EC%9B%B9_%ED%8E%98%EC%9D%B4%EC%A7%80" class="mw-redirect" title="동적 웹 페이지">동적 웹 페이지</a></li> <li><a href="/w/index.php?title=%EC%98%A4%ED%94%88_%EC%9B%B9_%ED%94%8C%EB%9E%AB%ED%8F%BC&action=edit&redlink=1" class="new" title="오픈 웹 플랫폼 (없는 문서)">오픈 웹 플랫폼</a></li> <li><a href="/wiki/%EB%A6%AC%EC%B9%98_%EC%9D%B8%ED%84%B0%EB%84%B7_%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98" title="리치 인터넷 애플리케이션">리치 인터넷 애플리케이션</a></li> <li><a href="/wiki/%EC%9B%B9_%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98" 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" aria-labelledby="ECMA스크립트" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r36480591"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r34311309"><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-보기"><a href="/wiki/%ED%8B%80:ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="틀:ECMA스크립트"><abbr title="이 틀을 보기" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">v</abbr></a></li><li class="nv-토론"><a href="/w/index.php?title=%ED%8B%80%ED%86%A0%EB%A1%A0:ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8&action=edit&redlink=1" class="new" title="틀토론:ECMA스크립트 (없는 문서)"><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:ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="특수:문서편집/틀:ECMA스크립트"><abbr title="이 틀을 편집하기" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">e</abbr></a></li></ul></div><div id="ECMA스크립트" style="font-size:114%;margin:0 4em"><a href="/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="ECMA스크립트">ECMA스크립트</a></div></th></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="/wiki/%EC%95%A1%EC%85%98%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="액션스크립트">액션스크립트</a></li> <li><a href="/wiki/Caja_%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8" title="Caja 프로젝트">Caja</a></li> <li><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="자바스크립트">자바스크립트</a> <ul><li><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%97%94%EC%A7%84" title="자바스크립트 엔진">엔진</a></li> <li><a href="/wiki/Asm.js" title="Asm.js">Asm.js</a></li></ul></li> <li><a href="/wiki/J%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="J스크립트">J스크립트</a></li> <li><a href="/w/index.php?title=JScript_.NET&action=edit&redlink=1" class="new" title="JScript .NET (없는 문서)">JScript .NET</a></li> <li><a href="/w/index.php?title=QtScript&action=edit&redlink=1" class="new" title="QtScript (없는 문서)">QtScript</a></li> <li><a href="/wiki/Elm" title="Elm">Elm</a></li> <li><a href="/wiki/CoffeeScript" class="mw-redirect" title="CoffeeScript">CoffeeScript</a></li> <li><a href="/wiki/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="타입스크립트">타입스크립트</a></li> <li><a href="/wiki/JSX" class="mw-disambig" title="JSX">JSX</a></li> <li><a href="/w/index.php?title=WMLScript&action=edit&redlink=1" class="new" title="WMLScript (없는 문서)">WMLScript</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/w/index.php?title=ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%97%94%EC%A7%84_%EB%AA%A9%EB%A1%9D&action=edit&redlink=1" class="new" title="ECMA스크립트 엔진 목록 (없는 문서)">엔진</a><br />(<a href="/w/index.php?title=%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83_%EC%97%94%EC%A7%84_%EB%B9%84%EA%B5%90_(ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8)&action=edit&redlink=1" class="new" title="레이아웃 엔진 비교 (ECMA스크립트) (없는 문서)">비교</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="/wiki/%ED%94%84%EB%A0%88%EC%8A%A4%ED%86%A0_(%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83_%EC%97%94%EC%A7%84)" class="mw-redirect" title="프레스토 (레이아웃 엔진)">Carakan</a></li> <li><a href="/wiki/%ED%94%84%EB%A0%88%EC%8A%A4%ED%86%A0_(%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83_%EC%97%94%EC%A7%84)" class="mw-redirect" title="프레스토 (레이아웃 엔진)">Futhark</a></li> <li><a href="/w/index.php?title=%EC%9D%B8%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_(%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%97%94%EC%A7%84)&action=edit&redlink=1" class="new" title="인스크립트 (자바스크립트 엔진) (없는 문서)">인스크립트</a></li> <li><a href="/wiki/%EC%9B%B9%ED%82%B7" title="웹킷">자바스크립트코어</a></li> <li><a href="/wiki/J%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" title="J스크립트">J스크립트</a></li> <li><a href="/w/index.php?title=KJS_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)&action=edit&redlink=1" class="new" title="KJS (소프트웨어) (없는 문서)">KJS</a></li> <li><a href="/wiki/%ED%94%84%EB%A0%88%EC%8A%A4%ED%86%A0_(%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83_%EC%97%94%EC%A7%84)" class="mw-redirect" title="프레스토 (레이아웃 엔진)">Linear B</a></li> <li><a href="/w/index.php?title=Narcissus&action=edit&redlink=1" class="new" title="Narcissus (없는 문서)">Narcissus</a></li> <li><a href="/w/index.php?title=QtScript&action=edit&redlink=1" class="new" title="QtScript (없는 문서)">QtScript</a></li> <li><a href="/wiki/Rhino" class="mw-redirect mw-disambig" title="Rhino">Rhino</a></li> <li><a href="/wiki/%EC%8A%A4%ED%8C%8C%EC%9D%B4%EB%8D%94%EB%AA%BD%ED%82%A4" title="스파이더몽키">스파이더몽키</a> <ul><li><a href="/wiki/%EC%8A%A4%ED%8C%8C%EC%9D%B4%EB%8D%94%EB%AA%BD%ED%82%A4" title="스파이더몽키">TraceMonkey</a></li> <li><a href="/wiki/%EC%8A%A4%ED%8C%8C%EC%9D%B4%EB%8D%94%EB%AA%BD%ED%82%A4" title="스파이더몽키">JagerMonkey</a></li></ul></li> <li><a href="/w/index.php?title=%ED%83%80%EB%A7%88%EB%A6%B0_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)&action=edit&redlink=1" class="new" title="타마린 (소프트웨어) (없는 문서)">타마린</a></li> <li><a href="/wiki/V8_(%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%97%94%EC%A7%84)" title="V8 (자바스크립트 엔진)">V8</a></li> <li><a href="/wiki/%EC%B0%A8%ED%81%AC%EB%9D%BC_(%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%97%94%EC%A7%84)" title="차크라 (자바스크립트 엔진)">차크라코어</a> <ul><li><a href="/wiki/%EC%B0%A8%ED%81%AC%EB%9D%BC_(J%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%97%94%EC%A7%84)" title="차크라 (J스크립트 엔진)">차크라</a></li></ul></li> <li><a href="/w/index.php?title=JScript_.NET&action=edit&redlink=1" class="new" title="JScript .NET (없는 문서)">JScript .NET</a></li> <li><a href="/w/index.php?title=Nashorn&action=edit&redlink=1" class="new" title="Nashorn (없는 문서)">Nashorn</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC" title="소프트웨어 프레임워크">프레임워크</a></th><td class="navbox-list-with-group navbox-list navbox-odd" 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/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" 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=Ample_SDK&action=edit&redlink=1" class="new" title="Ample SDK (없는 문서)">Ample SDK</a></li> <li><a href="/w/index.php?title=Chaplin.js&action=edit&redlink=1" class="new" title="Chaplin.js (없는 문서)">Chaplin.js</a></li> <li><a href="/wiki/Dojo_Toolkit" title="Dojo Toolkit">Dojo</a></li> <li><a href="/w/index.php?title=Echo_(framework)&action=edit&redlink=1" class="new" title="Echo (framework) (없는 문서)">Echo</a></li> <li><a href="/wiki/Ext_JS" title="Ext JS">Ext JS</a></li> <li><a href="/wiki/%EA%B5%AC%EA%B8%80_%EC%9B%B9_%ED%88%B4%ED%82%B7" title="구글 웹 툴킷">구글 웹 툴킷</a></li> <li><a href="/wiki/Backbone.js" title="Backbone.js">Backbone.js</a></li> <li><a href="/wiki/JQuery" title="JQuery">JQuery</a></li> <li><a href="/w/index.php?title=Lively_Kernel&action=edit&redlink=1" class="new" title="Lively Kernel (없는 문서)">Lively Kernel</a></li> <li><a href="/w/index.php?title=%EB%AF%B8%EB%8F%84%EB%A6%AC_%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC&action=edit&redlink=1" class="new" title="미도리 자바스크립트 프레임워크 (없는 문서)">미도리</a></li> <li><a href="/w/index.php?title=MochiKit&action=edit&redlink=1" class="new" title="MochiKit (없는 문서)">MochiKit</a></li> <li><a href="/wiki/MooTools" title="MooTools">MooTools</a></li> <li><a href="/wiki/%ED%94%84%EB%A1%9C%ED%86%A0%ED%83%80%EC%9E%85_%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC" title="프로토타입 자바스크립트 프레임워크">프로토타입</a></li> <li><a href="/w/index.php?title=Pyjs&action=edit&redlink=1" class="new" title="Pyjs (없는 문서)">Pyjs</a></li> <li><a href="/w/index.php?title=Qooxdoo&action=edit&redlink=1" class="new" title="Qooxdoo (없는 문서)">qooxdoo</a></li> <li><a href="/w/index.php?title=Rialto_Toolkit&action=edit&redlink=1" class="new" title="Rialto Toolkit (없는 문서)">Rialto</a></li> <li><a href="/w/index.php?title=%EB%A6%AC%EC%BD%94_(Ajax)&action=edit&redlink=1" class="new" title="리코 (Ajax) (없는 문서)">리코</a></li> <li><a href="/w/index.php?title=Script.aculo.us&action=edit&redlink=1" class="new" title="Script.aculo.us (없는 문서)">script.aculo.us</a></li> <li><a href="/w/index.php?title=SmartClient&action=edit&redlink=1" class="new" title="SmartClient (없는 문서)">SmartClient</a></li> <li><a href="/w/index.php?title=SproutCore&action=edit&redlink=1" class="new" title="SproutCore (없는 문서)">SproutCore</a></li> <li><a href="/w/index.php?title=Spry_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC&action=edit&redlink=1" class="new" title="Spry 프레임워크 (없는 문서)">Spry</a></li> <li><a href="/w/index.php?title=%EC%99%80%EC%B9%B8%EB%8B%A4_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)&action=edit&redlink=1" class="new" title="와칸다 (소프트웨어) (없는 문서)">와칸다 프레임워크</a></li> <li><a href="/w/index.php?title=YUI_%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC&action=edit&redlink=1" class="new" title="YUI 라이브러리 (없는 문서)">YUI 라이브러리</a></li> <li><a href="/wiki/%EB%A6%AC%EC%95%A1%ED%8A%B8_(%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC)" title="리액트 (자바스크립트 라이브러리)">React.js</a></li> <li><a href="/wiki/Angular.js" class="mw-redirect" title="Angular.js">Angular.js</a></li> <li><a href="/wiki/Vue.js" title="Vue.js">Vue.js</a></li> <li><a href="/w/index.php?title=Svelte&action=edit&redlink=1" class="new" title="Svelte (없는 문서)">Svelte</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" 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=AppJet&action=edit&redlink=1" class="new" title="AppJet (없는 문서)">AppJet</a></li> <li><a href="/wiki/Jaxer" class="mw-redirect" title="Jaxer">Jaxer</a></li> <li><a href="/w/index.php?title=%EC%99%80%EC%B9%B8%EB%8B%A4_(%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4)&action=edit&redlink=1" class="new" title="와칸다 (소프트웨어) (없는 문서)">와칸다DB</a></li> <li><a href="/wiki/Node.js" title="Node.js">Node.js</a></li> <li><a href="/wiki/Express.js" title="Express.js">Express.js</a></li> <li><a href="/wiki/Koa" class="mw-redirect mw-disambig" title="Koa">Koa</a></li> <li><a href="/w/index.php?title=Nest.js&action=edit&redlink=1" class="new" title="Nest.js (없는 문서)">Nest.js</a></li> <li><a href="/wiki/Next.js" title="Next.js">Next.js</a></li> <li><a href="/wiki/Nuxt.js" title="Nuxt.js">Nuxt.js</a></li> <li><a href="/wiki/Redux" class="mw-redirect" title="Redux">Redux</a></li> <li><a href="/w/index.php?title=Mobx&action=edit&redlink=1" class="new" title="Mobx (없는 문서)">Mobx</a></li> <li><a href="/wiki/GraphQL" title="GraphQL">GraphQL</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%B9%B4%ED%91%B8%EC%B9%98%EB%85%B8_(%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98_%EA%B0%9C%EB%B0%9C_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC)&action=edit&redlink=1" class="new" title="카푸치노 (애플리케이션 개발 프레임워크) (없는 문서)">카푸치노</a> <ul><li><a href="/w/index.php?title=Objective-J&action=edit&redlink=1" class="new" title="Objective-J (없는 문서)">Objective-J</a></li></ul></li> <li><a href="/w/index.php?title=PureMVC&action=edit&redlink=1" class="new" title="PureMVC (없는 문서)">PureMVC</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/Mocha" class="mw-redirect mw-disambig" title="Mocha">Mocha</a></li> <li><a href="/wiki/Chai" class="mw-redirect mw-disambig" title="Chai">Chai</a></li> <li><a href="/wiki/Jest" class="mw-redirect mw-disambig" title="Jest">Jest</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="/wiki/Babel" class="mw-redirect mw-disambig" title="Babel">Babel</a></li> <li><a href="/wiki/Webpack" class="mw-redirect" title="Webpack">Webpack</a></li> <li><a href="/w/index.php?title=Rollup&action=edit&redlink=1" class="new" title="Rollup (없는 문서)">Rollup</a></li> <li><a href="/w/index.php?title=Parcel&action=edit&redlink=1" class="new" title="Parcel (없는 문서)">Parcel</a></li> <li><a href="/wiki/CommonJS" title="CommonJS">CommonJS</a></li> <li><a href="/wiki/RequireJS" title="RequireJS">RequireJS</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC" 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=SWFObject&action=edit&redlink=1" class="new" title="SWFObject (없는 문서)">SWFObject</a></li> <li><a href="/w/index.php?title=SWFAddress&action=edit&redlink=1" class="new" title="SWFAddress (없는 문서)">SWFAddress</a></li> <li><a href="/wiki/Underscore.js" title="Underscore.js">Underscore.js</a></li></ul> </div></td></tr></tbody></table><div></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="/wiki/%EB%B8%8C%EB%A0%8C%EB%8D%98_%EC%95%84%EC%9D%B4%ED%81%AC" title="브렌던 아이크">브렌던 아이크</a></li> <li><a href="/w/index.php?title=%EB%8D%94%EA%B8%80%EB%9F%AC%EC%8A%A4_%ED%81%AC%EB%A1%9D%ED%8F%AC%EB%93%9C&action=edit&redlink=1" class="new" title="더글러스 크록포드 (없는 문서)">더글러스 크록포드</a></li> <li><a href="/wiki/%EC%A1%B4_%EB%A0%88%EC%8B%9D" title="존 레식">존 레식</a></li> <li><a href="/w/index.php?title=Scott_Isaacs&action=edit&redlink=1" class="new" title="Scott Isaacs (없는 문서)">Scott Isaacs</a></li> <li><a href="/wiki/%EB%9D%BC%EC%9D%B4%EC%96%B8_%EB%8B%AC" 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 class="mw-selflink selflink">DHTML</a></li> <li><a href="/wiki/Ecma_%EC%9D%B8%ED%84%B0%EB%82%B4%EC%85%94%EB%84%90" title="Ecma 인터내셔널">Ecma 인터내셔널</a></li> <li><a href="/wiki/JSDoc" title="JSDoc">JSDoc</a></li> <li><a href="/w/index.php?title=JSGI&action=edit&redlink=1" class="new" title="JSGI (없는 문서)">JSGI</a></li> <li><a href="/wiki/JSHint" title="JSHint">JSHint</a></li> <li><a href="/wiki/JSLint" title="JSLint">JSLint</a></li> <li><a href="/wiki/JSON" title="JSON">JSON</a></li> <li><a href="/w/index.php?title=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%8A%A4%ED%83%80%EC%9D%BC_%EC%8B%9C%ED%8A%B8&action=edit&redlink=1" class="new" title="자바스크립트 스타일 시트 (없는 문서)">JSSS</a></li> <li><a href="/wiki/Sputnik" class="mw-redirect mw-disambig" title="Sputnik">Sputnik</a></li> <li><a href="/w/index.php?title=%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%EC%86%8D%EB%8F%84_%ED%85%8C%EC%8A%A4%ED%8A%B8&action=edit&redlink=1" class="new" title="브라우저 속도 테스트 (없는 문서)">SunSpider</a></li> <li><a href="/w/index.php?title=%EB%B9%84%EB%8F%99%EA%B8%B0_%EB%AA%A8%EB%93%88_%EC%A0%95%EC%9D%98&action=edit&redlink=1" class="new" title="비동기 모듈 정의 (없는 문서)">비동기 모듈 정의</a></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2"><div> <dl><dt><span typeof="mw:File"><span title="목록 문서"><img alt="목록 문서" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/db/Symbol_list_class.svg/16px-Symbol_list_class.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/db/Symbol_list_class.svg/23px-Symbol_list_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/db/Symbol_list_class.svg/31px-Symbol_list_class.svg.png 2x" data-file-width="180" data-file-height="185" /></span></span> 목록</dt> <dd><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC_%EB%AA%A9%EB%A1%9D" title="자바스크립트 라이브러리 목록">자바스크립트 라이브러리</a></dd> <dd><a href="/w/index.php?title=Ajax_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_%EB%AA%A9%EB%A1%9D&action=edit&redlink=1" class="new" title="Ajax 프레임워크 목록 (없는 문서)">Ajax 프레임워크</a></dd> <dt><span typeof="mw:File"><span><img src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/16px-Symbol_question.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/23px-Symbol_question.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Symbol_question.svg/31px-Symbol_question.svg.png 2x" data-file-width="180" data-file-height="185" /></span></span> 비교</dt> <dd><a href="/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC_%EB%B9%84%EA%B5%90" title="자바스크립트 프레임워크 비교">자바스크립트 프레임워크</a></dd> <dd><a href="/w/index.php?title=%EC%84%9C%EB%B2%84_%EC%82%AC%EC%9D%B4%EB%93%9C_%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EC%86%94%EB%A3%A8%EC%85%98_%EB%B9%84%EA%B5%90&action=edit&redlink=1" class="new" title="서버 사이드 자바스크립트 솔루션 비교 (없는 문서)">서버 사이드 자바스크립트</a></dd></dl> </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/Q380153#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="http://catalogo.bne.es/uhtbin/authoritybrowse.cgi?action=display&authority_id=XX546727">스페인</a></span></li> <li><span class="uid"><a rel="nofollow" class="external text" href="https://catalogue.bnf.fr/ark:/12148/cb13572286g">프랑스</a></span></li> <li><span class="uid"><a rel="nofollow" class="external text" href="https://data.bnf.fr/ark:/12148/cb13572286g">BnF 데이터</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=987007549195705171">이스라엘</a></span></li> <li><span class="uid"><a rel="nofollow" class="external text" href="https://id.loc.gov/authorities/sh97008021">미국</a></span></li> <li><span class="uid"><abbr title="DHTML (značkovací jazyk)"><a rel="nofollow" class="external text" href="https://aleph.nkp.cz/F/?func=find-c&local_base=aut&ccl_term=ica=ph347580&CON_LNG=ENG">체코</a></abbr></span></li></ul> </div></td></tr></tbody></table></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" 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=DHTML&oldid=37286995">https://ko.wikipedia.org/w/index.php?title=DHTML&oldid=37286995</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:HTML" title="분류:HTML">HTML</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_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_P268%EC%9D%84_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P268을 사용하는 문서">위키데이터 속성 P268을 사용하는 문서</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_P691%EC%9D%84_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P691을 사용하는 문서">위키데이터 속성 P691을 사용하는 문서</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_P950%EC%9D%84_%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94_%EB%AC%B8%EC%84%9C" title="분류:위키데이터 속성 P950을 사용하는 문서">위키데이터 속성 P950을 사용하는 문서</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:BNE_%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="분류:BNE 식별자를 포함한 위키백과 문서">BNE 식별자를 포함한 위키백과 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:BNF_%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="분류:BNF 식별자를 포함한 위키백과 문서">BNF 식별자를 포함한 위키백과 문서</a></li><li><a href="/wiki/%EB%B6%84%EB%A5%98:BNFdata_%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="분류:BNFdata 식별자를 포함한 위키백과 문서">BNFdata 식별자를 포함한 위키백과 문서</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:NKC_%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="분류:NKC 식별자를 포함한 위키백과 문서">NKC 식별자를 포함한 위키백과 문서</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년 6월 2일 (일) 18:53에 마지막으로 편집되었습니다.</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=DHTML&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-5cd4cd96d5-85m9p","wgBackendResponseTime":123,"wgPageParseReport":{"limitreport":{"cputime":"0.336","walltime":"0.789","ppvisitednodes":{"value":1215,"limit":1000000},"postexpandincludesize":{"value":88131,"limit":2097152},"templateargumentsize":{"value":131,"limit":2097152},"expansiondepth":{"value":8,"limit":100},"expensivefunctioncount":{"value":9,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":47631,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 692.166 1 -total"," 22.10% 152.940 1 틀:위키데이터_속성_추적"," 13.36% 92.475 7 틀:둘러보기_상자"," 11.62% 80.464 1 틀:HTML"," 11.08% 76.719 1 틀:사이드바"," 7.36% 50.923 1 틀:자바스크립트"," 4.72% 32.681 1 틀:전거_통제"," 2.77% 19.159 1 틀:ECMA스크립트"," 2.60% 18.021 1 틀:웹_인터페이스"," 0.95% 6.541 2 틀:Icon"]},"scribunto":{"limitreport-timeusage":{"value":"0.130","limit":"10.000"},"limitreport-memusage":{"value":2009154,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-86ccd44446-2499j","timestamp":"20241106145431","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"DHTML","url":"https:\/\/ko.wikipedia.org\/wiki\/DHTML","sameAs":"http:\/\/www.wikidata.org\/entity\/Q380153","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q380153","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":"2005-07-13T10:04:25Z","dateModified":"2024-06-02T09:53:19Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/Dhtml-schema.png","headline":"\ub300\ud654\ud615 \uc6f9 \uc0ac\uc774\ud2b8\ub97c \uc81c\uc791\ud558\ub294 \uae30\ubc95"}</script> </body> </html>