마크다운 사용법 (with. ChatGPT 3.5)

기술을 설명하마!·2024년 3월 6일
0

기타

목록 보기
1/1

velog를 쓰고 싶은데, 위의 메뉴 외에 더 잘 사용하고 싶다.
하지만 여기의 메뉴얼로는 부족하고, 개발자처럼 마크다운에 익숙하지 않으면 사용이 쉽지 않다. 그래서 ChatGPT 3.5를 활용해보았다. 만약에 기본을 알고 있다면, 마지막은 ChatGPT가 알려주지 않은 부분을 작성하였기에 마지막만 보셔도 좋습니다.


마크다운은 텍스트 기반의 마크업 언어로, 2004년 존 그루버에 의해 만들어졌습니다. 이 언어는 쉽게 쓰고 읽을 수 있으며 HTML로 변환할 수 있습니다. 깃헙 저장소의 README.md와 같이 간결하게 설치 방법, 소스 코드 설명, 이슈 등을 기록하고 가독성을 높일 수 있습니다. 마크다운의 장단점은 다음과 같습니다:

장점:
1. 간결함: 간단한 구조의 문법을 사용하여 빠르게 컨텐츠를 작성할 수 있습니다.
2. 별도의 도구 없이 작성 가능: 특별한 도구 없이 텍스트로 작성할 수 있습니다.
3. 다양한 형태로 변환 가능: 다양한 형식으로 변환할 수 있어 유연하게 활용할 수 있습니다.
4. 용량이 적어 보관이 용이: 텍스트 파일로 저장되기 때문에 용량이 적습니다.
5. 버전 관리 가능: 텍스트 파일이므로 버전 관리 시스템을 이용하여 변경 이력을 관리할 수 있습니다.
6. 다양한 프로그램과 플랫폼 지원: 여러 프로그램과 플랫폼에서 사용할 수 있습니다.

단점:
1. 표준이 없음: 표준이 없어 도구에 따라 변환 방식이나 생성물이 다를 수 있습니다.
2. 모든 HTML 마크업을 대신하지 못함: 모든 HTML 요소를 대체하지는 못합니다.


사용법

1. 제목

제목1

제목2

제목3

제목4

[mark down]

# 제목1
## 제목2
### 제목3
#### 제목4

2. 항목

  1. 순서가 있는 항목 1
  2. 순서가 있는 항목 3
  3. 순서가 있는 항목 5
    1. 순서가 있는 소항목 1
    2. 순서가 있는 소항목 3
    3. 순서가 있는 소항목 5
[mark down]

1. 순서가 있는 항목 1
3. 순서가 있는 항목 3
5. 순서가 있는 항목 5
[tab] 1. 순서가 있는 소항목 1
      3. 순서가 있는 소항목 3
      5. 순서가 있는 소항목 5

Auto-numbering 가능

3. 강조

이텔리체
볼드

[mark down]
*이텔리체*
**볼드**

4. 링크

google

[mark down]
[google](https://www.google.com)

5. 이미지

구글이미지

[mark down]
![구글이미지](https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png)

6. 인용문

인용문

[mark down]
>인용문

7. 코드

abc inline code

code block
[mark down]
```abc``` inline code
\```
code block
\```

8. 수평선


[mark down]
---

9. 표

항목
ab
[mark down]
|항목|값
|---|---|
|a|b|

10. 특수 문자

```abc``` inline code not block

[mark down]
\```abc``` inline code not block

ChatGPT 3.5가 알려주지 않은 것들

  • 수평선은 --- 외에도 *** 도 가능하다.
  • 줄 바꿈은 <b> 로 가능하다.
  • 강조 이텔릭이나 고딕은 * 이 아닌 _ 로도 가능하다.
  • 강조에서 취소선은 ~~취소문구~~ 사용한다.
  • 인용은 > 최대 3 depth를 만들 수 있다.
  • *, +, - 를 이용하여 마크다운의 순서가 없는 항목을 달리 만들 수 있다 (velog 불가)
  • 이미지 태그를 이용하여 <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" width="100px" /> 사이즈 조절이 가능하다.
  • < 이메일 주소 > 로 이메일 링크가 가능하다.
  • code block의 경우 스페이스 4칸으로도 대체가 가능하다.
  • ```[사용 언어 입력] 코드 블럭 ``` 시 syntax color 가 적용된다.
  • - [x] 입력 시 체크리스트가 작성된다. 반대는 -[ ] 이다.
  • 표는 정렬이 가능하며, |:---| 왼쪽 정렬, |:---:| 오른쪽 정렬, |:---:| 가운데 정렬이다. 마크다운 표는 간단하게 마크다운으로 만들어주는 사이트도 존재한다.
  • 색상을 입히는 법
    빨간색 <span style="color:red">빨간색</span>
    노란색 형광 <span style="background-color:#fff5b1">노란색 형광</span>
    초록색 형광 <span style="background-color:#dcffe4">초록색 형광</span>
    하이라이트빨강, 글자색 흰색 <span style="color:white; background-color:red">하이라이트빨강, 글자색 흰색</span>

0개의 댓글

관련 채용 정보