패스트캠퍼스 챌린지 29일차 - Part 2. Markdown(1)

1. 개요

Github에 마크다운으로 문서를 작성할 수 있음.

장점 : 문법이 쉽고 간결 / 관리 쉬움 / 지원 가능한 플랫폼과 프로그램이 많음

단점 : 표준이 없음 / 모든 HTML 마크업을 대신하지 못함 (HTML으로 변환)

2. 제목, 문장, 줄바꿈

README.md 생성 (Github에서 이 이름 찾도록 설정되어 있기 때문)

VS Code 우측 상단 창분할+돋보기 모양 있는 아이콘 누르면 마크다운 미리보기 창 사용 가능!

제목 (Header)

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6

- HTML의 h1~h6 태그처럼 #의 개수가 많아질수록 중요도가 적은, 작은 제목을 표시한다.

- 이후에 띄어쓰기 권장

문장(Paragraph)

# 문장(Paragraph)
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세

# 줄바꿈(Line Breaks)
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려 강산<br/>
대한 사람 대한으로 길이 보전하세

별다른 기호 사용하지 않고 글자 쓰면 문장을 표시할 수 있다.

줄바꿈 방법

1. 띄어쓰기 2번 (환경에 따라 적용되지 않을 수 있음)
2. <br/>

3. 강조, 목록

# 강조(Emphasis)
_이텔릭_  
**두껍게**  
**_이텔릭 + 두껍게_**  
~~취소선~~  
<u>밑줄</u>

위와 같이 쓰면 글자를 강조할 수 있다.

# 목록 (List)
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    1. 순서가 필요한 목록
1. 순서가 필요한 목록

- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록

목록은 들여쓰기를 두번 하면 하위 목록이 작성된다.

순서가 있는 목록의 경우 1.만 써도 자동으로 순서에 맞게 번호가 달아진다.

4. 링크, 이미지

# 링크(Links)
GOOGLE  
[GOOGLE](<https://google.com>)

NAVER  
[NAVER](<https://naver.com> "NAVER로 이동!")

<a href="https://naver.com" title="NAVER로 이동!" target="_blank">NAVER</a>

[내용](링크) 형태로 링크를 표시할 수 있다.

[내용](링크 “텍스트”)로 hover 시 표시 될 텍스트도 작성 가능하다.

어디에서 창을 열 지 설정하는 target 기능은 마크다운에서 지원하지 않기 때문에 원시 HTML로 작성한다.

# 이미지(Images)
![]()
![코카콜라](<https://ssl.pstatic.net/melona/libs/1437/1437221/4216e508aaabc7b4a4b8_20230316203517865.jpg>)

[![NAVER](<https://ssl.pstatic.net/melona/libs/1437/1437221/4216e508aaabc7b4a4b8_20230316203517865.jpg>)](<https://naver.com>)

 형태로 이미지를 표시할 수 있다.

[](링크) 형태로 작성하면 이미지를 눌렀을 때 링크로 이동할 수 있다.

http://bit.ly/3Y34pE0

패스트캠퍼스 [직장인 실무교육]

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.