마크다운 (240523)

Sseul·2024년 5월 23일
6

TIL

목록 보기
14/17
post-thumbnail

🎉 오늘 한 일

☑️ 스터디 결성 후 팀원들과 회의
☑️ JS 객체 공부
☑️ 리액트 count 연습

💡 새로 알게 된 것

마크다운
마크다운(markdown)은 일반 텍스트 기반의 경량 마크업 언어다.
일반 텍스트로 서식이 있는 문서를 작성하는 데 사용됩니다.
일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이며 HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용됩니다.


1. 제목

제목(Heading)은 굵고 큰 글씨로 주제목, 부제목 등 제목을 설정할 때 사용합니다. '#' 바로 뒤에 띄어쓰기를 하면 제목으로 인식합니다. ' #'의 갯수에 따라서 제목, 부제목 순으로 작은 단위로 변합니다. 총 6개까지 할 수 있습니다.

# h1
## h2
### h3
#### h4
##### h5
###### h6

2. 수평선(Horizontal Line)

글을 분리할 때 사용하는 수평선입니다. 보통은 --- 또는 *** 을 많이 사용합니다.

---
***
*************
-----------------------
- - - 
* * *

주의할 점은 '---'을 이용한 수평선은 윗줄에 문자가 있으면 주제목('#')처럼 인식한다는 점입니다.

# 제목입니다.

제목입니다.
---

3. 목록(List)

목록은 나열할 때 많이 사용됩니다. 순서가 없는 목록과 순서가 있는 목록으로 나뉩니다.

순서가 없는 목록

순서가 없는 목록은 -, * ,+ 다음에 띄어쓰기 하고 내용을 적으면 됩니다. 옵시디언에서는 목록을 인식하기 때문에 엔터를 치면 다음 항목도 저절로 - 가 입력됩니다. 한 단락 들여쓰기를 하고 싶다면 Tab을 눌러서 들여쓸 수 있습니다.

순서가 있는 목록

순서가 있는 목록은 숫자를 적고 . 마침표를 찍은 뒤에 띄어쓰기 후 내용을 적으면 됩니다. 마찬가지로 옵시디언에서 순서 있는 목록으로 인식하기 때문에 엔터를 치면 저절로 숫자가 증가됩니다. 중간에 다른 숫자를 쓰더라도 미리보기(프리뷰)모드에서는 숫자를 위에서부터 순서대로 인식하게 됩니다.

4. 체크박스(Checkbox)

할 일 등을 표시할 때 사용되는 체크박스를 쉽게 적을 수 있습니다. - [ ] 마이너스 기호, 대괄호 기호와 띄어쓰기 입력 후 내용을 적으면 됩니다. 주의할 점은 대괄호 안에도 띄어쓰기를 해야한다는 점입니다. 대괄호 안에 x를 입력하면 완료한 항목을 나타냅니다. 옵시디언에서는 미리보기 모드에서 마우스로 클릭해서 완료표시할 수 있습니다.
꽤 자주 사용하는 항목으로 옵시디언에서는 단축키로 제공합니다. 단축키는 Ctrl/Cmd + Enter 입니다.

5. 강조 및 취소선

문장 또는 단어를 강조하거나 취소선을 그을 때 사용합니다. *, _, =, ~을 이용해서 아주 간단하게 할 수 있습니다.

이탤릭

*단어 또는 문장*
_단어 또는 문장_

이탤릭은 글자를 기울이면서 단어 또는 문장을 강조합니다. * 또는 _를 1개씩 원하는 곳 앞 뒤에 적어 적용시킬 수 있습니다.

굵게
**단어 또는 문장**
"굵게"는 단어 또는 문장을 굵게 처리해 강조합니다. ** 를 원하는 곳 양 쪽에 적어 사용합니다.

하이라이트
==단어 또는 문장==
단어 또는 문장에 하이라이트(형광펜)처리를 해서 강조합니다. 원하는 곳 앞 뒤에 == 을 적어 사용합니다.

취소선
~~단어 또는 문장~~
단어 또는 문장 중간에 가로선을 그어 취소를 나타낼 수 있습니다. 앞 뒤에 물결 표시인 ~~ 을 붙여서 사용합니다.

6. 표(Table)

놀랍게도 마크다운을 이용해서 표를 만들 수 있습니다. ( | )와 ( - )를 이용해서 빠르게 표를 만들 수 있습니다. 이 기호들로 셀을 하나씩 만든다고 생각하면 편합니다. 첫번째 행은 행 제목을 입력합니다. 두번째행은 구분하는 행입니다. | 사이에 --- 을 입력합니다. 이 때 -의 갯수는 중요하지 않습니다. | 와는 한 칸씩 떨어져있어야 합니다. 두번째 행에서 콜론 기호( : )를 이용해서 으로 왼쪽, 가운데, 오른쪽 정렬을 할 수 있습니다.

| 첫번째 열                    |           오른쪽 정렬 | 왼쪽 정렬        |     가운데정렬     |
| ---------------------------- | ---------------------:|:---------------- |:------------------:|
| \| 사이에 내용을 입력합니다. | 오른쪽 정렬이 됩니다. | 왼쪽 정렬입니다. | 가운데 정렵입니다. |
| 한줄 더 추가할 수 있습니다.  |                       |                  |                    |

7. 이미지(Image)

이미지를 문서에 넣을 때 사용합니다. 사용방법은 링크와 유사합니다.사진 제목과 이미지 주소를 대괄호와 소괄호에 입력합니다. 그리고 맨 앞에 !를 붙입니다.특이한 점은 인터넷 상의 이미지는 다운로드를 받지 않고 이미지 주소를 복사해서 넣어도 됩니다.내 컴퓨터에 있는 이미지를 사용하는 경우에는 절대경로 또는 상대 경로를 입력합니다.

![제목](이미지 주소)

🤔 하루 돌아보기

오늘 스터디가 결성되었는데 튜터님께서 체크해주시고 또 스터디원들과 리액트 뿌시기로 다짐했다. 해야할 건 많지만 우선순위를 잘 정해서 하나씩 하나씩 해보자.

📝 내일 할 일

□ 개인과제 50% 완성하기
□ Todo list 완성하기

🔗출처 : https://olait.tistory.com/46

profile
웹 프론트엔드(React) 주니어 개발자 준비중입니다

8개의 댓글

comment-user-thumbnail
2024년 5월 23일

마크다운 고수 슬기님!!

1개의 답글
comment-user-thumbnail
2024년 5월 23일

슬기님께 마크다운 어떻게 작성하면 좋을지 배워야겠어용 ㅎㅎ
오늘도 정말 수고 많으셨습니다 !!

1개의 답글
comment-user-thumbnail
2024년 5월 24일

그냥 본캠도 할 거 왕 많은데 스터디까지.. 멋있어요 🦕 아자~!

1개의 답글
comment-user-thumbnail
2024년 5월 24일

어멋 개인과제 50%완성하기라니... 슬기님 화이팅..!

1개의 답글