마크다운 (Markdown)

오늘은 마크다운에 대해 알게되어 간단하게나마 적어보려고한다.

 

Tistory에서는 마크다운언어가 잘 표현되지 않지만(구글링하니 html, css 스킨 적용 및 마크다운 언어 작성 후 html 모드로 변경 한 후 일부 편집 과정을 가지면 표현 가능) 꼭 쓸 줄 알아야 하는 것으로 생각된다.

 

마크다운(Notion, Mattermost, GitHub)에서도 다양하게 쓰인다.

Visual Studio Code 에서 Markdown으로 설정해주고 제작하면 미리보기도 가능하다.

 

나는 옛날엔 VSCode도 코딩인가? 싶었는데, 아차차~ 저는 html 코딩해요~ 랑 비슷한 말이라고 하더라. 정확히는 코드 편집기 정도로 보면 될 것 같다. 파이썬으로는 크게 와닿지 않았는데, 미리보기 기능을 제공하는 것은 거의 없기때문에 마크다운 같은 결과물을 보면서 하는 방법으로 효과적인 시간을 아낄 수 있다.

---

제목 및 리스트

# 제목

글의 제목처럼 가장 큰 글씨

## 부제목

제목보단 작은 글씨

### 부부제목

부제목의 소제목 크기의 글씨

**띄어쓰기는 스페이스바 두번

엔터 한번

백스페이스 한번 (백스페이스 = 스페이스바 2번)

 

1. 순서가

    1. 있는

2. 리스트

머리 숫자 리스트를 표현한다

- 순서가

    - 없는

- 리스트

일반적인 머리 리스트

Horizontal line / Bold / Italic / Strikethrough / CodeBlock

"---"

라인을 그어 나누는 역할을 한다

**굵게**

글씨를 굵게 만든다

*기울임*

글씨를 기울인다

~~취소선~~

글씨에 취소선이 생긴다

```

python

python

print("Hello")

```

코드블럭을 의미한다

 

` 글자 `

코드블럭 단어를 표현할 수 있다

ex) `1*2*3`

---

링크 및 이미지 추가

사진으로 가져와서 누르면 링크이동이 되지 않지만 '백준'의 파란 글씨와 아래의 백준 로고를 누르면 저장된 링크로 이동하게 된다

링크 : [백준](https://www.acmicpc.net)

 

앞 [] 안에 나타낼 글자와 뒤 () 사이에 도메인을 넣어준다

이미지 : 

이미지를 불러들여올때는 !을 앞에 붙이고 [] 보이지 않는 제목, () 이미지 파일의 경로를 넣어준다

그림에 링크 넣기

 

<a href="https://www.acmicpc.net">

<img src ="https://d2gd6pc034wcta.cloudfornt.net/images/logo@2x.png"></a>

 

<a로 열고 </a>로 닫아주며 접속링크는 href ="도메인", 이미지 링크는 <img src ="도메인"> 으로 편집해주면 된다.

해당 이미지 처럼 자동으로 이동할 수 있다

 

백준에 대해 개인적인 이야기를 해보자면, 어제까지만해도 '백준'이 사람 이름인지 몰랐다.. 백점 준비의 준말 정도로 생각하고 있었는데, 강사님이 '백준씨랑 아는 사이다' 라고 하면서부터 ??? 싶었다. 지금은 코드트리를 풀고있고, 언젠간 백준도 풀고 티어도 올리러 갈것이지만 이름인지도 몰랐다는 것은 쪽팔렸다. 친구들이 얼마나 이상하게 봤을지 ㅎ..ㅎ