Jekyll2024-01-21T13:40:25+00:00/feed.xmlRGB placeWelcome RGB place ๐ญ
๋ธ๋ก๊ทธ ํฌ์คํธ ์ด์2017-01-25T15:37:54+00:002017-01-25T15:37:54+00:00/example/%EB%B8%94%EB%A1%9C%EA%B7%B8-%ED%8F%AC%EC%8A%A4%ED%8A%B8-%EC%B4%88%EC%95%88<p>์ด๋ฏธ์ง์ ๊ฒฝ์ฐ</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>![example1][์ด๋ฏธ์ง1]
.
.
.
[์ด๋ฏธ์ง1]: /์ด๋ฏธ์ง๊ฒฝ๋ก "snow.jpg"
</code></pre></div></div>
<p><code class="language-plaintext highlighter-rouge">[์ด๋ฏธ์ง1]</code> ์ดํ ํ๋จ๋ถ์ ์ ์ธํด์ค๋ค.
[example1]์ ๊ฒฝ์ฐ, ์ด๋ฏธ์ง์ alt ์์ฑ์ ๋ค์ด๊ฐ๋ค.</p>
<p><img src="/assets/img/2018_03_02.jpg" alt="example1" title="snow.jpg" /></p>
<p>๋๋ฒ ๋์ด์ฐ๊ธฐ๋ฅผ ํ์ ๋ <code class="language-plaintext highlighter-rouge"><p></p></code>ํ๊ทธ๊ฐ ์์ฑ๋๋ฏ๋ก, ๋จ์ ์ค ๋ฐ๊ฟ์ ํ๋ ค๋ฉด <code class="language-plaintext highlighter-rouge"><br/></code>ํ๊ทธ๋ฅผ ์ด๋ค.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ํ ์ค<br/>
์ํฐ
ํ๊ทธ ์์ฑ ํ์ธ
</code></pre></div></div>
<p>๊ฒฐ๊ณผ๊ฐ ์ด๋ป๊ฒ ๋์ค๋์ง๋ ๋ฐ์ ๊ฒฐ๊ณผ๋ฅผ ๋ธ๋ผ์ฐ์ ์ ๊ฐ๋ฐ์ ๋๊ตฌ๋ฅผ ์ด์ฉํด์ ํ์ธํด๋ณด๋๋ก ํ์</p>
<p>ํ ์ค<br />
์ํฐ</p>
<p>ํ๊ทธ ์์ฑ ํ์ธ</p>
<p><code class="language-plaintext highlighter-rouge">jekyll</code> ์ ํฌ์คํธ ๋ฌธ๋ฒ์ <code class="language-plaintext highlighter-rouge">wordpress</code>๋ฅผ ๋ฐ๋ผ๊ฐ๋ฏ๋ก, <code class="language-plaintext highlighter-rouge">kramdown</code>์ syntax๋ฅผ ํ์ธํ๋ฉด ๋ ๋ฏ ํ๋ค.</p>
<p>ํ์ฌ ์ฐธ๊ณ ํ๊ณ ์๋ ์ ๋ฆฌ๊ฐ ์ ๋ <a href="http://blog.kalkin7.com/2014/02/05/wordpress-markdown-quick-reference-for-koreans/" title="์๋ํ๋ ์ค ๋งํฌ๋ค์ด(Markdown) ๋ฌธ๋ฒ ์ค๋ช
">๋ธ๋ก๊ทธ</a></p>์ด๋ฏธ์ง์ ๊ฒฝ์ฐ์ฒซ๋ฒ์งธ ์์ 2017-01-18T17:10:03+00:002017-01-18T17:10:03+00:00/example/%EC%B2%AB%EB%B2%88%EC%A7%B8-%EC%98%88%EC%A0%9C<p>์๋
ํ์ธ์.</p>
<p>์ฒซ๋ฒ์งธ ํ
์คํธ ๊ธ์
๋๋ค.</p>
<p>์์ผ๋ก ๊พธ์คํ ์
๋ฐ์ดํธ ํด ๋๊ฐ ์๊ฐ์ด๊ณ ์์ง ๊ฐ๋ฐ ๋จ๊ณ๋ผ ๋ง์ด ๋ถ์กฑํ ์ฌ์ดํธ์
๋๋ค.<br />
ํ
๋ง๋ฅผ ๋ดค๋๋ ๋ง๋ค์ด์ง ํ
๋ง๋ ์ปค์คํฐ๋ง์ด์ง ํ๊ธฐ๊ฐ ์ข ํ๋ค์ด๋ณด์ฌ์, ๊ธฐ๋ณธ ํ
๋ง์์ ์ง์ ์์ ํด๋๊ฐ ๊ณํ์
๋๋ค.</p>
<p><code class="language-plaintext highlighter-rouge">{\% highlight html linenos \%} ... {\% endhighlight \%}</code> ์ผ๋ก ๊ฐ์ธ์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.<br />
<strong>( โ \ โ ๋นผ๊ณ ์จ์ผ๋จ )</strong></p>
<p>์๋๋ ์ด์ ์ ์ฌ์ฉํ์๋ ํ์ฌ ์๊ฐ์ ๊ธฐ์ค์ผ๋ก ๊ฐ์ ์ค์๊ฐ ์
๋ฐ์ดํธํ๋ ์์ ์
๋๋ค.</p>
<figure class="highlight"><pre><code class="language-html" data-lang="html"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1
</pre></td><td class="code"><pre><span class="nt"><span</span> <span class="na">id=</span><span class="s">"clock"</span><span class="nt">></span></span>
</pre></td></tr></tbody></table></code></pre></figure>
<p>์ฌ๊ธฐ์๋ ํ๊ทธ ๋ฐ๋ก ์๋ ์ด ์คํฌ๋ฆฝํธ๋ฅผ ์์ฑํ์ต๋๋ค. <code class="language-plaintext highlighter-rouge"><script> ... </script></code>๋ก ๊ฐ์ธ์ค๋๋ค.</p>
<figure class="highlight"><pre><code class="language-javascript" data-lang="javascript"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
</pre></td><td class="code"><pre><span class="kd">function</span> <span class="nx">checkTime</span><span class="p">(</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">i</span> <span class="o"><</span> <span class="mi">10</span><span class="p">)</span> <span class="nx">i</span> <span class="o">=</span> <span class="dl">"</span><span class="s2">0</span><span class="dl">"</span> <span class="o">+</span> <span class="nx">i</span><span class="p">;</span>
<span class="k">return</span> <span class="nx">i</span><span class="p">;</span>
<span class="p">}</span>
<span class="kd">function</span> <span class="nx">startTime</span><span class="p">()</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">today</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Date</span><span class="p">();</span>
<span class="kd">var</span> <span class="nx">year</span> <span class="o">=</span> <span class="nx">today</span><span class="p">.</span><span class="nx">getFullYear</span><span class="p">();</span>
<span class="kd">var</span> <span class="nx">month</span><span class="o">=</span> <span class="nx">checkTime</span><span class="p">(</span><span class="nx">today</span><span class="p">.</span><span class="nx">getMonth</span><span class="p">()</span><span class="o">+</span><span class="mi">1</span><span class="p">);</span>
<span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="nx">checkTime</span><span class="p">(</span><span class="nx">today</span><span class="p">.</span><span class="nx">getDate</span><span class="p">());</span>
<span class="kd">var</span> <span class="nx">h</span> <span class="o">=</span> <span class="nx">checkTime</span><span class="p">(</span><span class="nx">today</span><span class="p">.</span><span class="nx">getHours</span><span class="p">());</span>
<span class="kd">var</span> <span class="nx">m</span> <span class="o">=</span> <span class="nx">checkTime</span><span class="p">(</span><span class="nx">today</span><span class="p">.</span><span class="nx">getMinutes</span><span class="p">());</span>
<span class="kd">var</span> <span class="nx">s</span> <span class="o">=</span> <span class="nx">checkTime</span><span class="p">(</span><span class="nx">today</span><span class="p">.</span><span class="nx">getSeconds</span><span class="p">());</span>
<span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="dl">'</span><span class="s1">clock</span><span class="dl">'</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span>
<span class="nx">year</span> <span class="o">+</span> <span class="dl">"</span><span class="s2">-</span><span class="dl">"</span> <span class="o">+</span> <span class="nx">month</span> <span class="o">+</span> <span class="dl">"</span><span class="s2">-</span><span class="dl">"</span><span class="o">+</span> <span class="nx">day</span> <span class="o">+</span> <span class="dl">"</span><span class="s2"> </span><span class="dl">"</span> <span class="o">+</span> <span class="nx">h</span> <span class="o">+</span> <span class="dl">"</span><span class="s2">:</span><span class="dl">"</span> <span class="o">+</span> <span class="nx">m</span> <span class="o">+</span> <span class="dl">"</span><span class="s2">:</span><span class="dl">"</span> <span class="o">+</span> <span class="nx">s</span> <span class="o">+</span> <span class="dl">"</span><span class="s2"> +0900</span><span class="dl">"</span><span class="p">;</span>
<span class="p">}</span>
<span class="nb">window</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="dl">"</span><span class="s2">onload</span><span class="dl">"</span><span class="p">,</span> <span class="nx">setInterval</span><span class="p">(</span><span class="nx">startTime</span><span class="p">,</span> <span class="mi">500</span><span class="p">));</span>
<span class="c1">// ID๊ฐ 'clock' ์ธ ํ๊ทธ๋ฅผ ์ฐพ์ 0.5์ด์ ํ๋ฒ์ฉ ์๊ฐ์ ์
๋ฐ์ดํธ ํฉ๋๋ค.</span>
</pre></td></tr></tbody></table></code></pre></figure>
<p>* ๊ฒฐ๊ณผ</p>
<div id="clock"></div>
<script>
function checkTime(i) {
if (i < 10) i = "0" + i;
return i;
}
function startTime() {
var today = new Date();
var year = today.getFullYear();
var month= checkTime(today.getMonth()+1);
var day = checkTime(today.getDate());
var h = checkTime(today.getHours());
var m = checkTime(today.getMinutes());
var s = checkTime(today.getSeconds());
document.getElementById('clock').innerHTML =
year + "-" + month + "-"+ day + " " + h + ":" + m + ":" + s + " +0900<br/><br/>";
}
setInterval(startTime, 500);
</script>
<p>๋ ๋ง์ ์์ ๋ <a href="http://www.w3schools.com/">w3school</a> ํํ์ด์ง๋ฅผ ํตํด ํ๋ฒ ํ์ธํด๋ณด์ธ์</p>์๋
ํ์ธ์.