마크다운 문법 예제

마크다운 문법 예제

섹션 1: 기본 마크다운 문법

1-1. 제목 (Headings)

H1 제목

H2 제목

H3 제목

H4 제목

H5 제목
H6 제목

1-2. 텍스트 스타일

굵은 텍스트 (Bold)

기울임 텍스트 (Italic)

굵고 기울인 텍스트 (Bold + Italic)

취소선 (Strikethrough)

인라인 코드 (Inline Code)

1-3. 링크

일반 링크

GitHub

외부 링크 with title

1-4. 이미지

대체 텍스트

1-5. 리스트

순서 없는 리스트
  • 항목 1
  • 항목 2
  • 항목 3
    • 중첩 항목 2-1
    • 중첩 항목 2-2
  • 항목 4
순서 있는 리스트
  1. 첫 번째
  2. 두 번째
  3. 세 번째
    1. 중첩 1
    2. 중첩 2
  4. 네 번째

1-6. 인용문 (Blockquote)

이것은 인용문입니다.
여러 줄도 가능합니다.

중첩된 인용문

더 깊은 중첩

더더 깊은 중첩

1-7. 코드 블록

function hello() {
  console.log("Hello, World!");
}

def hello():
    print("Hello, World!")

echo "Hello, World!"

1-8. 수평선 (Horizontal Rule)

1-9. 테이블

헤더 1 헤더 2 헤더 3
셀 1-1 셀 1-2 셀 1-3
셀 2-1 셀 2-2 셀 2-3

1-10. 체크리스트

  • 완료된 항목
  • 미완료 항목
  • 또 다른 완료 항목

섹션 2: 확장 마크다운 문법 (커스텀)

2-1. Featured Section

🌟 특별 섹션

이것은 특별히 강조된 섹션입니다.

여러 줄의 텍스트가 가능합니다.

2-2. Card Container

📦 카드 제목

카드 내용입니다.

  • 리스트 항목 1
  • 리스트 항목 2

2-3. Grid Layout (2열)

📱 프로젝트 A
🤖 프로젝트 B
🎵 프로젝트 C
📊 프로젝트 D

2-4. Grid Layout (3열)

🔴 항목 1
🟢 항목 2
🟡 항목 3
🔵 항목 4
⚫ 항목 5
⚪ 항목 6

2-5. Link Buttons

GitHub 방문

YouTube 구독

Twitter 팔로우

기본 버튼

보조 버튼

2-6. Badges

성공 경고 정보 신규

2-7. Youtube

섹션 3: 복합 케이스 (여러 기능 조합)

3-1. Featured + 내부 마크다운

🎯 완전한 예제

굵은 텍스트, 기울임, 취소선

  • 리스트 항목 1
  • 리스트 항목 2

링크

console.log("코드 블록");

3-2. Card + 테이블

데이터 테이블

이름 값
A 100
B 200

3-3. Grid + Bold/Italic 조합

굵은 텍스트
기울인 텍스트
굵고 기울인
취소선

3-4. Featured + Buttons + Badges

🚀 액션 섹션

시작하기

준비완료

3-5. 모든 Grid 크기

2열 Grid
항목 1
항목 2
항목 3
항목 4
3열 Grid
항목 1
항목 2
항목 3
항목 4
항목 5
항목 6
4열 Grid
항목 1
항목 2
항목 3
항목 4
항목 5
항목 6
항목 7
항목 8

3-6. Grid Padding

2열 Grid
img
img
3열 Grid
이미지1
이미지2
이미지3

3-7. Grid Scrolling

1열 Grid Scrolling
John Doe
Jane Smith
Mike Lee
2열 Grid Scrolling
1
2
3
4
3열 Grid Scrolling
제품1
제품2
제품3
제품4
4열 Grid Scrolling
1
2
3
4
5

섹션 4: 엣지 케이스

4-1. 긴 텍스트

긴 텍스트 테스트

굵은 긴 텍스트: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

기울인 긴 텍스트: Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

4-2. 특수 문자

다음 문자들이 제대로 처리되나요?

  • < 와 > 꺾쇠
  • & 앰퍼샌드
  • " 큰따옴표
  • ' 작은따옴표
  • \ 백슬래시

4-3. 중첩된 구조

카드 내부 구조

하위 제목

굵은 텍스트와 기울인 텍스트

  • 리스트 1
  • 리스트 2
    • 중첩 1
    • 중첩 2

링크

배지

4-4. 빈 줄 처리

이것은 문장입니다.

이것은 다른 문장입니다.

이것은 더 큰 간격으로 떨어진 문장입니다.

4-5. 연속된 마크다운 요소

굵음 기울임 둘다 취소선

링크1 링크2

배지1 배지2

4-6. 모든 버튼 타입 연속

Primary
Secondary
GitHub
YouTube
Twitter

4-7. 모든 배지 타입

Success Warning Info New

섹션 5: 실제 Link in Bio 예제

Link in Bio

🌟 새로운 프로젝트

AI 기반 콘텐츠 생성 플랫폼입니다!

GitHub 방문
YouTube 구독
Twitter 팔로우

기술 스택

💻 사용 기술

프론트엔드: JavaScript, React, Vue.js

백엔드: Python, Node.js, Express

도구: Git, Docker, AWS

프로젝트

📱 Project A
🤖 Project B
🎵 Project C
📊 Project D
Active Verified