<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>gang_hoon.log</title>
        <link>https://velog.io/</link>
        <description>기억보단 기록을</description>
        <lastBuildDate>Thu, 04 Aug 2022 05:56:46 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <copyright>Copyright (C) 2019. gang_hoon.log. All rights reserved.</copyright>
        <atom:link href="https://v2.velog.io/rss/gang_hoon" rel="self" type="application/rss+xml"/>
        <item>
            <title><![CDATA[마크다운]]></title>
            <link>https://velog.io/@gang_hoon/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4</link>
            <guid>https://velog.io/@gang_hoon/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4</guid>
            <pubDate>Thu, 04 Aug 2022 05:56:46 GMT</pubDate>
            <description><![CDATA[<p>마크다운이란
마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.
-위키백과</p>
<p>📖마크다운 작성법</p>
<ol>
<li>제목(header)
h1부터 h6까지 표현할 수 있으며, # 의 개수로 표현 가능합니다.</li>
</ol>
<p>✍ 마크다운 작성 시</p>
<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>
<p>👉 결과</p>
<p>h1
h2
h3
h4
h5
h6
🧐 h1과 h2는 이렇게도 작성 가능해요.
=, -를 각각 2개 이상 사용하면 아래와 같이 h1, h2의 #을 대체할 수 있습니다.
여러 개를 사용해도 마찬가지예요.</p>
<p>✍ 마크다운 작성 시</p>
<h1 id="h1-1">h1</h1>
<h2 id="h2-1">h2</h2>
<h2 id="하이픈을-여러-개-사용한-제목">하이픈을 여러 개 사용한 제목</h2>
<p>👉 결과</p>
<p>h1
h2
하이픈을 여러 개 사용한 제목
2. 문단 간격
(+ 2020-04-10 추가)
문단의 간격은 줄 바꿈으로 나타내며, 여러 번 줄 바꿈 시 <br/>을 사용하면 가능합니다.</p>
<p>✍ 마크다운 작성 시</p>
<p>첫 번째 문단<br/><br/>
두 번째 문단
👉 결과</p>
<p>첫 번째 문단</p>
<p>두 번째 문단</p>
<ol start="3">
<li>목록
순서를 표기하는 목록 / 순서가 없는 목록 두 가지를 작성할 수 있습니다.</li>
</ol>
<p>3.1 순서를 표기하는 목록
숫자와 .을 사용하여 작성합니다.</p>
<p>✍ 마크다운 작성 시</p>
<ol>
<li>첫 번째</li>
<li>두 번째</li>
<li>세 번째
👉 결과</li>
</ol>
<p>첫 번째
두 번째
세 번째
3.2 순서가 없는 목록
-, *, + 을 사용 하여 작성합니다. (셋 다 동일하게 작성됩니다.)
인라인 코드, 블럭 코드를 작성할 수 있으며 Tab키나 스페이스 바를 이용해 들여쓰기가 가능합니다.</p>
<p>✍ 마크다운 작성 시</p>
<ul>
<li><p>순서 없는 목록 1</p>
<ul>
<li>목록 1.1<ul>
<li>목록 1.2</li>
</ul>
</li>
</ul>
</li>
<li><p>순서 없는 목록 2</p>
<pre><code>  Tab 두번 하면 코드 블럭을 만들 수 있어요.</code></pre></li>
<li><p>순서 없는 목록 3</p>
</li>
<li><p>순서 없는 목록 4</p>
<ul>
<li><p><code>인라인 코드 가능</code></p>
<ul>
<li><p>들여쓰기(tab키 이용)를 하면 다른 모양으로 표현 됩니다.</p>
<pre><code>블럭 코드 가능
```　
👉 결과
</code></pre></li>
</ul>
</li>
</ul>
</li>
</ul>
<p>순서 없는 목록 1
목록 1.1
목록 1.2
순서 없는 목록 2
  Tab 두번 하면 코드 블럭을 만들 수 있어요.
순서 없는 목록 3
순서 없는 목록 4</p>
<ul>
<li>인라인 코드 가능</li>
<li>들여쓰기(tab키 이용)를 하면 다른 모양으로 표현 됩니다.
```<pre><code>  블럭 코드 가능
  ```</code></pre></li>
</ul>
<ol start="4">
<li>폰트 스타일
굵게, 기울이기, 취소선 등 기본적인 스타일을 아래와 같이 작성할 수 있습니다.</li>
</ol>
<p>✍ 마크다운 작성 시</p>
<p><strong>굵게</strong>
<strong>굵게</strong>
<em>기울여 쓰기</em>
<em>기울여 쓰기</em>
<del>취소선</del>
<del>취소선</del>
👉 결과</p>
<p>굵게
굵게
기울여 쓰기
기울여 쓰기
<del>취소선</del>
취소선</p>
<ol start="5">
<li>인용문
인용문을 작성할 때에는 &gt;를 사용합니다.</li>
</ol>
<p>✍ 마크다운 작성 시</p>
<blockquote>
<p>인용문 작성하기
-작성자</p>
</blockquote>
<blockquote>
<p>인용문 작성하기</p>
<blockquote>
<p>(&gt;)의 갯수에 따라</p>
<blockquote>
<p>중첩문 가능
👉 결과</p>
</blockquote>
</blockquote>
</blockquote>
<p>인용문 작성하기
-작성자</p>
<p>인용문 작성하기</p>
<blockquote>
<p>의 갯수에 따라</p>
</blockquote>
<p>중첩문 가능</p>
<ol start="6">
<li>인라인 코드
백틱(｀)을 사용하여 인라인 코드를 작성할 수 있습니다.</li>
</ol>
<p>✍ 마크다운 작성 시</p>
<p><code>인라인 코드는 이렇게 작성해요.</code>
👉 결과</p>
<p>인라인 코드는 이렇게 작성해요.</p>
<ol start="7">
<li>여러 줄로 된 코드 블럭
백틱(｀)을 세 개 사용하여 작성할 수 있습니다.</li>
</ol>
<p>✍ 마크다운 작성 시</p>
<p>```　
위 아래 3개로 감싸면 블럭으로 만들 수 있어요.</p>
<p>```　
👉 결과</p>
<p>위 아래 3개로 감싸면 블럭으로 만들 수 있어요.
🧐 코드 하이라이트
✍ 마크다운 작성 시</p>
<p>```아래와 같이 백틱 3개 뒤에 언어 이름을 넣어주세요.</p>
<p>```javascript
let sumNumbers = (firstNum, lastNum) =&gt; {
  return firstNum + lastNum;
};
sumNumbers(100, 200);</p>
<p>```　</p>
<p>```python
num_list = [&#39;one&#39;, &#39;two&#39;, &#39;three&#39;]
for num in num_list:
  print(num)</p>
<p>```　
👉 결과</p>
<p>let sumNumbers = (firstNum, lastNum) =&gt; {
  return firstNum + lastNum;
};
sumNumbers(100, 200);
num_list = [&#39;one&#39;, &#39;two&#39;, &#39;three&#39;]
for num in num_list:
  print(num)
🎨 코드 블럭 색 변경
(+ 2019-09-26 추가)</p>
<p>작성하기 클릭 ➜ 추가설정 ➜ 코드블록 테마 선택 에서 변경하실 수 있습니다.</p>
<ol start="8">
<li>링크(link)
인라인 링크와 url 링크, 참조 링크로 나타낼 수 있습니다.</li>
</ol>
<p>✍ 마크다운 작성 시</p>
<p>인라인 링크는 아래처럼
<a href="https://velog.io/">인라인 링크</a></p>
<p>url 링크는 아래처럼
<a href="https://velog.io/">https://velog.io/</a></p>
<p>참조 링크
[velog]:(<a href="https://velog.io/">https://velog.io/</a>)
👉 결과</p>
<p>인라인 링크는 아래처럼
velog</p>
<p>url 링크는 아래처럼
<a href="https://velog.io/">https://velog.io/</a></p>
<p>참조 링크는</p>
<ol start="9">
<li>수평선</li>
</ol>
<p>*이나 -, _ 등을 3개 이상 입력하면 작성할 수 있습니다.
띄어쓰기를 중간에 삽입하여도 가능합니다. 다만, 하이픈-은 헤더로 인식할 수도 있으니 주의해서 사용할 필요가 있습니다.</p>
<p>✍ 마크다운 작성 시</p>
<hr>
<hr>
<hr>
<p>👉 결과</p>
<ol start="10">
<li>이미지 링크
이미지 링크는 아래와 같이 작성할 수 있습니다.</li>
</ol>
<p>✍ 마크다운 작성 시</p>
<p>![이미지 설명](이미지 링크)
<img src="https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg" alt="고양이애옹">
👉 결과</p>
<p>만약 이미지에 링크를 걸고 싶을 경우에는 아래와 같이 작성합니다.</p>
<p>✍ 마크다운 작성 시</p>
<p>[![이미지 설명](이미지 링크)](연결하고자하는 url &quot;마우스 오버 시 나타낼 링크 title&quot;)
[<img src="https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg" alt="고양이애옹">](<a href="https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg&quot;%EC%9D%B4%EB%AF%B8%EC%A7%80">https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg&quot;이미지</a> 무료 사이트 pixabay&quot;)
👉 결과</p>
<p>(+ 2019-10-03 추가)
이미지 크기는 10MB 이하만 가능합니다. (gif 포함)
사이즈 조절과 관련된 마크다운은 아직 적용이 되어있지 않은 것 같아요🙂</p>
<ol start="11">
<li>테이블(Table)
테이블은 아래와 같이 작성합니다.
| 로 구분하며, &lt;4. 폰트 스타일&gt; 에서 이야기 했던 기본적인 스타일 적용이 가능합니다. 또한 -(하이픈)으로 구분된 곳 각각 왼쪽, 양쪽, 오른쪽에 :(세미콜론)을 붙일 경우 순서대로 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬이 가능합니다.</li>
</ol>
<p>✍ 마크다운 작성 시</p>
<table>
<thead>
<tr>
<th align="left">드라마 제목</th>
<th align="center">주연 배우</th>
<th align="right">방영일</th>
</tr>
</thead>
<tbody><tr>
<td align="left"><strong>호텔 델루나</strong></td>
<td align="center">이지은, 여진구</td>
<td align="right"><del>2019.07.13. ~ 2019.09.01.</del></td>
</tr>
<tr>
<td align="left">타인은 지옥이다</td>
<td align="center">임시완, 이동욱, 이현욱, 이정은</td>
<td align="right">2019.08.31. ~</td>
</tr>
<tr>
<td align="left">멜로가 체질</td>
<td align="center">천우희, 안재홍, 전여빈, 공명</td>
<td align="right">2019.08.09. ~</td>
</tr>
<tr>
<td align="left">👉 결과</td>
<td align="center"></td>
<td align="right"></td>
</tr>
</tbody></table>
<p>드라마 제목    주연 배우    방영일
호텔 델루나    이지은, 여진구    2019.07.13. ~ 2019.09.01.
타인은 지옥이다    임시완, 이동욱, 이현욱, 이정은    2019.08.31. ~
멜로가 체질    천우희, 안재홍, 전여빈, 공명    2019.08.09. ~
12. 체크박스(Check Box)
-, *, + 뒤에 띄어쓰기 후 대괄호를 넣어 작성해주세요. 대괄호안에 띄어쓰기를 하면 빈 체크박스, x를 넣으면 체크된 체크박스가 생깁니다.</p>
<p>✍ 마크다운 작성 시</p>
<ul>
<li><p><input disabled="" type="checkbox">  운동 하기</p>
</li>
<li><p><input checked="" disabled="" type="checkbox">  강의 듣기
👉 결과</p>
<p>운동 하기
강의 듣기</p>
</li>
</ul>
<ol start="13">
<li>이모지🤗
(+ 2019-09-26 추가)
작성된 글 중간중간에 보이는 이모지는 트위터 이모지입니다.
<a href="https://kr.piliapp.com/twitter-symbols/">https://kr.piliapp.com/twitter-symbols/</a>
아래 주소의 트위터 이모지를 복사 ➜ 붙여넣기 해서 사용하시면 됩니다.</li>
</ol>
<p>단축키
window10: 윈도우 키 + 마침표(.)
mac: Command + Control + 스페이스 바</p>
<ol start="14">
<li>글자 색상
(+ 2020-04-10 추가)
html 태그를 이용하여 작성이 가능합니다.</li>
</ol>
<p>✍ 마크다운 작성 시</p>
<p><span style="color:red">red</span>
<span style="color:#d3d3d3">#d3d3d3</span>
<span style="color:rgb(245, 235, 13)">rgb(245, 235, 13)</span>
👉 결과
red
#d3d3d3
rgb(245, 235, 13)</p>
]]></description>
        </item>
    </channel>
</rss>