마크다운 초보자를 위한 가이드: 시작하기 위해 알아야 할 모든 것

목차

• 마크다운이란 무엇입니까?
  • 마크다운 사용의 장점
• 마크다운 시작하기
  • 마크다운의 기본 서식 지정
  • Markdown의 고급 서식 지정
• Markdown의 실제 애플리케이션
• 자원

자신의 생각과 아이디어를 명확하고 간결하게 표현하는 능력은 자신이 어떤 산업에 종사하든 관계없이 중요합니다. 다행히도 좋은 텍스트 콘텐츠를 만드는 데 도움이 되는 다양한 도구와 기술이 있습니다.

Markdown을 입력하세요. 다재다능하면서도 소박한 마크업 언어로 모든 종류의 작가, 프로그래머, 콘텐츠 제작자에게 필수 요소가 되었습니다.

Markdown 영역이 처음이더라도 두려워하지 마세요. 이 가이드는 사용자 친화적인 마크업 언어를 마스터하는 여정의 나침반이 되도록 설계되었습니다.

마크다운이란 무엇입니까?

마크다운은 웹 및 기타 매체의 텍스트 서식 지정 프로세스를 단순화하는 경량 마크업 언어 입니다. 이는 광범위한 기술 지식 없이도 HTML 및 기타 형식으로 쉽게 변환할 수 있는 콘텐츠를 작성하기 위한 방법으로 2004년 John Gruber와 Aaron Swartz에 의해 만들어졌습니다.

작가, 블로거, 프로그래머 및 웹용 텍스트 형식을 지정하는 간단하고 효율적인 방법이 필요한 모든 사람에게 특히 인기가 있습니다.

마크다운 사용의 장점

1. 단순성과 가독성: 마크다운은 일반 텍스트 문자를 사용하는 간단한 구문을 사용합니다. 이러한 단순성 덕분에 배우고 사용하기가 쉬워 복잡한 형식 지정 코드보다는 콘텐츠 자체에 집중할 수 있습니다.

2. 플랫폼 독립성: 마크다운은 플랫폼 독립적입니다. 텍스트 편집기나 코드 편집기를 사용하여 어느 기기에서나 마크다운 문서를 생성할 수 있으며, 이러한 문서는 다양한 플랫폼에서 쉽게 보고 다양한 형식으로 변환할 수 있습니다. 이러한 일관성은 콘텐츠의 접근성과 수명을 보장합니다.

3. 빠른 학습 곡선: Markdown은 가장 쉬운 구문 중 하나를 가지고 있습니다. 즉, 짧은 시간 안에 배울 수 있다는 뜻입니다. 구문은 이메일이나 문자 메시지에서 이미 사용하고 있는 형식과 유사하여 직관적입니다.

이 빠른 학습 곡선은 기술적인 지식이 없는 사용자의 채택을 장려합니다.

4. 폭넓은 채택: Markdown은 엄청난 인기를 얻었으며 WordPress와 같은 블로그 시스템, GitHub와 같은 협업 도구, 콘텐츠 관리 시스템을 포함한 다양한 플랫폼에서 지원됩니다. 이는 마크다운을 다양한 상황에 적용할 수 있는 귀중한 기술로 만듭니다.

5. 속도와 효율성: 마크다운으로 콘텐츠를 만드는 것은 빠르고 효율적입니다. 몇 가지 간단한 문자와 기타 서식 요소를 사용합니다. 그 결과 사용자는 단순성, 효율성 및 속도로 문서를 작성할 수 있습니다.

6. 버전 제어: Git과 같은 버전 제어 시스템과 공동으로 Markdown을 사용하면 Markdown 파일에 대한 변경 사항을 쉽게 추적할 수 있습니다. 이를 통해 프로젝트 공동 작업, 변경 사항 검토, 편집 내용의 명확한 기록 유지가 더욱 간편해졌습니다.

마크다운 시작하기

Markdown은 다양한 텍스트 편집기와 코드 편집기에서 작동합니다. 이 기사에서는 코드 편집기, 특히 VS Code 에서 마크다운을 사용하는 데 중점을 둘 것입니다. 그러나 텍스트 편집기에서도 동일한 구문을 따를 수 있습니다.

