155 lines
24 KiB
HTML
155 lines
24 KiB
HTML
<!DOCTYPE html><html lang="ko"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>사용자 지정 페이지 · Docusaurus</title><meta name="viewport" content="width=device-width"/><meta name="generator" content="Docusaurus"/><meta name="description" content="여러분의 사이트에 기본 문서나 블로그 마크다운 파일이 아닌 페이지를 추가할 수 있습니다. `website/pages` 디렉토리에 `.js` 파일을 추가하기만 하면 됩니다. 추가된 파일은 [React](https://reactjs.org/) 컴포넌트입니다. `render()` 함수가 호출되면 CSS 클래스 등과 결합되어 페이지를 만들어줍니다."/><meta name="docsearch:version" content="next"/><meta name="docsearch:language" content="ko"/><meta property="og:title" content="사용자 지정 페이지 · Docusaurus"/><meta property="og:type" content="website"/><meta property="og:url" content="https://docusaurus.io/"/><meta property="og:description" content="여러분의 사이트에 기본 문서나 블로그 마크다운 파일이 아닌 페이지를 추가할 수 있습니다. `website/pages` 디렉토리에 `.js` 파일을 추가하기만 하면 됩니다. 추가된 파일은 [React](https://reactjs.org/) 컴포넌트입니다. `render()` 함수가 호출되면 CSS 클래스 등과 결합되어 페이지를 만들어줍니다."/><meta property="og:image" content="https://docusaurus.io/img/docusaurus.png"/><meta name="twitter:card" content="summary"/><meta name="twitter:image" content="https://docusaurus.io/img/docusaurus.png"/><link rel="shortcut icon" href="/img/docusaurus.ico"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"/><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css"/><link rel="alternate" type="application/atom+xml" href="https://docusaurus.io/blog/atom.xml" title="Docusaurus Blog ATOM Feed"/><link rel="alternate" type="application/rss+xml" href="https://docusaurus.io/blog/feed.xml" title="Docusaurus Blog RSS Feed"/><script>
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||
|
||
ga('create', 'UA-44373548-31', 'auto');
|
||
ga('send', 'pageview');
|
||
</script><script type="text/javascript" src="https://buttons.github.io/buttons.js"></script><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script><script type="text/javascript" src="/js/code-blocks-buttons.js"></script><script src="https://unpkg.com/vanilla-back-to-top@7.1.14/dist/vanilla-back-to-top.min.js"></script><script>
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
addBackToTop(
|
||
{"zIndex":100}
|
||
)
|
||
});
|
||
</script><script src="/js/scrollSpy.js"></script><link rel="stylesheet" href="/css/prism.css"/><link rel="stylesheet" href="/css/main.css"/><script src="/js/codetabs.js"></script></head><body class="sideNavVisible separateOnPageNav"><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/ko"><img class="logo" src="/img/docusaurus.svg" alt="Docusaurus"/><h2 class="headerTitleWithLogo">Docusaurus</h2></a><a href="/ko/versions"><h3>next</h3></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li class="siteNavGroupActive"><a href="/docs/ko/next/installation" target="_self">Docs</a></li><li class=""><a href="/docs/ko/next/tutorial-setup" target="_self">Tutorial</a></li><li class=""><a href="/ko/users" target="_self">사용자</a></li><li class=""><a href="/blog/" target="_self">블로그</a></li><li class=""><a href="https://github.com/facebook/docusaurus" target="_self">GitHub</a></li><span><li><a id="languages-menu" href="#"><img class="languages-icon" src="/img/language.svg" alt="Languages icon"/>한국어</a><div id="languages-dropdown" class="hide"><ul id="languages-dropdown-items"><li><a href="/docs/en/next/custom-pages">English</a></li><li><a href="/docs/fr/next/custom-pages">Français</a></li><li><a href="/docs/pt-BR/next/custom-pages">Português (Brasil)</a></li><li><a href="/docs/ro/next/custom-pages">Română</a></li><li><a href="/docs/ru/next/custom-pages">Русский</a></li><li><a href="/docs/zh-CN/next/custom-pages">简体中文</a></li><li><a href="https://crowdin.com/project/docusaurus" target="_blank" rel="noreferrer noopener">번역을 도와주세요</a></li></ul></div></li><script>
|
||
const languagesMenuItem = document.getElementById("languages-menu");
|
||
const languagesDropDown = document.getElementById("languages-dropdown");
|
||
languagesMenuItem.addEventListener("click", function(event) {
|
||
event.preventDefault();
|
||
|
||
if (languagesDropDown.className == "hide") {
|
||
languagesDropDown.className = "visible";
|
||
} else {
|
||
languagesDropDown.className = "hide";
|
||
}
|
||
});
|
||
</script></span><li class="navSearchWrapper reactNavSearchWrapper"><input type="text" id="search_input_react" placeholder="Search" title="Search"/></li></ul></nav></div></header></div></div><div class="navPusher"><div class="docMainWrapper wrapper"><div class="docsNavContainer" id="docsNav"><nav class="toc"><div class="toggleNav"><section class="navWrapper wrapper"><div class="navBreadcrumb wrapper"><div class="navToggle" id="navToggler"><div class="hamburger-menu"><div class="line1"></div><div class="line2"></div><div class="line3"></div></div></div><h2><i>›</i><span>가이드</span></h2><div class="tocToggler" id="tocToggler"><i class="icon-toc"></i></div></div><div class="navGroups"><div class="navGroup"><h3 class="navGroupCategoryTitle collapsible">시작하기<span class="arrow"><svg width="24" height="24" viewBox="0 0 24 24"><path fill="#565656" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg></span></h3><ul class="hide"><li class="navListItem"><a class="navItem" href="/docs/ko/next/installation">설치</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/site-preparation">Site Preparation</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/site-creation">당신만의 사이트 만들기</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/publishing">당신이 만든 사이트 배포</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/docker">도커</a></li></ul></div><div class="navGroup"><h3 class="navGroupCategoryTitle collapsible">가이드<span class="arrow"><svg width="24" height="24" viewBox="0 0 24 24"><path fill="#565656" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg></span></h3><ul class="hide"><li class="navListItem"><a class="navItem" href="/docs/ko/next/adding-blog">블로그 추가</a></li><li class="navListItem navListItemActive"><a class="navItem" href="/docs/ko/next/custom-pages">사용자 지정 페이지</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/search">검색 활성화</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/navigation">Navigation and Sidebars</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/translation">번역 & 현지화</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/versioning">Versioning</a></li></ul></div><div class="navGroup"><h3 class="navGroupCategoryTitle collapsible">API<span class="arrow"><svg width="24" height="24" viewBox="0 0 24 24"><path fill="#565656" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg></span></h3><ul class="hide"><li class="navListItem"><a class="navItem" href="/docs/ko/next/commands">CLI 명령어</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/doc-markdown">Markdown 기능</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/api-pages">페이지 및 스타일</a></li><li class="navListItem"><a class="navItem" href="/docs/ko/next/site-config">siteConfig.js</a></li></ul></div></div></section></div><script>
|
||
var coll = document.getElementsByClassName('collapsible');
|
||
var checkActiveCategory = true;
|
||
for (var i = 0; i < coll.length; i++) {
|
||
var links = coll[i].nextElementSibling.getElementsByTagName('*');
|
||
if (checkActiveCategory){
|
||
for (var j = 0; j < links.length; j++) {
|
||
if (links[j].classList.contains('navListItemActive')){
|
||
coll[i].nextElementSibling.classList.toggle('hide');
|
||
coll[i].childNodes[1].classList.toggle('rotate');
|
||
checkActiveCategory = false;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
coll[i].addEventListener('click', function() {
|
||
var arrow = this.childNodes[1];
|
||
arrow.classList.toggle('rotate');
|
||
var content = this.nextElementSibling;
|
||
content.classList.toggle('hide');
|
||
});
|
||
}
|
||
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
createToggler('#navToggler', '#docsNav', 'docsSliderActive');
|
||
createToggler('#tocToggler', 'body', 'tocActive');
|
||
|
||
var headings = document.querySelector('.toc-headings');
|
||
headings && headings.addEventListener('click', function(event) {
|
||
var el = event.target;
|
||
while(el !== headings){
|
||
if (el.tagName === 'A') {
|
||
document.body.classList.remove('tocActive');
|
||
break;
|
||
} else{
|
||
el = el.parentNode;
|
||
}
|
||
}
|
||
}, false);
|
||
|
||
function createToggler(togglerSelector, targetSelector, className) {
|
||
var toggler = document.querySelector(togglerSelector);
|
||
var target = document.querySelector(targetSelector);
|
||
|
||
if (!toggler) {
|
||
return;
|
||
}
|
||
|
||
toggler.onclick = function(event) {
|
||
event.preventDefault();
|
||
|
||
target.classList.toggle(className);
|
||
};
|
||
}
|
||
});
|
||
</script></nav></div><div class="container mainContainer"><div class="wrapper"><div class="post"><header class="postHeader"><a class="edit-page-link button" href="https://crowdin.com/project/docusaurus/ko" target="_blank" rel="noreferrer noopener">Translate</a><h1 class="postHeaderTitle">사용자 지정 페이지</h1></header><article><div><span><p>여러분의 사이트에 기본 문서나 블로그 마크다운 파일이 아닌 페이지를 추가할 수 있습니다. <code>website/pages</code> 디렉토리에 <code>.js</code> 파일을 추가하기만 하면 됩니다. 추가된 파일은 <a href="https://reactjs.org/">React</a> 컴포넌트입니다. <code>render()</code> 함수가 호출되면 CSS 클래스 등과 결합되어 페이지를 만들어줍니다.</p>
|
||
<h2><a class="anchor" aria-hidden="true" id="홈페이지-꾸미기"></a><a href="#홈페이지-꾸미기" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>홈페이지 꾸미기</h2>
|
||
<p>홈페이지를 꾸미는 가장 쉬운 방법은 <a href="/docs/ko/next/installation">도큐사우르스 설치 스크립트</a>를 실행할 때 <a href="/docs/ko/next/site-creation">생성되는</a> 예제 사이트를 활용하는 것입니다.</p>
|
||
<p>로컬 서버를 <a href="/docs/ko/next/site-preparation#verifying-installation">시작</a>하고 <code>http://localhost:3000</code> Url로 접근하면 예제 홈페이지를 볼 수 있습니다. <code>website/pages/en/index.js</code> 파일을 수정해서 프로젝트를 설명하기 위한 다양한 컴포넌트와 이미지를 추가합니다.</p>
|
||
<h2><a class="anchor" aria-hidden="true" id="다른-커스텀-페이지-추가하기"></a><a href="#다른-커스텀-페이지-추가하기" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>다른 커스텀 페이지 추가하기</h2>
|
||
<p>도큐사우르스는 간단한 예제 페이지를 <code>website/pages/en</code> 디렉토리 아래에서 제공하고 있습니다. 여기에는 <code>index.js</code>, <code>users.js</code>, <code>help.js</code> 파일이 포함되어 있습니다. 각 파일은 도큐사우르스 커스텀 페이지를 어떻게 만드는지 잘 보여주고 있습니다.</p>
|
||
<pre><code class="hljs css language-bash">root-directory
|
||
├── docs
|
||
└── website
|
||
├── blog
|
||
├── core
|
||
│ └── Footer.js
|
||
├── package.json
|
||
├── pages
|
||
│ └── en
|
||
│ ├── help.js
|
||
│ ├── index.js
|
||
│ └── users.js
|
||
├── sidebars.json
|
||
├── siteConfig.js
|
||
└── static
|
||
</code></pre>
|
||
<p>물론 여러분이 원하는 페이지를 자유롭게 추가할 수 있습니다. 인덱스 페이지를 만드는 것은 권장합니다. 하지만 어떤 페이지도 여러분의 사이트에 포함해서 제공하는 것이 필수는 아닙니다. 어떻게 제공된 컴포넌트를 사용할 수 있고 페이지에 추가하는지에 대한 정보는 <a href="/docs/ko/next/api-pages">여기</a>를 참고하세요. 헤더 네비게이션 바에서 다른 페이지를 링크하는 방법에 대한 정보는 <a href="/docs/ko/next/navigation">여기</a>를 참고하세요.</p>
|
||
<blockquote>
|
||
<p>네비게이션 헤더에 페이지가 보여지길 원한다면 <code>siteConfig.js</code> 파일에 <code>headerLinks</code> 항목을 다음과 같이 추가합니다. <code>{ page: 'about-slash', label: 'About/' }</code>,</p>
|
||
</blockquote>
|
||
<h2><a class="anchor" aria-hidden="true" id="정적인-페이지-추가하기"></a><a href="#정적인-페이지-추가하기" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>정적인 페이지 추가하기</h2>
|
||
<p>정적인 <code>.html</code> 파일을 사용할 수 있습니다. 하지만 도큐사우르스의 헤더, 푸터, 스타일에는 기본적으로 포함되지 않습니다. 정적인 페이지는 다른 <a href="/docs/ko/next/api-pages#using-static-assets">정적인 리소스 파일</a>과 마찬가지로 <code>static</code> 디렉토리에 추가해야 합니다. <code>pages</code> 디렉토리에 정적인 페이지를 생성하는 경우에는 리액트에서 생성된 페이지 대신에 서비스를 제공하게 됩니다.</p>
|
||
<p>도큐사우르스의 스타일시트를 사용하고자 한다면 다음 경로를 사용할 수 있습니다. <code>${baseUrl}css/main.css</code>. If you wish to use separate CSS for these static pages, you can exclude them from being concatenated to Docusaurus' styles by adding them into the <code>siteConfig.separateCss</code> field in <code>siteConfig.js</code>.</p>
|
||
<blockquote>
|
||
<p>도큐사우르스 사이트의 스타일, 헤더, 푸터를 HTML 조각으로 감싸기 위해 <a href="/docs/ko/next/site-config#optional-fields"><code>$wrapPagesHTML</code> 사이트 설정 옵션</a>을 지정할 수 있습니다.</p>
|
||
</blockquote>
|
||
<h2><a class="anchor" aria-hidden="true" id="사이트-푸터-수정하기"></a><a href="#사이트-푸터-수정하기" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>사이트 푸터 수정하기</h2>
|
||
<p>예제로 제공되는 <code>core/Footer.js</code> 파일을 활용할 수 있습니다. 예제 파일은 <a href="/docs/ko/next/installation">도큐사우르스 설치 스크립트</a>가 실행될 때 <a href="/docs/ko/next/site-creation">만들어집니다</a>. 푸터에서는 여러분이 만든 사이트 또는 다른 외부 사이트로의 링크를 추가하거나 편집할 수 있습니다.</p>
|
||
<p>예제는 링크를 위해 3개의 컬럼을 가지고 있습니다. 왼쪽에 로고 이미지 파일이 배치되어 있고 아래에는 페이스북 오픈소스 로고와 저작권 관련 문구가 표시되고 있습니다. 여러분의 프로젝트가 페이스북 오픈소스 프로젝트가 아니라면 로고와 저작권 표시는 삭제하면 됩니다. 물론, 예제의 형식에 제한받지 않고 자유롭게 푸터를 생성하고 꾸밀 수 있습니다.</p>
|
||
<p>문서, API, 트위터, 디스코드, 페이스북 그룹, 스택오버플로, 깃허브 등의 링크를 추가하는 것을 권장합니다.</p>
|
||
<p>여러분의 푸터는 자동으로 문서와 블로그 포스트를 포함한 사이트 내 모든 페이지에 적용됩니다. 단, 정적인 HTML 페이지를 추가한 경우는 예외입니다.</p>
|
||
<p>사이트에 푸터를 적용하고 싶지 않다면 <code>core/Footer.js</code> 파일에 있는 <code>render</code> 함수에서 반환되는 값을 <code>null</code>로 수정합니다. 아래와 같이 적용할 수 있습니다.</p>
|
||
<pre><code class="hljs css language-jsx"><span class="token keyword">const</span> React <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'react'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
||
|
||
<span class="token keyword">class</span> <span class="token class-name">Footer</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
|
||
<span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||
<span class="token keyword">return</span> <span class="token keyword">null</span><span class="token punctuation">;</span>
|
||
<span class="token punctuation">}</span>
|
||
<span class="token punctuation">}</span>
|
||
|
||
module<span class="token punctuation">.</span>exports <span class="token operator">=</span> Footer<span class="token punctuation">;</span>
|
||
</code></pre>
|
||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/ko/next/adding-blog"><span class="arrow-prev">← </span><span>블로그 추가</span></a><a class="docs-next button" href="/docs/ko/next/search"><span>검색 활성화</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#홈페이지-꾸미기">홈페이지 꾸미기</a></li><li><a href="#다른-커스텀-페이지-추가하기">다른 커스텀 페이지 추가하기</a></li><li><a href="#정적인-페이지-추가하기">정적인 페이지 추가하기</a></li><li><a href="#사이트-푸터-수정하기">사이트 푸터 수정하기</a></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><a href="/" class="nav-home"><img src="/img/docusaurus_monochrome.svg" alt="Docusaurus" width="66" height="58"/></a><div class="footerSection"><h5>Docs</h5><a href="
|
||
/docs/ko/installation">Getting Started</a><a href="
|
||
/docs/ko/versioning">Versioning</a><a href="
|
||
/docs/ko/translation">Localization</a><a href="
|
||
/docs/ko/search">Adding Search</a></div><div class="footerSection"><h5>Community</h5><a href="/ko/help">Help</a><a href="/ko/users">User Showcase</a><a href="/ko/about-slash">About</a></div><div class="footerSection"><h5>Social</h5><div class="social"><a class="github-button" href="https://github.com/facebook/docusaurus" data-count-href="https://github.com/facebook/docusaurus/stargazers" data-show-count="true" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub">docusaurus</a></div><div class="social"><a href="https://twitter.com/docusaurus" class="twitter-follow-button">Follow @docusaurus</a></div><div class="social"><div class="fb-like" data-href="https://docusaurus.io" data-colorscheme="dark" data-layout="standard" data-share="true" data-width="225" data-show-faces="false"></div></div></div></section><a href="https://opensource.facebook.com/" target="_blank" rel="noreferrer noopener" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright"><span>Copyright © 2019 Facebook Inc.</span> Landing images by <a href="https://undraw.co/">unDraw</a>.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'199138890728411',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||
</script><script>window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src='https://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, 'script', 'twitter-wjs'));</script><script>
|
||
document.addEventListener('keyup', function(e) {
|
||
if (e.target !== document.body) {
|
||
return;
|
||
}
|
||
// keyCode for '/' (slash)
|
||
if (e.keyCode === 191) {
|
||
const search = document.getElementById('search_input_react');
|
||
search && search.focus();
|
||
}
|
||
});
|
||
</script><script>
|
||
var search = docsearch({
|
||
|
||
apiKey: '3eb9507824b8be89e7a199ecaa1a9d2c',
|
||
indexName: 'docusaurus',
|
||
inputSelector: '#search_input_react',
|
||
algoliaOptions: {"facetFilters":["language:ko","version:next"]}
|
||
});
|
||
</script></body></html> |