velog를 사용하면서 알게된 Markdown Syntax와 HTML Tags들을 정리해놓는 곳
새로운 내용을 알게될 때마다 업데이트할 예정이다.

---

텍스트 효과

underline

• Markdown
  <u> u 태그를 사용하면 언더라인 효과를 줄 수 있습니다.</u>

• Result
  u 태그를 사용하면 언더라인 효과를 줄 수 있습니다.

인용문

• Markdown

> 인용문은 '>'를 사용해서 작성합니다.
>> ## 인용문 안에 헤더를 적용할 수도 있습니다.
>>> 인용문 안에 코드블럭을 삽입하는 것도 가능합니다.
>>><pre>
let arr = ['this', 'is', 'javascript', 'code', 'block'];
</pre>

• Result

  인용문은 '>'를 사용해서 작성합니다.

  인용문 안에 헤더를 적용할 수도 있습니다.

  인용문 안에 코드블럭을 삽입하는 것도 가능합니다.

  let arr = ['this', 'is', 'javascript', 'code', 'block'];
  

Table

• Markdown

  | default | left | center | right |
  | --- | :--- | :---: | ---: |
  | 기본설정 | 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬 |
  | 이런식으로 | 행을 | 추가할 수 | 있다 |
  

• Result

default	left	center	right	'---' 의
기본설정	왼쪽 정렬	가운데 정렬	오른쪽 정렬	개수는
이런식으로	행을	추가할 수	있다	무관하다

+표 자체를 가운데 정렬하는 방법은 아직 찾지 못했다(2021.01.30). 찾으면 추가할 예정

Image

• Markdown

![](URL) //이 경우에는 스타일을 조정할 수 없다. (혹시 방법을 알게된다면 추가하자.)

//img 태그를 사용하면 스타일을 마음대로 조절할 수 있다는 장점이 있다.
<img src="URL" style="..."/>

• Result

  첫번째 방법을 사용한 결과

  

  • 스타일(margin, width, height 등)을 조정할 수 없다.

  두번째 방법을 사용한 결과

  - 자유로운 스타일 적용이 가능하다. (`margin: 5px 0; width: 300px;` 적용한 결과)

구분선

• Markdown

   ---
   ***
   ___

• Result
  (구분선의 굵기 차이는 왜 때문인지 알 수가 없다 순서를 바꿔서 입력해봐도 똑같이 나온다.)

---

---

---

이모지

현재 Ubuntu를 사용하고 있기 때문에 윈도우나 Mac의 기본 이모티콘 사용법은 생략한다.
여기에서 다양한 이모지들을 쉽게 복사해올 수 있다.

😊 🦒 💜 🌟 🦌 🌻 📎 💡 📒 💯 🔗 🍎 🤔 🤪

수식 입력하기(LaTeX)

마크다운으로 수식을 입력하려면 수식의 시작과 끝을 $$로 감싸주면 된다.

• Markdown
  $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$$

• Result
  $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$

수식 내 윗 첨자, 아래첨자

수식에서 윗첨자를 표시하는 방법은 일반 마크다운과 똑같이 ^를 사용하면 된다.

• Markdown
  $$a^2 + b^2 = c^2$$

• Result
  $a^2 + b^2 = c^2$

하지만 (velog 기준) 아래첨자의 경우 <u>...</u>나 ~...~로는 아래첨자가 적용되지 않는다.
수식에서 아래첨자를 사용하려면 _{...}를 사용해주면 된다.

• Markdown
  $$x_{n} = x_{n-1} + n$$

• Result
  $x_{n} = x_{n-1} + n$

Formatting using TeX 문서에 수식입력에 대해 자세히 정리되어 있다. 간단한 방법은 위키독스를 참고해도 좋다.