ATOM으로 필기를 해보자 #01

ATOM으로 필기를 해보자 #01

• 텍스트에디터의 일종인 ATOM으로 필기하는 법을 알아봅니다
• 참고
  생활코딩 ATOM 강의
  1. https://opentutorials.org/module/1579
  ATOM 공식페이지
  2. https://atom.io
  markdown-preview-enhanced 패키지의 설명서
  3. https://shd101wyy.github.io/markdown-preview-enhanced

---

준비

• [참고 1번]의 설치 항목을 참고해 ATOM 에디터를 설치합니다
• [참고 1번]의 패키지 항목을 참고해 markdown-preview-enhanced 패키지를 설치합니다
  ※ [참고 3번]에서 Install on Atom 항목을 참고해도 됩니다
• markdown-preview 패키지에서 Disable을 누르고 markdown-preview-enhanced 패키지에서 Enable을 누릅니다
  • 다음과 같은 화면을 보게 됩니다

• 취향에 따라 UI Theme과 Syntax Theme을 설정합니다
  • 에디터 화면의 색상 및 구조를 변경시킬 수 있습니다

• 취향에 따라 Preview Theme를 설정합니다
  • 미리보기 화면의 색상 및 구조를 변경시킬 수 있습니다

• 새로운 파일을 만들고 파일의 확장자를 .md .markdown .mmark 셋 중 하나로 저장합니다
  ※ markdown-preview-enhanced 패키지가 미리보기를 지원할 수 있는 파일확장자입니다
  ※ markdown-preview-enhanced 패키지의 설정에서 변경할 수 있는 속성입니다

• 만든 파일에서 작성한 마크다운에 대한 미리보기를 보려면 Ctrl + Shift + M 조합의 키를 누릅니다
  ※ 반대로 미리보기를 끌 때도 동일한 단축키를 사용합니다

---

기능

※ 마크다운 문법중에서 필기에 적합한 것들을 정리했습니다
※ 자세한 내용에 대해서는 [참고 3번]의 Markdown Basics를 참고하세요

Number Sign [ # ]

• 해당 줄의 맨 앞에서 1개 이상을 이어붙여
• 뒤에 따라오는 문장을 강조합니다

Dash [ - ]

• 해당 줄의 맨 앞에서 3개 이상을 이어붙여
• 한 줄 공간을 통째로 차지하는 구분선을 만듭니다

• 해당 줄의 맨 앞에서 사용해 목록을 만들 수 있습니다
• 이전 줄과 해당 줄 둘 다 목록일 경우 Tab키를 눌러 들여쓰기 가능합니다

Asterisk [ * ] or Underscore [ _ ]

• 사이에 위치하는 단어 또는 문장을 기울이거나 진하게 만듭니다

Tilde [ ~ ]

• 양옆으로 1개씩 사용할 경우 사이에 위치하는
• 단어를 하단으로 위치시킵니다

• 양옆으로 2개씩 사용할 경우 사이에 위치하는
• 단어 또는 문장에 취소선을 추가합니다

Number and Period [ . ]

• 해당 줄의 맨 앞에서 임의의 수와 마침표를 이어붙여
• 순서가 딸린 목록을 만듭니다
  ※ 중간에 목록을 삽입해도 미리보기에서 이를 보정해줍니다

Bracket [ > ]

• 해당 줄의 맨 앞에서 사용해 문단을 들여씁니다
• 빈 줄이 나올 때까지 같은 문단으로 인식됩니다
• 현재 문단보다 더 들여쓰는 것도 가능합니다

Grave Accent [ ` ]

※ 키보드상에서 ESC키 밑의 키를 말합니다 즉 U+0060

• 사이에 위치하는 단어 또는 문장에 배경을 넣습니다
• 양옆으로 1개씩만 붙이면 해당 줄에만 적용됩니다
• 양옆으로 3개씩 붙이면 여러 줄에 적용시킬 수 있습니다
  ※ 주로 소스코드에 사용하면 가독성 향상에 좋습니다
  ※ 3개씩일 때 언어이름을 붙여주면 해당언어 하이라이팅이 적용됩니다

Caret [ ^ ]

• 양옆으로 1개씩 사용할 경우 사이에 위치하는
• 단어를 상단으로 위치시킵니다

Equal Sign [ = ]

• 양옆으로 2개씩 사용할 경우 사이에 위치하는
• 단어 또는 문장에 형광펜 효과를 적용합니다
  ※ 단어 또는 문장의 양끝이 Equal Sign에 붙어있어야합니다

---

예시

• 위의 기능들을 모두 활용하지는 않았습니다
• 예시를 참고해 이렇게 사용하는구나하고 느낌만 가져가세요

---

마치며

• 다음 글에서는 좀 더 다양한 기능들을 알아보겠습니다
• $1 ∽ 2$개의 추가적인 포스팅으로 내용이 이어질 예정입니다 감사합니다