카테고리 없음

마크다운(MarkDown) 사용법 공부

려낭 2024. 5. 16. 22:57

팀원들과 어쩌다가 보니 스터디를 같이 하게 되어 

튜터님이 알려주신 깃허브로 스터디 내용을 공유하기로 하였다.

그래서 마크다운 사용법에 대해 간단하게 익혀보려고 한다!

 

마크다운의 각 문법은 HTML로 변환되어 CSS와 함께 출력되기 때문에

화면에 표시되는 모양이 사용하는 스타일 구성에 따라 달라진다.

그래서 눈에 보이는 대로가 아닌 문법의 의미에 맞게 사용해야 하므로 같이 공부해 보자.!


 

  • 문법

<h1>, <h2>, <h3> 등을 대신하여

#, ##, ### 이렇게 표기하고 하나의 마크다운 파일에서는 하나의 <h1>(대제목)만 사용해야 한다

 

또한 

<h1>과 <h2>는

 

제목 1

=======

제목 2

------

이렇게도 표기한다고 한다.

 

  • 강조

<em>(기울임), <strong>(두꺼움), <del>(취소선) 등의 강조를 표현하는 마크다운 표현법은

기울임 >> * 내용* 혹은 _내용_ 를 사용하면 된다.

두껍게 >> ** 내용 ** 혹은 __ 내용 __ 두 번씩 사용하면 된다.

취소선 >> ~~ 내용 ~~ 를 사용하면 된다.(물결)

<u> 밑줄 </u>은 마크다운에서 지원하지 않음으로 직접 <u></u> 태그를 사용하자!

 

 

  • 목록

<ol>, <ul>, <li> 태그로 변환되는 목록(list)을 표현해 보자!

 

1.로 시작하는 항목을 작성하면 <ol>로 변환

- 로 시작하는 항목을 작성하면 <ul>로 변환된다.

 

(입력)

1. 안녕하세요

1. 안녕하세요

  1. 안녕하세요

 

-안녕하세요

 

(출력)

1. 안녕하세요

2. 안녕하세요

  1. 안녕하세요

 

  • 안녕하세요