2024. 9. 23. 19:06ㆍ부트캠프
### 마크다운(Markdown)이란?
**마크다운(Markdown)**은 텍스트 기반의 마크업 언어로, 문서 작성 시 간단한 텍스트로 스타일을 지정할 수 있도록 돕는 도구입니다. HTML, LaTeX 등의 복잡한 마크업 언어보다 훨씬 직관적이고 가벼워, 블로그 글쓰기, 문서화, 소스 코드의 README 파일 등에 자주 사용됩니다.
### 왜 마크다운이 필요할까?
1. **간단하고 직관적임**: 마크다운은 복잡한 마크업 언어의 대안으로, 간단한 기호로 텍스트를 꾸미고 서식을 적용할 수 있습니다.
2. **가독성 높음**: HTML 태그와 같은 복잡한 코드 없이도 내용을 쉽게 읽을 수 있어, 개발자와 비개발자 모두가 빠르게 이해할 수 있습니다.
3. **호환성**: GitHub, GitLab, Bitbucket과 같은 협업 플랫폼이나 많은 블로그 플랫폼에서 마크다운을 지원하여 파일을 쉽게 관리할 수 있습니다.
4. **경량화된 포맷**: .md 파일은 매우 가볍기 때문에 빠르게 로드되고, 네트워크 부하를 줄일 수 있습니다.
### 마크다운의 기본 문법
마크다운의 문법은 매우 간단하고 직관적입니다. 주요 문법을 소개하겠습니다.
#### 1. 제목(Heading)
제목은 `#` 기호로 작성합니다. `#`의 개수에 따라 제목의 레벨을 지정할 수 있습니다.
```markdown
# 제목 1
## 제목 2
### 제목 3
```
#### 2. 목록(List)
- 순서 없는 목록: `-`, `*`, `+`로 표현합니다.
- 순서 있는 목록: 숫자와 점(.)을 사용합니다.
```markdown
- 순서 없는 목록 1
* 순서 없는 목록 2
+ 순서 없는 목록 3
1. 순서 있는 목록 1
2. 순서 있는 목록 2
```
#### 3. 굵은 글씨(Bold)와 기울임 글씨(Italic)
- 굵은 글씨: `**` 또는 `__`로 감쌉니다.
- 기울임 글씨: `*` 또는 `_`로 감쌉니다.
```markdown
**굵은 글씨**
*기울임 글씨*
```
#### 4. 링크(Links)와 이미지(Images)
- 링크: `[텍스트](URL)` 형식으로 작성합니다.
- 이미지: `` 형식으로 작성합니다.
```markdown
[Google](https://www.google.com)

```
#### 5. 코드(Code)와 코드 블록(Code Block)
- 인라인 코드: `` `코드` `` 처럼 사용합니다.
- 코드 블록: 백틱(````) 3개로 감쌉니다.
```markdown
`console.log('Hello World');`
```
```markdown
```
function hello() {
console.log('Hello World');
}
```
```
#### 6. 인용(Blockquote)
`>`를 사용하여 인용문을 작성합니다.
```markdown
> 이것은 인용문입니다.
```
#### 7. 수평선(Horizontal Line)
`---`, `***`, `___`으로 수평선을 만듭니다.
```markdown
---
```
### .md 파일의 구성과 활용
`.md` 확장자는 마크다운 파일의 확장자로, 마크다운 형식으로 작성된 문서 파일을 의미합니다. 이 파일은 간단한 텍스트 편집기나 코딩 에디터에서 작성할 수 있으며, 다양한 플랫폼에서 손쉽게 읽고 변환할 수 있습니다.
#### 활용 예시:
1. **개발 프로젝트의 README 파일**: 대부분의 오픈소스 프로젝트에서는 README.md 파일을 사용해 프로젝트 설명, 사용법, 설치 가이드 등을 문서화합니다.
2. **블로그 포스트**: 많은 블로그 플랫폼이 마크다운을 지원해, 간단하게 포스트를 작성하고 포맷을 적용할 수 있습니다.
3. **기술 문서 작성**: API 문서, 개발 가이드 등을 마크다운으로 작성하여 관리할 수 있습니다.
4. **노트 작성**: 마크다운의 간결한 문법을 활용해 개인 노트를 효율적으로 관리할 수 있습니다.
### 마무리
마크다운은 간단한 문법으로 서식을 적용할 수 있는 유용한 도구입니다.
'부트캠프' 카테고리의 다른 글
계산기 웹사이트 만들기 - HTML, CSS, JS (0) | 2024.10.15 |
---|---|
Javascript 자바스크립트 기본 문법 (2) | 2024.10.11 |
HTML / CSS (0) | 2024.10.07 |
Git/Github 사용법 (2) | 2024.10.07 |
온보딩 프로젝트 - 무료 샘플 배포 플랫폼 (2) | 2024.09.28 |