Blog Posts
-
[example] ๋ธ๋ก๊ทธ ํฌ์คํธ ์ด์ 2017-01-25
์ด๋ฏธ์ง์ ๊ฒฝ์ฐ
![example1][์ด๋ฏธ์ง1] . . . [์ด๋ฏธ์ง1]: /์ด๋ฏธ์ง๊ฒฝ๋ก "snow.jpg"
[์ด๋ฏธ์ง1]
์ดํ ํ๋จ๋ถ์ ์ ์ธํด์ค๋ค. [example1]์ ๊ฒฝ์ฐ, ์ด๋ฏธ์ง์ alt ์์ฑ์ ๋ค์ด๊ฐ๋ค.๋๋ฒ ๋์ด์ฐ๊ธฐ๋ฅผ ํ์ ๋
<p></p>
ํ๊ทธ๊ฐ ์์ฑ๋๋ฏ๋ก, ๋จ์ ์ค ๋ฐ๊ฟ์ ํ๋ ค๋ฉด<br/>
ํ๊ทธ๋ฅผ ์ด๋ค.ํ ์ค<br/> ์ํฐ ํ๊ทธ ์์ฑ ํ์ธ
๊ฒฐ๊ณผ๊ฐ ์ด๋ป๊ฒ ๋์ค๋์ง๋ ๋ฐ์ ๊ฒฐ๊ณผ๋ฅผ ๋ธ๋ผ์ฐ์ ์ ๊ฐ๋ฐ์ ๋๊ตฌ๋ฅผ ์ด์ฉํด์ ํ์ธํด๋ณด๋๋ก ํ์
ํ ์ค
์ํฐํ๊ทธ ์์ฑ ํ์ธ
jekyll
์ ํฌ์คํธ ๋ฌธ๋ฒ์wordpress
๋ฅผ ๋ฐ๋ผ๊ฐ๋ฏ๋ก,kramdown
์ syntax๋ฅผ ํ์ธํ๋ฉด ๋ ๋ฏ ํ๋ค.ํ์ฌ ์ฐธ๊ณ ํ๊ณ ์๋ ์ ๋ฆฌ๊ฐ ์ ๋ ๋ธ๋ก๊ทธ
-
[example] ์ฒซ๋ฒ์งธ ์์ 2017-01-18
์๋ ํ์ธ์.
์ฒซ๋ฒ์งธ ํ ์คํธ ๊ธ์ ๋๋ค.
์์ผ๋ก ๊พธ์คํ ์ ๋ฐ์ดํธ ํด ๋๊ฐ ์๊ฐ์ด๊ณ ์์ง ๊ฐ๋ฐ ๋จ๊ณ๋ผ ๋ง์ด ๋ถ์กฑํ ์ฌ์ดํธ์ ๋๋ค.
ํ ๋ง๋ฅผ ๋ดค๋๋ ๋ง๋ค์ด์ง ํ ๋ง๋ ์ปค์คํฐ๋ง์ด์ง ํ๊ธฐ๊ฐ ์ข ํ๋ค์ด๋ณด์ฌ์, ๊ธฐ๋ณธ ํ ๋ง์์ ์ง์ ์์ ํด๋๊ฐ ๊ณํ์ ๋๋ค.{\% highlight html linenos \%} ... {\% endhighlight \%}
์ผ๋ก ๊ฐ์ธ์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
( โ \ โ ๋นผ๊ณ ์จ์ผ๋จ )์๋๋ ์ด์ ์ ์ฌ์ฉํ์๋ ํ์ฌ ์๊ฐ์ ๊ธฐ์ค์ผ๋ก ๊ฐ์ ์ค์๊ฐ ์ ๋ฐ์ดํธํ๋ ์์ ์ ๋๋ค.
1
<span id="clock"></span>
์ฌ๊ธฐ์๋ ํ๊ทธ ๋ฐ๋ก ์๋ ์ด ์คํฌ๋ฆฝํธ๋ฅผ ์์ฑํ์ต๋๋ค.
<script> ... </script>
๋ก ๊ฐ์ธ์ค๋๋ค.1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
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"; } window.addEventListener("onload", setInterval(startTime, 500)); // ID๊ฐ 'clock' ์ธ ํ๊ทธ๋ฅผ ์ฐพ์ 0.5์ด์ ํ๋ฒ์ฉ ์๊ฐ์ ์ ๋ฐ์ดํธ ํฉ๋๋ค.
* ๊ฒฐ๊ณผ
๋ ๋ง์ ์์ ๋ w3school ํํ์ด์ง๋ฅผ ํตํด ํ๋ฒ ํ์ธํด๋ณด์ธ์