내가 쓰려고 만든 MD editor - Note-for.me

Markdown Editor

기존에 Markdown 편집을 위해 사용하고 있던 md Editor Typora가 12월부터 정식 출시가 되면서 유료화가 되었다.
정말 좋은 에디터이지만, 사용빈도도 적고 에디터의 기능 대부분을 사용하지 않는 나는 굳이 결제까지 해야 하나... 하는 생각이 들었다.

겸사겸사 이번 기회에 온라인에 오픈소스로 풀린 MD editor 들을 활용해서 내가 쓰기 편한 에디터를 하나 만들어야겠다 생각했다.

 

editor는 Toast UI editor를 사용해서 날로 먹을 수 있었다. 관계자분들께 감사를...

TOAST UI :: Make Your Web Delicious!

Note-for.me

도메인 고민 및 결정에 제일 오랜 시간이 걸렸다.
Md, note 키워드로 많은 도메인을 찾아봤고, 결국 마음에 드는 Note-for.me라는 도메인을 찾아서 구매했다. 가격은 1년에 ₩7,700으로 적당했다.

배포

배포는 amplify로 진행했다.
CI CD가 몇 번의 세팅으로 되는 걸 보면서, 와... 진짜 편하다는 걸 느꼈다.

기능

현재 붙은 기능은 다음과 같다.

• md 기본 에디터
• 다크 모드
• 탭 CURD
• 탭을 포함한 현재 내용 로컬 스토리지에 저장
• 탭을 포함한 현재 내용 gist에 보관(업데이트까진 가능)

TODO

• 이미지 업로드도 gist에 되게 처리(현재는 인라인 base64;;)
• 로컬 스토리지에 gist ID 있으면 내용 불러와서 탭 동기화(이 부분은 confirm 이후 진행하도록 하면 좋을 것 같다)
• 별도의 config가 가능한 메뉴 추가

후기

3~4일 동안 평일에 퇴근 이후 작업한 것 치고는 이쁘게 나와서 기분이 좋다.

gatsby로 작업하다가, 이점이 하나도 없는 것 같아서 중간에 cra로 전환했는데도 빠르게 끝낸 것 같다.
남은 부분들도 좀 손보고 즐겁게 작업하면 될 것 같다 ㅎㅎ

 

현재 https://the-work.space/로 이사한 상태

 

https://note-for.me/

 

22.02.18

TODO 중에서 아래 두 가지는 작업이 끝났다.

• 이미지 업로드
• GIST에 md file로 생성