선택으로서의 마크업

"보이는 # 는 Rekindle 이 아직 안 숨긴 게 아냐. Rekindle 이 보여주기로 고른 거야."

빈틈이 아니라 태도

에디터에서 raw # 와 ** 를 보면 반사적으로 '안 끝났네 — 아직 마크업을 안 숨겼어' 라고 읽어. 마크다운 네이티브한텐 그게 상황을 거꾸로 읽는 거야. 마크업을 보여주는 건 의도적 태도야. 문자가 의미 있고, 숨기는 건 잡동사니가 아니라 정보를 없애는 거야. Rekindle 은 코드 에디터가 문법을 일부러 보여주듯, 마크업을 일부러 보여줘.

보이는 # 가 사주는 것

볼 수 있는 마크업은 믿을 수 있는 마크업이야. 디스크와 화면이 같아서 저장 때 아무것도 안 놀래. grep 돼 — ## 를 검색하면 모든 H2 를 찾아. diff 친화적 — 서식 변경이 버전 관리에서 보이는 문자 변경이야. 이식 가능 — 똑같은 텍스트가 vault 에서도, 에세이에서도, 사이트에서도, 다른 어떤 마크다운 도구에서도 유효해. 숨긴-마크업 모델은 렌더된 형태와 저장된 형태가 갈리는 순간 이 전부를 깨뜨려.

보이는 마크업이 주는 것:
  디스크 == 화면    저장 때 안 놀램
  grep 가능         '##' 검색이 모든 H2 를 찾음
  diff 친화적       bold 변경이 보이는 문자 변경
  이식 가능         같은 텍스트가 마크다운 있는 곳 어디서나 유효

Live Preview: 모습을 보고, 소스를 지켜

가장 좋은 부분: '마크업 보기' 와 '결과 보기' 중 고를 필요가 없어. Live Preview 는 inactive 줄에서 효과를 렌더하고 커서가 있는 줄에선 raw 마크업을 드러내. 그래서 읽는 동안 헤딩은 헤딩처럼 보이고, 클릭해 들어가는 순간 편집하라고 # 가 다시 나타나. 렌더된 문서의 고요함과 소스의 정밀함을 다 가져 — 모드 전환 없이, export 단계 없이, 두 번째 표현 없이. 그게 이 한 사용자한텐 source-mode 더하기 decoration 이 raw-source 와 WYSIWYG 둘 다를 이기는 이유 전부야.

Code

Live Preview: 읽을 땐 렌더, 편집할 땐 raw·text

inactive 줄 (읽기):   Fire and Ash          <- 헤딩처럼 보임
active 줄   (커서):    # Fire and Ash        <- raw 마크업 드러남

inactive 줄 (읽기):   the fire catches       <- 'fire' 가 bold 로 보임
active 줄   (커서):    the **fire** catches   <- 별표 드러남

# 모델 하나 (source), 커서 위치에 따라 두 모습.
# 소스를 절대 안 떠나; 모습이 네 주의를 따라올 뿐.

Exercise

헤딩, bold 단어, 링크가 있는 문단을 두 번 써봐. 한 번은 마크다운 소스로, 한 번은 WYSIWYG 에디터한테 설명하듯 (여기 클릭, 저거 bold, 링크 삽입). 어느 버전을 grep 하고, diff 하고, 다른 세 도구에 붙여넣고, 1년 뒤에 정확히 재구성할 수 있는지 물어봐. 그 답이 Rekindle 이 마크업을 보여주는 이유야.

Hint

한 버전만 네가 완전히 통제하는, 이식 가능하고 자기서술적인 산물이야. WYSIWYG 설명은 특정 앱의 버튼과 내부 모델에 의존해. 마크다운 소스는 어디서나 영원히 같아.