공부한 것을 정리하는 방법으로 기존에는 github에 TIL repository를 이용했었다. 그리고 지금부터는 velog에 공부한 것을 정리해나가려 한다 ! ( 화이팅..🔥 )
두 방법 모두 markdown을 이용하여 글을 작성했다. 이 참에 앞으로 헷갈리는 것이 있을 때 다시 구글링 할 것이 아니라 내 글을 보자는 마음가짐으로 마크다운 주요 문법을 정리해보고자 한다 !
내가 자주 사용하는 것 위주로 우선 작성해보고, 앞으로 새롭게 구글링하게 된 것들을 추가하고자 한다 !
제목
# 1개부터 6개까지 이용해서 표현할 수 있다.
1개와 2개로 표현하는 가장 큰 제목 두 개는 아래에 가로선으로 강조된다.
강조
- 이탤릭체 : _ ( 언더바 ) 를 앞뒤에 붙여 사용한다. ex ) 예시
- 두껍게 : __ ( 언더바 ) 두 개를 앞뒤에 붙여 사용한다. ex ) 예시
- 취소선 : ~~ ( 물결표시 ) 두 개를 앞뒤에 붙여 사용한다. ex )
예시
- 밑줄 : \\ 태그를 통해 사용한다. ex ) 예시
( 위의 것들은 모두 같이 사용 가능하다. )
리스트
- 순서가 필요한 목록 : 숫자로 표현한다.
- 순서가 필요하지 않은 목록 : - ( 대시 ), * ( 별 ), + ( 더하기 ) 로 표현한다.
- 서브 목록 : Tab ( 들여쓰기 ) 로 표현한다.
링크
- 일반 링크 : [ 보여지는 글자 ]( 실제 링크 )
- 링크 설명 : [ 보여지는 글자 ]( 실제 링크 "링크 설명 - Mouse On 시에 나타나는 문구")
- 상대 참조 : [ 보여지는 글자 ]( 상대 주소 ex > \users\login )
- 참조 태그 : [ 보여지는 글자 ][ 참조 태그 ]
[ 참조 태그 ] : 실제 링크
- 일반적인 URL : \< 실제 링크 >
- 문서 내 링크 : [ 보여지는 글자 ]( #이동할 제목 이름 )
이미지
위의 링크 방식과 유사하다. 단지, 앞에 ! 가 붙는다.
-
일반 이미지 : ![ 대체 텍스트 ]( 이미지 링크 )
-
이미지 설명 : ![ 대체 텍스트 ]( 이미지 링크 "이미지 설명 - Mouse On 시에 나타나는 문구")
-
이미지 참조 태그 : [ 보여지는 글자 ][ 참조 태그 ]
[ 참조 태그 ] : 실제 이미지 링크
-
이미지와 링크 중첩 가능 > 이미지에 링크를 다는 결과가 된다.
코드
```를 적고 코드 종류를 적고, 다시 ```로 닫아 사용한다.
- 코드 종류 예시 : javascript, python, bash 등
테이블
- | 문자로 열을 구분한다.
- --- 문자로 헤더를 구분한다.
- : 문자로 정렬을 표현한다.
- 왼쪽 정렬 : :---
- 오른쪽 정렬 : ---:
- 가운데 정렬 : :---:
인용문
- > 를 사용하여 표현한다.
- 중복하여 사용하면 중첩 인용문을 표현한다.
가로선
- --- ( 대시 ), *** ( 별 ), ___ ( 언더바 ) 각 기호를 세 개 이상 입력하여 표현한다.