1. 먼저 VS Code에서 폴더를 만듭니다(원하는 이름으로 지정할 수 있습니다). 해당 폴더에 markdown.md 라는 파일을 만듭니다.

   
   

2. VS Code 파일의 오른쪽 상단 섹션으로 이동하고 미리보기 버튼을 클릭하면 결과를 나란히 미리 볼 수 있습니다.

   

마크다운의 기본 서식 지정

다음은 Markdown에서 텍스트 서식을 지정하기 위한 몇 가지 기본 구문입니다.

1. 헤더 : 헤더는 문서의 다양한 제목 수준을 나타내는 데 사용됩니다. Markdown에서 헤더를 만들려면 # 기호, 공백, 헤더 텍스트를 차례로 사용하세요. # 기호의 개수에 따라 제목 수준이 결정됩니다. 아래 예를 참조하세요.

    # Heading ## Heading ### Heading 

   

2. 강조: 텍스트를 굵게 또는 기울임꼴로 만들어 강조를 추가할 수 있습니다. 텍스트를 굵게 표시하려면 이중 별표 ** 또는 이중 밑줄 __ 로 묶습니다. 텍스트를 기울임꼴로 만들려면 단일 별표 * 또는 단일 밑줄 _ 로 묶습니다.

예:

 This is the **Bold Text** This is *italics* 

3. 목록: Markdown은 순서가 있는(번호가 매겨진) 목록과 순서가 없는(글머리 기호가 있는) 목록을 모두 지원합니다. 순서가 지정된 목록을 만들려면 각 항목을 숫자와 마침표로 시작하세요. 순서가 지정되지 않은 목록을 만들려면 별표 * , 더하기 + 또는 하이픈 - 을 사용하세요.

예:

 Ordered List: 1. First item 2. Second item 3. Third item Unordered List: * Item 1 * Item 2 * Item 3 

4. 링크: 링크 텍스트에 대괄호 [] 사용하고 링크 URL에 괄호 () 를 사용하여 Markdown에서 하이퍼링크를 만들 수 있습니다.

