blog.coinsect.io
🇰🇷
원문
마크다운
2024-06-11
262
공유

마크다운을 사용하자

[비트코인 블로그](https://btc.coinsect.io)는 글을 HTML로 퍼블리싱하고 있는데, 이 개인 블로그는 마크다운으로 진행해보려 한다. 링크를 걸 때도 []와 ()의 조합을 쓰는 것이 일일히 `<a>` 태그를 사용하는 것보다 쉬운 감도 있기도 하고, 아래와 같은 코드 블록의 스타일링도 마크다운 형태로 작성해 서드파티에 의존하는게 훨씬 용이하다고 느껴지는 부분도 있다. ```javascript // eternal working const work = () => work() ``` 마크다운 파서로는 [markdown-it](https://www.npmjs.com/package/markdown-it)을, 코드블록 하이라이터로는 [Prism](https://www.npmjs.com/package/prismjs)을 사용하였고, SSR시에는 **markdown으로 작성된 원문만 노출되어도 충분**하다 생각되어 클라이언트에서 CDN으로 스크립트를 불러와 적용하는 방식을 선택했다. (lazy-load) 코드블록 하이라이터로는 [highlight.js](https://www.npmjs.com/package/highlight.js)도 매우 유명한데, gzip 되어도 거의 300kb에 육박하는 것을 보고 기절하는줄 알았다. 대안이 없나 찾아보다가 [한 블로그](https://medium.com/dong-gle/65b3d1a383d8)를 발견하고 Prism을 사용하기로 결정했다. [![문서는 웬만하면 마크다운(markdown)으로 씁시다](https://img.youtube.com/vi/8z2SRtYpJuQ/0.jpg)](https://www.youtube.com/watch?v=8z2SRtYpJuQ)
0