취소선
취소선은 Markdown의 확장 문법으로, 삭제되었거나 더 이상 유효하지 않은 텍스트를 표시하는 데 사용됩니다. 문서 수정, 작업 목록, 가격 변경 및 기타 시나리오에서 매우 유용합니다.
기본 문법
표준 문법
Markdown에서 취소선은 일반적으로 두 개의 물결표(~~)를 사용하여 취소선을 적용할 텍스트를 둘러쌉니다:
이것은 ~~취소선 텍스트~~가 포함된 예시입니다.렌더링 효과:
이것은 취소선 텍스트가 포함된 예시입니다.
단어와 문장
취소선은 개별 단어나 전체 문장에 적용할 수 있습니다:
~~이 전체 문장에는 취소선이 적용되었습니다.~~
우리는 다음 주 ~~월요일~~ 화요일에 회의를 가질 예정입니다.렌더링 효과:
이 전체 문장에는 취소선이 적용되었습니다.
우리는 다음 주 월요일 화요일에 회의를 가질 예정입니다.
고급 사용법
다른 형식과 결합
취소선은 다른 Markdown 형식과 결합할 수 있습니다:
~~**굵은 취소선**~~
~~*이탤릭 취소선*~~
~~***굵은 이탤릭 취소선***~~
~~`코드 취소선`~~
~~[링크 취소선](https://www.markdownlang.com)~~렌더링 효과:
굵은 취소선
이탤릭 취소선
굵은 이탤릭 취소선
코드 취소선
단락과 블록 요소
일부 Markdown 구현에서는 전체 단락이나 블록 요소에 취소선을 적용할 수 있습니다:
~~
이것은 완전히 삭제된 단락입니다.
여러 줄의 내용을 포함할 수 있습니다.
~~참고: 모든 Markdown 프로세서가 여러 줄에 걸친 취소선 문법을 지원하지는 않습니다. 여러 줄 내용의 경우, 가장 안전한 방법은 각 줄에 개별적으로 취소선 문법을 적용하는 것입니다.
호환성 및 구현 차이
다양한 플랫폼의 지원 상태
| 플랫폼/도구 | 취소선 지원 | 문법 |
|---|---|---|
| GitHub Markdown | ✅ | ~~취소선~~ |
| GitLab Markdown | ✅ | ~~취소선~~ |
| Stack Overflow | ✅ | ~~취소선~~ |
| Discord | ✅ | ~~취소선~~ |
| ✅ | ~~취소선~~ | |
| 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. 전체 문서나 여러 단락에 취소선 적용접근성 고려사항
취소선은 스크린 리더 사용자를 혼란스럽게 할 수 있습니다. 다음을 고려하세요:
- 취소선 내용에 대한 맥락적 설명 추가
- 다른 방법(괄호, 주석 등)을 사용하여 더 이상 사용되지 않는 내용 표시 고려
- 내용이 정말 더 이상 관련이 없다면, 취소선을 사용하는 대신 완전히 삭제하는 것을 고려
<!-- 더 나은 접근성 작성 -->
프로젝트 마감일: 3월 15일 (업데이트: 원래 3월 1일 계획)
<!-- 대신 -->
프로젝트 마감일: ~~3월 1일~~ 3월 15일일반적인 문제 해결
취소선이 표시되지 않음
취소선이 올바르게 표시되지 않는 경우:
- 하나의 물결표
~가 아닌 두 개의 물결표~~를 사용하고 있는지 확인 - 물결표와 텍스트 사이에 공백이 있는지 확인 (있으면 안 됨)
- Markdown 프로세서가 취소선 문법을 지원하는지 확인
- 대안으로 HTML
<del>태그 사용 시도
복잡한 형식 문제
취소선이 다른 형식과 결합될 때 문제가 발생할 수 있습니다:
<!-- 잠재적으로 문제가 될 수 있는 작성 -->
~~**[복잡한 형식](https://www.markdownlang.com)**~~
<!-- 더 안전한 작성 -->
<del>**[복잡한 형식](https://www.markdownlang.com)**</del>다단락 취소선
여러 단락에 걸쳐야 하는 취소선의 경우, HTML을 사용하는 것이 가장 좋습니다:
<del>
이것은 첫 번째 삭제된 단락입니다.
이것은 두 번째 삭제된 단락입니다.
</del>관련 문법
요약
취소선은 간단하지만 강력한 Markdown 확장 문법으로, 텍스트 수정, 완료된 작업 또는 오래된 정보를 표현하는 직관적인 방법을 제공합니다. 취소선을 합리적으로 사용함으로써 문서를 더욱 명확하고 생동감 있게 만들어 독자가 내용의 발전을 더 잘 이해할 수 있도록 도와줍니다.