Markdown 작성하기

Ginie·2021년 1월 11일
1

프로그래밍 기초

목록 보기
4/11
post-thumbnail

나만 몰랐던 마크다운 작성법 심화

솔직히 코드박스 라던지 두껍게, 이탈릭체, 취소선 이런 기본적인 것은 알고 있었다. 근데 벨로그를 시작하면서 더 예쁘고 보기 좋게 글을 쓰고 싶었고 그래서 인터넷에서 찾아봤다. 정말 무궁무진한 마크다운 작성법 한 번 알아보자!

<span></span> 먹히는줄 몰랐다.

하지만 마크다운도 프로그래밍 언어를 기반으로 하고 있었다는 사실! 어떻게 보면 정말 기본적인 것들로 맠다를 예쁘게 쓸 수 있었다...!

<span style='color: red'>빨간색 글씨</span>
const result = 빨간색 글씨

Wow.... 예쁘다...!

|--| 접기와 표만들기.

이건 좀 헤멨다...

<details>
<summary>접기/펼치기 버튼</summary>
<div markdown="1"> //접는 곳

|제목|내용|
|--|--|
|칸1|칸2|
|줄2|줄2|

</div>
</details>
접기! 펼치기!
제목내용
칸1칸2
줄2줄2
너무너무 멋진 맠다가 아닌가...!

맠다라고 하면 자꾸 리디북스 마크 다운 세일이 떠오른다...ㅎㅎ

강제 줄바꿈 </br>

줄바꿈은 글을 더 매끄럽게 읽기 위해 사용된다. 글을 더 강조하기 위해서도 사용된다. 하는 방법은 너무 쉽다. Html을 알면 더더욱 익히 알고 있는 </br>,&nbsp;,&#32;
const result = 줄바꿈
줄바꼈다!

구분선 ---

이건 좀 기초이긴 한데 혹시 모르시는(나^^) 분들을 위해
--- 이걸 쓰면!👇


목차 만들기!

글을 깔끔하게 보이기 위해 목차도 필수이다. 나는 잘 안쓰지만 이제부터 써보도록 하겠다.

#### 목차
-[Title](#title)
-[Title](#title)
-[Title](#title)

목차

-Title
-Title
-Title

이건 약간 링크 거는 거랑 비슷하다!

제일 알고 싶었던 형광펜 기능

벨로그에서는 안된다...ㅜㅜ

<span class="evidence">형광펜</span>

코드 강조

백틱 옆에 javascript 쓰면 강조가 된다. 모든 언어가 다 되는지 모르겠지만 일단 js는 된다

// ```javascript <- 이렇게 위에 백틱에 넣으면 
function md () {
  return 1 // 강조 된다
}
profile
느리지만 꾸준한 프론트엔드 주니어 개발자 🐢

0개의 댓글