Jekyll2019-11-24T10:48:39+00:00https://kyungmyeongsu.github.io/feed.xmlmyeongsu의 개발 블로그개발 공부 블로그m_su1015oplu92@gmail.com글쓰기연습2019-11-24T00:00:00+00:002019-11-24T00:00:00+00:00https://kyungmyeongsu.github.io/git/%EA%B8%80%EC%93%B0%EA%B8%B0%EC%97%B0%EC%8A%B5<h2 id="글쓰기연습중">글쓰기연습중</h2> <ul> <li>php</li> <li>asp</li> <li>java</li> </ul>m_su1015oplu92@gmail.com글쓰기연습중 php asp javamarkdown 사용법2018-12-25T00:00:00+00:002018-12-25T00:00:00+00:00https://kyungmyeongsu.github.io/git/git-markdown%EC%82%AC%EC%9A%A9%EB%B2%95<h1 id="markdown-이란">Markdown 이란?</h1> <ul> <li>마크다운은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작된 문서는 쉽게 HTML 등 다른 문서 형태로 변환이 가능하다.</li> </ul> <h1 id="markdown-의-장단점">Markdown 의 장단점</h1> <h2 id="장점">장점</h2> <ol> <li>간결하다</li> <li>여러 형태의 변환이 가능하다.</li> <li>텍스트로 저장되기 때문에 용량 소모가 적다.</li> <li>지원되는 프로그램과 플랫폼이 다양하다.</li> </ol> <h2 id="단점">단점</h2> <ol> <li>표준이 없어 사용자에 따라 생성물이 다르다.</li> <li>모든 HTML 아크업을 대신하진 못한다.</li> </ol> <h1 id="markdown-문법">Markdown 문법</h1> <h2 id="제목header">제목(header)</h2> <p><code class="language-plaintext highlighter-rouge">&lt;h1&gt;</code> 부터 <code class="language-plaintext highlighter-rouge">&lt;h6&gt;</code> 까지 사용 할 수 있다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code># h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 </code></pre></div></div> <h1 id="h1">h1</h1> <h2 id="h2">h2</h2> <h3 id="h3">h3</h3> <h4 id="h4">h4</h4> <h5 id="h5">h5</h5> <h6 id="h6">h6</h6> <h2 id="인용문blockquote">인용문(blockquote)</h2> <p><code class="language-plaintext highlighter-rouge">&lt;blockquote&gt;</code> 태그로 변환되어 사용된다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&gt; BlockQuote 사용하기 </code></pre></div></div> <blockquote> <p>BlockQuote 사용하기</p> </blockquote> <p><code class="language-plaintext highlighter-rouge">&lt;blockquote&gt;</code> 는 중첩되어 사용할 수 있다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&gt; BlockQuote 사용하기1 &gt; BlockQuote 사용하기2 &gt; BlockQuote 사용하기1 &gt;&gt; BlockQuote 사용하기2 &gt;&gt;&gt; BlockQuote 사용하기3 &gt;&gt;&gt;&gt; BlockQuote 사용하기4 </code></pre></div></div> <blockquote> <p>BlockQuote 사용하기1 BlockQuote 사용하기2</p> </blockquote> <blockquote> <p>BlockQuote 사용하기1</p> <blockquote> <p>BlockQuote 사용하기2</p> <blockquote> <p>BlockQuote 사용하기3</p> <blockquote> <p>BlockQuote 사용하기4</p> </blockquote> </blockquote> </blockquote> </blockquote> <h2 id="목록list">목록(list)</h2> <p><code class="language-plaintext highlighter-rouge">&lt;ol&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;ul&gt;</code> 목록 태그로 변환된다. 목록 표시에는 숫자와 기호를 사용하여 표시한다.</p> <ul> <li>숫자 목록(번호) <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>1. 첫번째 2. 두번째 3. 세번째 </code></pre></div> </div> <ol> <li>첫번째</li> <li>두번째</li> <li>세번째</li> </ol> </li> <li>기호 목록(기호) ```</li> <li>첫번째</li> <li>두번째</li> <li> <p>세번째</p> </li> <li>첫번째 <ul> <li>두번째 <ul> <li>세번째</li> </ul> </li> </ul> </li> <li>첫번째</li> <li>두번째</li> <li> <p>세번째</p> </li> <li>첫번째 <ul> <li>두번째 <ul> <li>세번째</li> </ul> </li> </ul> </li> <li>첫번째</li> <li>두번째</li> <li> <p>세번째</p> </li> <li>첫번째 <ul> <li>두번째 <ul> <li>세번째 ```</li> </ul> </li> </ul> </li> <li>첫번째</li> <li>두번째</li> <li> <p>세번째</p> </li> <li>첫번째 <ul> <li>두번째 <ul> <li>세번째</li> </ul> </li> </ul> </li> <li>첫번째</li> <li>두번째</li> <li> <p>세번째</p> </li> <li>첫번째 <ul> <li>두번째 <ul> <li>세번째</li> </ul> </li> </ul> </li> <li>첫번째</li> <li>두번째</li> <li> <p>세번째</p> </li> <li>첫번째 <ul> <li>두번째 <ul> <li>세번째</li> </ul> </li> </ul> </li> </ul> <h2 id="강조emphasis">강조(emphasis)</h2> <p><code class="language-plaintext highlighter-rouge">&lt;em&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;strong&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;del&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;u&gt;</code> 태그로 변환된다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>강조는 **별표 2개를 사용** 하거나 __언더바 2개를 사용__ 한다. 이텔릭 글씨는 *별표 1개를 사용* 하거나 _언더바 1개를 사용_ 한다. 취소선은 ~~물결 표시를 사용~~ 한다. 밑줄은 &lt;u&gt;밑줄&lt;/u&gt;을 사용 한다. </code></pre></div></div> <p>강조는 <strong>별표 2개를 사용</strong> 하거나 <strong>언더바 2개를 사용</strong> 한다.<br /> 이텔릭 글씨는 <em>별표 1개를 사용</em> 하거나 <em>언더바 1개를 사용</em> 한다.<br /> 취소선은 <del>물결 표시를 사용</del> 한다.<br /> 밑줄은 <u>밑줄</u>을 사용 한다.</p> <h2 id="코드code">코드(code)</h2> <p><code class="language-plaintext highlighter-rouge">&lt;pre&gt;</code>, <code class="language-plaintext highlighter-rouge">&lt;code&gt;</code> 로 변환된다. 입력 방법은 ` (Grave)를 사용하여 입력한다.</p> <h3 id="인라인inline-코드">인라인(inline) 코드</h3> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>인라인 코드는 `사용하고 싶은 문장에 Grave를 붙여` 사용한다. </code></pre></div></div> <p>인라인 코드는 <code class="language-plaintext highlighter-rouge">사용하고 싶은 문장에 Grave를 붙여</code> 사용한다.</p> <h3 id="블록block-코드">블록(block) 코드</h3> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>블록 코드는 Grave를 세번이상 입력해야 한다. </code></pre></div></div> <h2 id="링크link">링크(link)</h2> <p>링크는 <code class="language-plaintext highlighter-rouge">&lt;a href=""&gt;</code> 처럼 사용된다. 링크에는 인라인 링크, 참조링크, 자동연결이 있다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>- 인라인링크 [구글](https://google.com) [naver](https://naver.com "네이버로 이동하기") - 참조링크 [구글로가기][google] [github][깃허브] 참조링크는 [참조링크]바로 사용할 수 있다. [상대적참조](../tags/git) [google]: https://google.com [깃허브]: https://github.com [참조링크]: https://google.com - 자동연결 https://google.com &lt;https://google.com&gt; </code></pre></div></div> <ul> <li> <p>인라인링크<br /> <a href="https://google.com">구글</a><br /> <a href="https://naver.com" title="네이버로 이동하기">naver</a></p> </li> <li> <p>참조링크<br /> <a href="https://google.com">구글로가기</a><br /> <a href="https://github.com">github</a><br /> 참조링크는 <a href="https://google.com">참조링크</a>바로 사용할 수 있다.<br /> <a href="../tags/git">상대적참조</a></p> </li> </ul> <ul> <li>자동연결<br /> https://google.com<br /></li> </ul> <p><a href="https://google.com">https://google.com</a></p> <h2 id="수평선horizontal-rules">수평선(horizontal Rules)</h2> <p>수평선은 <code class="language-plaintext highlighter-rouge">&lt;hr&gt;</code> 처럼 사용된다. <code class="language-plaintext highlighter-rouge">-</code>, <code class="language-plaintext highlighter-rouge">*</code>, <code class="language-plaintext highlighter-rouge">_</code> 중 선택하여 3개 이상을 작성하면 된다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>--- *** ___ ----------------- </code></pre></div></div> <hr /> <hr /> <hr /> <hr /> <h2 id="이미지image">이미지(image)</h2> <p>이미지는 <code class="language-plaintext highlighter-rouge">&lt;img&gt;</code> 처럼 사용된다. 이미지에는 인라인이미지, 링크이미지, 참조이미지가 있다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>- 인라인이미지 ![gitLogo](/assets/images/gitlogo.png) - 참조이미지 ![gitLogo][1] - 링크이미지 ![googleLogo](https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png) [1]:/asset/images/gitlogo.png </code></pre></div></div> <ul> <li> <p>인라인이미지<br /> <img src="/assets/images/gitlogo.png" alt="gitLogo" /></p> </li> <li> <p>참조이미지<br /> <img src="/assets/images/gitlogo.png" alt="gitLogo" /></p> </li> <li> <p>링크이미지<br /> <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="googleLogo" /></p> </li> </ul> <h3 id="이미지에-링크-연결하기">이미지에 링크 연결하기</h3> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>- 이미지에 링크 연결 [![gitLogo](/assets/images/gitlogo.png)](https://github.com) </code></pre></div></div> <ul> <li>이미지에 링크 연결<br /> <a href="https://github.com"><img src="/assets/images/gitlogo.png" alt="gitLogo" /></a></li> </ul> <h2 id="표table">표(table)</h2> <p><code class="language-plaintext highlighter-rouge">&lt;table&gt;</code> 처럼 사용된다. <code class="language-plaintext highlighter-rouge">|</code>을 통해서 칸을 구분한다. 헤더 부분과의 구분은 <code class="language-plaintext highlighter-rouge">---</code>을 사용하면 구별된다. <code class="language-plaintext highlighter-rouge">:</code>을 통해서 정렬 방법을 정할 수 있다.</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>|제목|내용|날짜| |:---|:---:|---:| |왼쪽정렬|가운데정렬|오른쪽정렬| </code></pre></div></div> <p>|제목|내용|날짜| |:—|:—:|—:| |왼쪽정렬|가운데정렬|오른쪽정렬|</p> <hr /> <p>이것으로 markdown 기본 문법을 마치겠습니다.</p>m_su1015oplu92@gmail.comMarkdown 이란? 마크다운은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작된 문서는 쉽게 HTML 등 다른 문서 형태로 변환이 가능하다.Welcome to Jekyll!2018-12-20T12:26:28+00:002018-12-20T12:26:28+00:00https://kyungmyeongsu.github.io/blogging/%EB%B8%94%EB%A1%9C%EA%B7%B8%EA%B8%801<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p> <p>To add new posts, simply add a file in the <code class="language-plaintext highlighter-rouge">_posts</code> directory that follows the convention <code class="language-plaintext highlighter-rouge">YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p> <p>Jekyll also offers powerful support for code snippets:</p> <p>​<code class="language-plaintext highlighter-rouge">python def print_hi(name): print("hello", name) print_hi('Tom') ​</code></p> <p>Check out the <a href="https://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>m_su1015oplu92@gmail.comYou’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.