Categories
Tags
8
16
32
![커버: [JAVASCRIPT] 파일 구조 도식화 개발 커버 이미지](/assets/images/post/covers/TIL-javascript.png)
파일 구조 도식화 블로그에 포스팅을 작성하다 보면 파일 트리를 설명할 때 이미지보다 텍스트로 표현을 해야 할 때가 있습니다. 이미지를 사용하면 간단하게 해결되지만 번거로울 때가 있고, 이미지도 올려야 하고, 이미지가 늘어날수록 페이지가 느려지는 감이 있습니다. 이전에 바닐라 자바스크립트로 구현했던 마크다운 파서의 `블록 쿼터`와 `리스트` 들여쓰기와 관련 있지 않을까 생각하면서 시작했습니다. 목적 이미지 사용, 기호를 하나씩 붙여가며 수작업하는 것을 덜기 위해서 만들게 되었습니다. 개발 과정 이번에는 테스트 자동화 및 단위 테스트를 습관화하기 위해 테스트 코드 작성에 초점을 두어 작성했는데요. 기능 개발에 있어서 이전까지는 테스트 코드의 중요성을 크게 느끼지 못했습니다.
2022년 04월 22일![커버: [JAVASCRIPT] Markdown Parser를 만들어보자 (특히 리스트) 커버 이미지](/assets/images/post/covers/TIL-javascript.png)
Markdown Parser를 만들어보자 마크다운을 HTML로 파싱해주는 라이브러리가 여러가지 있지만 한 번 구현해 보면 공부가 되겠다 싶어 기록합니다. 이전에 `router`를 구현해서 포스팅 한 적이 있는데요. `router`를 응용해서 `wiki`페이지를 만들어 페이지를 관리하고 있습니다. 그런데 페이지 내용을 리터럴 템플릿으로 태그를 하나하나 작성하기가 번거롭기도 하고 시간이 많이 들어 마크다운을 파싱하여 내용을 관리하는게 효율적일 것 같아 필요하게 되었습니다.
2022년 02월 07일