예:

 [Visit Odafe's Website](https://www.odafe.vercel.app)

5. 이미지: 이미지 삽입은 링크 생성과 유사합니다. 유일한 차이점은 느낌표 뿐입니다 ! 대괄호 앞에. 대괄호 안의 대체 텍스트는 접근성을 위해 이미지를 설명하는 데 사용됩니다.

예:

 ![Alt text](image-url.jpg)

6. Blockquotes : Blockquotes는 인용 텍스트를 표시하는 데 사용됩니다. 이를 생성하려면 > 기호로 줄을 시작하고 그 뒤에 인용하려는 텍스트를 입력하면 됩니다.

예:

 > This is a quote by Odafe

출력은 다음과 같습니다.

오다페의 명언입니다

7. 가로 눈금자 : 밑줄 3 개만 사용하면 가로 구분 기호를 추가할 수 있습니다 _ .

예:

 This is a regular text ____ This is more regular text 

이는 Markdown의 기본 서식 지정의 기본 요소입니다. 이러한 개념을 익히면 간단한 메모를 작성하든, 보다 복잡한 문서를 작성하든 잘 구조화되고 시각적으로 매력적인 콘텐츠를 만들 수 있습니다.

마크다운의 고급 서식 지정

Markdown은 또한 문서에 더 복잡한 요소를 추가해야 하는 경우 추가 기능을 제공합니다. 이러한 서식 옵션 중 일부는 다음과 같습니다.

1. 코드 블록 및 인라인 코드 : 세 개의 백틱(```)과 코드 블록이 작성된 언어로 코드 블록을 시작하여 파일에 코드 블록을 쉽게 추가할 수 있습니다. 인라인 코드는 코드 조각을 래핑하여 추가됩니다. 단일 백틱으로.

예:

 This is a HTML element `<div>Hello World</div>` ```javascript function myFunction() { console.log("Hello world!") } 

2. 작업 목록: 작업 목록은 할 일 목록을 만드는 데 유용합니다. 작업 목록을 만들려면 완료된 작업에는 "x"가 있는 대괄호를 사용하고 완료되지 않은 작업에는 공백을 사용하세요.

예:

 - [x] A complete task - [ ] An incomplete task 

3. 이모티콘 : Markdown 파일에 이모티콘을 추가하는 방법에는 두 가지가 있습니다. 이모티콘을 복사하여 Markdown 형식의 텍스트에 붙여넣거나 이모티콘 단축 코드를 입력하는 것입니다.

4. 취소선 텍스트: 텍스트를 취소하려면 취소하려는 텍스트 주위에 이중 물결표( ~~ )를 사용합니다.

예:

 This is a ~~Strikethrough~~ text.

5. 이스케이프 문자: Markdown에서 특별한 의미가 있는 문자를 표시해야 하는 경우 백슬래시( \ )를 사용하여 이스케이프할 수 있습니다.

 To display a literal asterisk \* use a backslash before it.

6. 위 첨자 및 아래 첨자: 위 첨자를 만들려면 위 첨자 텍스트를 두 개의 ^ 기호로 묶습니다.

아래 첨자 텍스트를 생성하려면 텍스트를 두 개의 ~ 기호로 묶습니다.

예:

 This is how a superscript is written: X^2^ This is how a subscript is written: H~2~O. 

7. 테이블 : Markdown에서 테이블을 만들려면 다음 단계를 따르세요.

• 각 행은 파이프 기호( | )로 시작하고 끝납니다.
• 각 열을 파이프 기호( | )로 구분합니다.
• 열 머리글을 생성하려면 3개 이상의 하이픈( --- )을 사용하세요.

 | Syntax | Description | | ----------- | ----------- | | Header | Title | | Paragraph | Text |

산출:

8. 강조 표시 : 단어 앞뒤에 두 개의 등호( == )를 사용하여 문서에서 중요한 단어를 강조 표시할 수 있습니다.

예:

 This highlighted word is ==Bee==

산출:

9. 각주 : 각주는 본문을 어지럽히지 않고 문서 끝에 메모와 참조를 추가하는 방법입니다. 각주 참조를 생성하려면 캐럿 기호( ^ )와 대괄호( [^1] ) 안에 고유 식별자(일반적으로 숫자 또는 단어)를 추가합니다.

식별자에는 공백이나 탭이 포함될 수 없습니다. 출력에서 각주는 순차적으로 번호가 매겨집니다.

예:

 This is an example sentence with a footnote[^1]. [^1]: This is the content of the footnote.

출력:

여기에서 Markdown의 고급 서식 지정에 대해 자세히 알아볼 수 있습니다.

Markdown의 실제 애플리케이션

Markdown은 소프트웨어 개발자와 프로그래밍 커뮤니티 사이에서 많은 인기를 얻었습니다. 특히 이는 버전 제어 플랫폼 내에서 중추적인 역할을 발견하여 코드베이스의 본질을 설명하는 포괄적이고 접근 가능한 수단 역할을 합니다.

코드의 복잡함을 설명하기 위한 통로로 Markdown을 사용함으로써 개발자는 명확성과 맥락의 조화로운 조화를 만듭니다.

이 관행은 코드 저장소를 우연히 발견한 사람들에게 도움의 손길을 뻗쳐 프로젝트의 전반적인 목적과 미묘한 차이를 신속하고 심오하게 파악하는 데 도움을 줍니다.

이러한 방식으로 Markdown은 서식 지정 도구일 뿐만 아니라 복잡한 코딩 노력과 그 심오한 실제 영향 사이의 격차를 해소하는 강력한 커뮤니케이터 역할을 합니다.

결론

Markdown은 단순한 도구가 아닙니다. 이는 귀하의 생각을 전 세계 청중과 연결하여 귀하의 목소리가 명확하고 영향력 있게 전달되도록 하는 다리입니다.

다양한 플랫폼과의 호환성, 단순성 및 적응성을 통해 Markdown을 사용한 여정은 이 가이드에만 국한되지 않고 자신과 아이디어를 표현하는 새로운 방법을 탐색하면서 계속됩니다.

자원

• 치트시트: https://www.markdownguide.org/cheat-sheet/

• 튜토리얼: https://www.markdowntutorial.com/

• 튜토리얼: https://commonmark.org/help/tutorial/

  
  

여기에도 게시됨