취소선

취소선은 Markdown의 확장 문법으로, 삭제되었거나 더 이상 유효하지 않은 텍스트를 표시하는 데 사용됩니다. 문서 수정, 작업 목록, 가격 변경 및 기타 시나리오에서 매우 유용합니다.

기본 문법

표준 문법

Markdown에서 취소선은 일반적으로 두 개의 물결표(~~)를 사용하여 취소선을 적용할 텍스트를 둘러쌉니다:

이것은 ~~취소선 텍스트~~가 포함된 예시입니다.

렌더링 효과:

이것은 취소선 텍스트가 포함된 예시입니다.

단어와 문장

취소선은 개별 단어나 전체 문장에 적용할 수 있습니다:

~~이 전체 문장에는 취소선이 적용되었습니다.~~

우리는 다음 주 ~~월요일~~ 화요일에 회의를 가질 예정입니다.

렌더링 효과:

이 전체 문장에는 취소선이 적용되었습니다.

우리는 다음 주 월요일 화요일에 회의를 가질 예정입니다.

고급 사용법

다른 형식과 결합

취소선은 다른 Markdown 형식과 결합할 수 있습니다:

~~**굵은 취소선**~~

~~*이탤릭 취소선*~~

~~***굵은 이탤릭 취소선***~~

~~`코드 취소선`~~

