리스트 스타일 걱정 없는 마크다운 편집
세줄요약
- 마크다운에서 리스트를 만들 때 사이에 한 줄을 넣느냐에 따라 '루즈' 리스트나 '타이트' 리스트가 될 수 있습니다.
- 하지만 편한 문서 작성을 위해 이러한 차이에 신경 쓰지 않고, 스타일링은 웹에서 처리하는 것이 좋습니다.
- 이 접근 방식은 문서 작성 과정을 크게 단순화했으며, 다른 분들께도 유용할 것 같습니다.
유튜브로 보기
마크다운의 특이한 사양 발견
최근 마크다운 작업을 많이 하면서 마크다운의 특별한 사양을 발견했습니다. 이것이 원래 마크다운 사양의 일부인지, 아니면 CommonMark와 같은 것이 나오면서 생긴 것인지 확실하지 않습니다. 하지만 대부분의 마크다운 변환기가 이렇게 작동하기 때문에 중요합니다.
마크다운에서 리스트 포맷의 딜레마
마크다운에서는 종종 점 목록이나 숫자 목록을 사용합니다. 이러한 목록들은 매우 유용하지만, 목록 내부의 간격이 경우에 따라 넓어지거나 좁아질 수 있습니다. 이것은 주로 문단 전후의 간격 차이 때문입니다.
리스트 일관성 해결
일반적인 해결책은 점 목록 전후에 빈 줄을 넣는 것입니다. 이렇게 하면 간격이 일관되게 유지됩니다. 예를 들어, 코딩 표준 문서에서는 각 항목을 명확히 하기 위해 항목을 띄어서 작성합니다.
마크다운에서 HTML로: 타이트 대 루즈 리스트
마크다운을 HTML로 변환할 때, 리스트는 '타이트(tight)' 또는 '루즈(loose)'로 분류됩니다. 빈 줄이 있으면 '루즈' 리스트가 되고, 없으면 '타이트' 리스트가 됩니다. HTML에서는 이 차이가 <li> 태그 옆에 <p> 태그가 있는지 여부로 나타납니다.
하위 목록이 있을 때 문제점
하위 목록에서 간격을 조절하는 것은 특히 하나의 항목만 있는 경우에는 제한적입니다. 표준 마크다운에서는 이를 잘 지원하지 않아 비표준적인 해결책이 필요합니다.
마크다운의 문서 스타일링에 대한 과도한 개입
마크다운은 문서의 구조를 정리하는 데는 유용하지만, 스타일링까지 책임지는 것은 바람직하지 않습니다. 이런 측면에서 마크다운의 일부 표준은 폐기되어야 할 것으로 보입니다. 문서의 스타일은 HTML에서 CSS를 통해 관리되어야 합니다.
POCU에서의 마크다운 접근 방식
저희 회사에서는 마크다운 문서를 가장 편한 방식으로 편집하도록 하고 있습니다. 타이트 리스트와 루즈 리스트를 신경 쓰지 않습니다. 이러한 문서가 웹사이트나 블로그에 게시될 때는 마크다운이 HTML로 변환되어 <div> 섹션에 배치됩니다. 이를 통해 CSS를 사용하여 리스트의 외관을 표준화할 수 있습니다.
결론
요약하면, 마크다운에서 리스트를 만들 때 사이에 한 줄을 넣느냐에 따라 '루즈' 리스트나 '타이트' 리스트가 될 수 있습니다. 하지만 편한 문서 작성을 위해 이러한 차이에 신경 쓰지 않고, 스타일링은 웹에서 처리하는 것이 좋습니다. 이 접근 방식은 문서 작성 과정을 크게 단순화했으며, 다른 분들께도 유용할 것 같습니다.
마크다운을 오랫동안 사용한 저와 저희 회사의 경험에 따르면, 이런 방식으로 관리하면 생산성이 향상됩니다. 마크다운에서 지원하는 대로 따라 할 필요는 없으며, 문서 작성에 가장 편리한 방법을 선택하는 것이 중요합니다.
제대로 대우받는 개발자 | 부족한 컴공지식 배우기 | MIT급 컴공인강
최저임금으로 고통받는 일회성 프로그래머는 그만! POCU 아카데미가 올해 연봉협상을 책임지겠습니다!