본문 바로가기

Programming/Web 개발

마크다운 작성하기 (README.md 작성)

마크다운에 관한 기본 개념은 아래 사이트에서 매우 자세하게 튜토리얼을 통해 학습하실 수 있습니다.
https://www.markdowntutorial.com/

 

Markdown Tutorial

Markdown is a way to write content for the web. It’s written in what people like to call “plaintext”, which is exactly the sort of text you’re used to writing and seeing. Plaintext is just the regular alphabet, with a few familiar symbols, like asterisks (

www.markdowntutorial.com

마크다운은 일반 텍스트 문서를 편집하는 양식 중 하나로, 웹상에서 글을 쓰는 사람들에게 편리함을 제공한다.
일반적으로 GitHub에서 README.md를 수정 및 작성하는 용도로도 많이 이용된다.

1. Italic체, 기울임
_나는 기울어졌다_
>> 나는 기울어졌다

2. bold체, 강조
**나는 강조됐다**
>> 나는 강조됐다

3. Italic & blold체, 기울이면서 강조
**_나는 기울이면서 강조됐다_**
>> 나는 기울이면서 강조됐다

4. Header 태그,
# 개수로 헤더 태그를 조정할 수 있다.

#나는 h1이야
(in html) <h1>나는 h1야</h1>
##나는 h2야
(in html) <h2>나는 h2야</h2>
######나는 h6야
(in html) <h6>나는 h6야</h6>

5. link, 하이퍼링크
[]()를 통해서 설정할 수 있다.
[이 안에 링크를 걸 문장을 쓰고] (이 안에 링크 주소를 쓴다.)
[나의 블로그](https://kjwan4435.tistory.com)
(in html) <a href ="https://kjwan4435.tistory.com">나의 블로그</a>
>> 나의 블로그

6. reference link, 변수처럼 링크를 할당해줄 수 도 있음.
[][] []:사이트명 과 같은 형태로 사용한다.
ex)
Do you want to [see something fun][a fun place]?
Well, do I have [the website for you][another fun place]!
[a fun place]: www.zombo.com
[another fun place]: www.stumbleupon.com
>>
Do you want to see something fun?
Well, do I have the website for you!

7. image tag, 이미지 태그
![alt값](image링크)
ex1) ![A pretty tiger](https://upload.wikimedia.org/wikipedia/commons/5/56/Tiger.50.jpg)
ex2)
![A pretty tiger][tiger]
[tiger]: https://upload.wikimedia.org/wikipedia/commons/5/56/Tiger.50.jpg

8. Blockquotes, 인용구
>인용하고 싶은 어구

9. List화 
*: unordered list (순서 없는 리스트)
1. : ordered list (순서 있는 리스트)
*
 * : list 안에 unordered list
 1. list 안에 ordered list
*
(한 줄 띄우고)
 쓰려는 문단:  list안에 list마크 없이 문단 작성

10. Paragraphs, 문단 사이 간격
그냥 엔터: 문단 사이 간격이 큼
스페이스 두번: 문단 사이 간격 글꼴만큼 유지

마크다운