~~[링크 취소선](https://www.markdownlang.com)~~

렌더링 효과:

굵은 취소선

이탤릭 취소선

굵은 이탤릭 취소선

코드 취소선

링크 취소선

단락과 블록 요소

일부 Markdown 구현에서는 전체 단락이나 블록 요소에 취소선을 적용할 수 있습니다:

~~
이것은 완전히 삭제된 단락입니다.
여러 줄의 내용을 포함할 수 있습니다.
~~

참고: 모든 Markdown 프로세서가 여러 줄에 걸친 취소선 문법을 지원하지는 않습니다. 여러 줄 내용의 경우, 가장 안전한 방법은 각 줄에 개별적으로 취소선 문법을 적용하는 것입니다.

호환성 및 구현 차이

다양한 플랫폼의 지원 상태

플랫폼/도구	취소선 지원	문법
GitHub Markdown	✅	~~취소선~~
GitLab Markdown	✅	~~취소선~~
Stack Overflow	✅	~~취소선~~
Discord	✅	~~취소선~~
Reddit	✅	~~취소선~~
CommonMark	✅	~~취소선~~
VitePress	✅	~~취소선~~
Pandoc	✅	~~취소선~~

HTML 출력 형식

대부분의 Markdown 프로세서는 취소선을 HTML <del> 또는 <s> 태그로 변환합니다:

<!-- <del> 태그 사용 -->
<p>이것은 <del>취소선 텍스트</del>가 포함된 예시입니다.</p>

<!-- 또는 <s> 태그 사용 -->
<p>이것은 <s>취소선 텍스트</s>가 포함된 예시입니다.</p>

대안 문법

일부 플랫폼이나 이전 Markdown 버전은 다른 취소선 문법을 지원할 수 있습니다:

<!-- 단일 물결표 (일부 플랫폼) -->
~취소선 텍스트~

<!-- HTML 태그 (모든 호환 Markdown 프로세서) -->
<del>취소선 텍스트</del>
<s>취소선 텍스트</s>

사용 사례

문서 수정

취소선은 문서 수정과 변경사항을 보여주는 데 일반적으로 사용됩니다:

# 프로젝트 계획 v2.0

## 일정

- 요구사항 분석: ~~3월 1-15일~~ 3월 1-20일 (지연됨)
- 설계 단계: ~~3월 16일-4월 5일~~ 3월 21일-4월 10일
- 개발 단계: 4월 11일-5월 15일
- 테스트 단계: 5월 16일-5월 30일
- 출시일: ~~6월 1일~~ 6월 15일

렌더링 효과:

프로젝트 계획 v2.0

일정

• 요구사항 분석: 3월 1-15일 3월 1-20일 (지연됨)
• 설계 단계: 3월 16일-4월 5일 3월 21일-4월 10일
• 개발 단계: 4월 11일-5월 15일
• 테스트 단계: 5월 16일-5월 30일
• 출시일: 6월 1일 6월 15일

작업 목록

취소선과 체크박스를 결합하면 더 직관적인 작업 목록을 만들 수 있습니다:

## 이번 주 작업

- [x] ~~프로젝트 제안서 완료~~
- [x] ~~클라이언트와 요구사항 논의 회의~~
- [ ] 디자인 프로토타입 생성
- [ ] 기술 명세서 작성
- [ ] 예산 견적 준비

렌더링 효과:

이번 주 작업

• [x] 프로젝트 제안서 완료
• [x] 클라이언트와 요구사항 논의 회의
• [ ] 디자인 프로토타입 생성
• [ ] 기술 명세서 작성
• [ ] 예산 견적 준비

가격 및 프로모션

취소선은 전자상거래와 프로모션 콘텐츠에서 매우 유용합니다:

## 특별 할인

- 고성능 노트북: ~~¥8,999~~ ¥7,499
- 무선 헤드폰: ~~¥1,299~~ ¥999
- 스마트워치: ~~¥2,499~~ ¥1,999

*프로모션 종료: 2023년 12월 31일*

렌더링 효과:

특별 할인

• 고성능 노트북: ¥8,999 ¥7,499
• 무선 헤드폰: ¥1,299 ¥999
• 스마트워치: ¥2,499 ¥1,999

프로모션 종료: 2023년 12월 31일

유머와 강조

취소선은 때때로 유머나 강조를 표현하는 데 사용됩니다:

오늘 회의는 ~~매우 지루했지만~~ 매우 생산적이었습니다.

저는 문서 작성을 ~~싫어하지만~~ 좋아합니다.

이 프로젝트는 ~~실패할 수도 있지만~~ 반드시 성공할 것입니다!

렌더링 효과:

오늘 회의는 매우 지루했지만 매우 생산적이었습니다.

저는 문서 작성을 싫어하지만 좋아합니다.

이 프로젝트는 실패할 수도 있지만 반드시 성공할 것입니다!

모범 사례

사용 권장사항

✅ 권장 사례:

1. **명확한 수정 표현**:
   - 기존 내용 삭제, 새 내용 추가
   - 예시: ~~잘못된 버전~~ 올바른 버전
   
2. **간결한 사용**:
   - 과도한 취소선 내용으로 가독성에 영향을 주지 않기
   - 기존 내용이 정말 보존되어야 하는지 고려
   
3. **다른 표시와 결합**:
   - 작업 목록에서 체크박스와 함께 사용
   - 다른 형식과 결합하여 표현력 향상

❌ 피해야 할 사례:

1. 취소선 내에서 과도하게 복잡한 형식 사용
2. 큰 텍스트 블록에 취소선 적용 (가독성에 영향)
3. 중요한 문서에서 유머러스한 취소선 과도 사용
4. 전체 문서나 여러 단락에 취소선 적용

접근성 고려사항

취소선은 스크린 리더 사용자를 혼란스럽게 할 수 있습니다. 다음을 고려하세요:

1. 취소선 내용에 대한 맥락적 설명 추가
2. 다른 방법(괄호, 주석 등)을 사용하여 더 이상 사용되지 않는 내용 표시 고려
3. 내용이 정말 더 이상 관련이 없다면, 취소선을 사용하는 대신 완전히 삭제하는 것을 고려

<!-- 더 나은 접근성 작성 -->
프로젝트 마감일: 3월 15일 (업데이트: 원래 3월 1일 계획)

<!-- 대신 -->
프로젝트 마감일: ~~3월 1일~~ 3월 15일

일반적인 문제 해결

취소선이 표시되지 않음

취소선이 올바르게 표시되지 않는 경우:

1. 하나의 물결표 ~가 아닌 두 개의 물결표 ~~를 사용하고 있는지 확인
2. 물결표와 텍스트 사이에 공백이 있는지 확인 (있으면 안 됨)
3. Markdown 프로세서가 취소선 문법을 지원하는지 확인
4. 대안으로 HTML <del> 태그 사용 시도

복잡한 형식 문제

취소선이 다른 형식과 결합될 때 문제가 발생할 수 있습니다:

<!-- 잠재적으로 문제가 될 수 있는 작성 -->
~~**[복잡한 형식](https://www.markdownlang.com)**~~

<!-- 더 안전한 작성 -->
<del>**[복잡한 형식](https://www.markdownlang.com)**</del>

다단락 취소선

여러 단락에 걸쳐야 하는 취소선의 경우, HTML을 사용하는 것이 가장 좋습니다:

<del>
이것은 첫 번째 삭제된 단락입니다.

이것은 두 번째 삭제된 단락입니다.
</del>

관련 문법

• 작업 목록 - 대화형 작업 목록 생성
• 강조 - 텍스트 강조 문법 (굵게, 이탤릭)
• HTML - Markdown에서 HTML 사용

요약

취소선은 간단하지만 강력한 Markdown 확장 문법으로, 텍스트 수정, 완료된 작업 또는 오래된 정보를 표현하는 직관적인 방법을 제공합니다. 취소선을 합리적으로 사용함으로써 문서를 더욱 명확하고 생동감 있게 만들어 독자가 내용의 발전을 더 잘 이해할 수 있도록 도와줍니다.