docs: 보기 편하게 일부 코드블럭에 인라인 타이틀을 사용하도록 변경
This commit is contained in:
parent
9a8e39a05f
commit
81d981deee
13 changed files with 39 additions and 48 deletions
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
|
|
@ -1116,7 +1116,7 @@
|
|||
<div class="tabbed-set tabbed-alternate" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">localscript</label><label for="__tabbed_1_2">localscript.myClass</label></div>
|
||||
<div class="tabbed-content">
|
||||
<div class="tabbed-block">
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Extend 클래스를 불러오고 사용합니다</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<span class="normal"> 2</span>
|
||||
<span class="normal"> 3</span>
|
||||
<span class="normal"> 4</span>
|
||||
|
|
@ -1204,7 +1204,7 @@
|
|||
</code></pre></div></td></tr></table></div>
|
||||
</div>
|
||||
<div class="tabbed-block">
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">Extend 클래스를 만듭니다. 다른곳에서 불러서 사용할 수 있습니다.</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<span class="normal"> 2</span>
|
||||
<span class="normal"> 3</span>
|
||||
<span class="normal"> 4</span>
|
||||
|
|
|
|||
|
|
@ -1289,8 +1289,7 @@
|
|||
</code></pre></div></td></tr></table></div>
|
||||
</div>
|
||||
<div class="tabbed-block">
|
||||
<p>좀더 직관적인 확인을 위해서 작동시켜보세요.</p>
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">좀더 직관적인 확인을 위해서 작동시켜보세요.</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<span class="normal"> 2</span>
|
||||
<span class="normal"> 3</span>
|
||||
<span class="normal"> 4</span>
|
||||
|
|
|
|||
|
|
@ -1107,8 +1107,7 @@ Quad 에서는 실제로 직접적으로 Tween 을 사용할 일은 적으며
|
|||
</code></pre></div></td></tr></table></div>
|
||||
</div>
|
||||
<div class="tabbed-block">
|
||||
<p>클릭시 움직이는 버튼을 구현합니다.</p>
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">클릭시 움직이는 버튼을 구현합니다.</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<span class="normal"> 2</span>
|
||||
<span class="normal"> 3</span>
|
||||
<span class="normal"> 4</span>
|
||||
|
|
|
|||
|
|
@ -1086,7 +1086,7 @@
|
|||
<div class="tabbed-set tabbed-alternate" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">용법</label><label for="__tabbed_1_2">예제 - 다중언어 카운터</label></div>
|
||||
<div class="tabbed-content">
|
||||
<div class="tabbed-block">
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">자세한 설명은 예제를 참고하세요</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
|
||||
<span class="normal">2</span>
|
||||
<span class="normal">3</span>
|
||||
<span class="normal">4</span>
|
||||
|
|
@ -1094,9 +1094,7 @@
|
|||
<span class="normal">6</span>
|
||||
<span class="normal">7</span>
|
||||
<span class="normal">8</span>
|
||||
<span class="normal"> 9</span>
|
||||
<span class="normal">10</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="c1">-- 자세한 설명은 예제를 참고하세요</span>
|
||||
<span class="n">Lang</span><span class="p">.</span><span class="n">New</span><span class="p">(</span><span class="s2">"Test"</span><span class="p">,{</span>
|
||||
<span class="normal">9</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="n">Lang</span><span class="p">.</span><span class="n">New</span><span class="p">(</span><span class="s2">"Test"</span><span class="p">,{</span>
|
||||
<span class="p">[</span><span class="n">Lang</span><span class="p">.</span><span class="n">Locales</span><span class="p">.</span><span class="n">Korean</span><span class="p">]</span> <span class="o">=</span> <span class="s2">"{won} 원"</span><span class="p">;</span>
|
||||
<span class="p">[</span><span class="n">Lang</span><span class="p">.</span><span class="n">Locales</span><span class="p">.</span><span class="n">Default</span><span class="p">]</span> <span class="o">=</span> <span class="s2">"{won} Won"</span><span class="p">;</span>
|
||||
<span class="p">})</span>
|
||||
|
|
@ -1108,8 +1106,7 @@
|
|||
</code></pre></div></td></tr></table></div>
|
||||
</div>
|
||||
<div class="tabbed-block">
|
||||
<p>1초가 지날 때 마다 카운트를 증가합니다. 영어 사용자에겐 영어를, 한국어 사용자에겐 한국어를 보여줍니다.</p>
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">1초가 지날 때 마다 카운트를 증가합니다. 영어 사용자에겐 영어를, 한국어 사용자에겐 한국어를 보여줍니다.</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<span class="normal"> 2</span>
|
||||
<span class="normal"> 3</span>
|
||||
<span class="normal"> 4</span>
|
||||
|
|
|
|||
|
|
@ -1104,8 +1104,7 @@ git<span class="w"> </span>submodule<span class="w"> </span>add<span class="w">
|
|||
<div class="tabbed-set tabbed-alternate" data-tabs="1:3"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><input id="__tabbed_1_3" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">Main</label><label for="__tabbed_1_2">Loader</label><label for="__tabbed_1_3">Test</label></div>
|
||||
<div class="tabbed-content">
|
||||
<div class="tabbed-block">
|
||||
<p>실제로 UI 들을 그리는 코드들이 담깁니다.
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">실제로 UI 들을 그리는 코드들이 담깁니다.</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<span class="normal"> 2</span>
|
||||
<span class="normal"> 3</span>
|
||||
<span class="normal"> 4</span>
|
||||
|
|
@ -1132,16 +1131,14 @@ git<span class="w"> </span>submodule<span class="w"> </span>add<span class="w">
|
|||
<span class="c1">-- 추후 설명될 Unmount() 를 이용하세요.</span>
|
||||
<span class="n">ScreenGUI</span><span class="p">:</span><span class="n">Destroy</span><span class="p">()</span>
|
||||
<span class="kr">end</span>
|
||||
</code></pre></div></td></tr></table></div></p>
|
||||
</code></pre></div></td></tr></table></div>
|
||||
</div>
|
||||
<div class="tabbed-block">
|
||||
<p>게임을 플레이 할 때 코드가 로드될 수 있도록 만드는 로더입니다.
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="nb">require</span><span class="p">(</span><span class="n">script</span><span class="p">.</span><span class="n">Parent</span><span class="p">)</span>
|
||||
</code></pre></div></td></tr></table></div></p>
|
||||
<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">게임을 플레이 할 때 코드가 로드될 수 있도록 만드는 로더입니다.</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="nb">require</span><span class="p">(</span><span class="n">script</span><span class="p">.</span><span class="n">Parent</span><span class="p">)</span>
|
||||
</code></pre></div></td></tr></table></div>
|
||||
</div>
|
||||
<div class="tabbed-block">
|
||||
<p>명령창에서 명령어 입력으로 테스트를 실행 할 수 있도록 만드는 코드들이 담깁니다.
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<div class="highlight"><table class="highlighttable"><tr><th colspan="2" class="filename"><span class="filename">명령창에서 명령어 입력으로 테스트를 실행 할 수 있도록 만드는 코드들이 담깁니다.</span></th></tr><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
|
||||
<span class="normal"> 2</span>
|
||||
<span class="normal"> 3</span>
|
||||
<span class="normal"> 4</span>
|
||||
|
|
@ -1212,10 +1209,13 @@ git<span class="w"> </span>submodule<span class="w"> </span>add<span class="w">
|
|||
<span class="kr">end</span>
|
||||
|
||||
<span class="kr">return</span> <span class="n">module</span>
|
||||
</code></pre></div></td></tr></table></div></p>
|
||||
</code></pre></div></td></tr></table></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>이제 명령어 창에서 자동 리로드를 켜거나 끌 수 있습니다. rojo 나 편집기로 인해 코드가 변경되면 자동으로 업데이트됩니다!</p>
|
||||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">your</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="nb">load</span><span class="p">()</span>
|
||||
</code></pre></div></td></tr></table></div>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ local myClass = Class.Extend()
|
|||
|
||||
=== "localscript"
|
||||
|
||||
```lua
|
||||
```lua title="Extend 클래스를 불러오고 사용합니다"
|
||||
local ScreenGUI = script.Parent
|
||||
local Quad = require(path.to.module).Init()
|
||||
local Mount = Quad.Mount
|
||||
|
|
@ -83,7 +83,7 @@ local myClass = Class.Extend()
|
|||
|
||||
=== "localscript.myClass"
|
||||
|
||||
```lua
|
||||
```lua title="Extend 클래스를 만듭니다. 다른곳에서 불러서 사용할 수 있습니다."
|
||||
local Quad = require(path.to.module).Init()
|
||||
local Class = Quad.Class
|
||||
local Event = Quad.Event
|
||||
|
|
|
|||
|
|
@ -125,9 +125,7 @@ id 기능을 조금더 고급적인 방법으로 사용할 수도 있습니다.
|
|||
|
||||
=== "예제"
|
||||
|
||||
좀더 직관적인 확인을 위해서 작동시켜보세요.
|
||||
|
||||
```lua
|
||||
```lua title="좀더 직관적인 확인을 위해서 작동시켜보세요."
|
||||
local ScreenGUI = script.Parent
|
||||
local Quad = require(path.to.module).Init()
|
||||
local Class = Quad.Mount
|
||||
|
|
|
|||
|
|
@ -24,9 +24,7 @@ Quad 에서는 실제로 직접적으로 Tween 을 사용할 일은 적으며
|
|||
|
||||
=== "예제 - 움직이는 버튼"
|
||||
|
||||
클릭시 움직이는 버튼을 구현합니다.
|
||||
|
||||
```lua
|
||||
```lua title="클릭시 움직이는 버튼을 구현합니다."
|
||||
local ScreenGUI = script.Parent
|
||||
local Quad = require(path.to.module).Init()
|
||||
local Class = Quad.Class
|
||||
|
|
|
|||
|
|
@ -16,8 +16,7 @@ Quad 에는 귀찮은 언어관리를 자동으로 해주는 기능이 내장되
|
|||
|
||||
=== "용법"
|
||||
|
||||
```lua
|
||||
-- 자세한 설명은 예제를 참고하세요
|
||||
```lua title="자세한 설명은 예제를 참고하세요"
|
||||
Lang.New("Test",{
|
||||
[Lang.Locales.Korean] = "{won} 원";
|
||||
[Lang.Locales.Default] = "{won} Won";
|
||||
|
|
@ -31,9 +30,7 @@ Quad 에는 귀찮은 언어관리를 자동으로 해주는 기능이 내장되
|
|||
|
||||
=== "예제 - 다중언어 카운터"
|
||||
|
||||
1초가 지날 때 마다 카운트를 증가합니다. 영어 사용자에겐 영어를, 한국어 사용자에겐 한국어를 보여줍니다.
|
||||
|
||||
```lua
|
||||
```lua title="1초가 지날 때 마다 카운트를 증가합니다. 영어 사용자에겐 영어를, 한국어 사용자에겐 한국어를 보여줍니다."
|
||||
local ScreenGUI = script.Parent
|
||||
local Quad = require(path.to.module).Init()
|
||||
local Store = Quad.Store
|
||||
|
|
|
|||
|
|
@ -110,8 +110,7 @@ local Quad = (require(path.to.module)::types.module).Init()
|
|||
|
||||
=== "Main"
|
||||
|
||||
실제로 UI 들을 그리는 코드들이 담깁니다.
|
||||
```lua
|
||||
```lua title="실제로 UI 들을 그리는 코드들이 담깁니다."
|
||||
local Quad = require(path.to.module).Init()
|
||||
local LocalPlayer = game.Players.LocalPlayer
|
||||
local ScreenGUI = Instance.new("ScreenGui",
|
||||
|
|
@ -130,15 +129,13 @@ local Quad = (require(path.to.module)::types.module).Init()
|
|||
|
||||
=== "Loader"
|
||||
|
||||
게임을 플레이 할 때 코드가 로드될 수 있도록 만드는 로더입니다.
|
||||
```lua
|
||||
```lua title="게임을 플레이 할 때 코드가 로드될 수 있도록 만드는 로더입니다."
|
||||
require(script.Parent)
|
||||
```
|
||||
|
||||
=== "Test"
|
||||
|
||||
명령창에서 명령어 입력으로 테스트를 실행 할 수 있도록 만드는 코드들이 담깁니다.
|
||||
```lua
|
||||
```lua title="명령창에서 명령어 입력으로 테스트를 실행 할 수 있도록 만드는 코드들이 담깁니다."
|
||||
-- 모듈 위치로 알맞게 변경해주세요
|
||||
local Quad = path.to.module
|
||||
local tracker = require(Quad.tracker)
|
||||
|
|
@ -176,3 +173,9 @@ local Quad = (require(path.to.module)::types.module).Init()
|
|||
|
||||
return module
|
||||
```
|
||||
|
||||
이제 명령어 창에서 자동 리로드를 켜거나 끌 수 있습니다. rojo 나 편집기로 인해 코드가 변경되면 자동으로 업데이트됩니다!
|
||||
|
||||
```lua
|
||||
require(path.to.your.module).load()
|
||||
```
|
||||
|
|
|
|||
Loading…
Reference in a new issue