Hello MARKDOWN
Hello MARKDOWN
Hello MARKDOWN!
우선 본 글에 앞서 오늘 포스팅에 참고를 한 블로그 및 사이트를 나열한다.
마크다운, 왜 쓰는가?
우선, 내가 마크다운에 관심을 보이는 이유는 단순히 개발자가 많이 쓴다 들어 배워서 손해는 없겠다 싶어서이다.
마크다운을 사용하는 이유에 대해 검색을 조금 거친 결과, 다음과 같은 공통점이 있다.
쉽고(문법이), 가볍고(용량이), 다양성이 있다(범용성이 넓음)
더 검색하고 알게 된 사실
html코드도 가끔씩 적용을 할 수 있다- 여기서 작성된
markdown문서는 인터넷 상에서는html문서로 번역되어 나온다
앞서 작성하기전에, 오랜만에 html을 다루다 보니 html의 개념이 헷갈려서 잘못 설명한 것이 있을 수도 있다.
필자가 더 열심히 공부하면서 지속적으로 업데이트 해나가겠다 :sob:
제목을 넣는 방법
효과 : html의 각각 <h1> ~ <h6> 와 같이 사용할 수 있다.
관련 html 태그 : <h1> ~ <h6>
markdown 상에서는 다음처럼 작성한다.
1
2
3
4
5
6
7
8
9
10
11
# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6
또한, <h1>와 <h2> 는 이렇게도 사용할 수 있다.
1
2
3
# 제목 1
## 제목 2
생각 : 개인적으로 <h1>와 <h2>는 코드의 구분을 위해 이렇게 쓰는 방법이 코드의 가독성을 올려줄 것 같아 앞으로 자주 쓰지 않을까 싶다.
링크를 넣는 방법
효과 : <a>와 유사하게 링크를 표현한다
관련 html 태그 : <a>, <a href>
markdown
1
2
3
4
5
6
[제목](링크)
[제목](링크 "설명") //커서를 링크에 가져다놓으면 설명이 보인다
[제목](참조)
[참조]: 링크
[참조]: 링크 "설명"
결과
Google
Google with desc
[Naver]: naver.com
[Naver with desc]: naver.com “네이버로 이동합니다”
의견 : 참조는 아직 이해가 잘 안된다.. 어떻게 쓰는거지
코드 강조 하는 방법
효과 : \`로 표현하고 싶은 코드를 감싸면 문서에서 코드를 강조할 수 있다.
관련 html 태그 : <code>
markdown 문법
1
2
`<h1>`
`<br>`
결과
<h1> <br>
코드 블록 작성법
효과 : 포스팅에 코드블록을 표시할 수 있다
관련 html 태그 : <code>, <pre>
markdown 문법
1
2
3
4
5
6
7
8
9
```언어이름
내용
```
```언어이름
내용
```
// 만약 코드 블럭 안에서 `백틱을 쓰고 싶다면, 블럭을 만들 때의 백틱 보다 더 많은 백틱으로 감싸면 블럭 안에서 백틱을 사용 할 수 있다.
결과
1
<a href="www.github.io">Go to Github</a>
유용하다고 생각하는 몇가지만을 정리해보았다.
앞으로도 지속적으로 업데이트 할 예정!
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.