ATOM으로 필기를 해보자 #02

ATOM으로 필기를 해보자 #02

• 텍스트에디터의 일종인 ATOM으로 필기하는 법을 알아봅니다
• 참고
  1. markdown-preview-enhanced 패키지 설명서
     https://shd101wyy.github.io/markdown-preview-enhanced

---

준비

• 지난 시간에는 필기에 필요한 마크다운 문법과 markdown-preview-enhanced 패키지를 살펴보았습니다
• 이번 시간에는 markdown-preview-enhanced 패키지에 대해 더 자세히 알아보도록 하겠습니다
• 이전 시간과 동일한 환경이 준비되어야 합니다

---

단축키

※ 여러 가지 단축키들이 존재하지만 필기에 적합한 것들 위주로 다룹니다
※ 더 많은 단축키에 대해서는 [참고 1번]을 확인해주세요

Table

• t 또는 그 이하의 단어들을 작성할 경우 자동완성으로 등장합니다
• 자동완성을 선택할 경우 2행 2열의 표가 자동으로 생성됩니다

Italic

• i 를 작성할 경우 자동완성으로 등장합니다
• 자동완성을 선택할 경우 ** 가 자동으로 생성됩니다

code

• c 또는 그 이하의 단어들을 작성할 경우 자동완성으로 등장합니다
• 자동완성을 선택할 경우 코드 서식이 자동으로 생성됩니다

bold

• b 를 작성할 경우 자동완성으로 등장합니다
• 자동완성을 선택할 경우 **** 가 자동으로 생성됩니다

※ 자주 사용하는 기능을 단축키로 사용하는 것은 시간을 절약하는 방법입니다

---

표

• 위에서 언급한 단축키를 이용해 쉽게 만들 수 있습니다
• 자동완성으로 만들어지는 표는 양옆의 끝이 | 로 닫혀있지만 이는 가독성을 위함일 뿐입니다
• 각 셀마다 | 로 구분만 되어있다면 본패키지의 Markdown Parser 는 이를 표로 인식합니다
• 따라서 행 또는 열을 추가할 때 | 로만 잘 구분하면 됩니다

※ Markdown Parser → 텍스트를 읽고 마크다운 문법에 따라 preview 를 생성합니다

※ 가장 간단한 형태의 표는 아래와 같습니다

• 본패키지의 Setting 에서 Enable extended table syntax 를 체크하여 추가적인 표 서식을 사용할 수 있습니다
• > 를 작성한 셀은 오른쪽 셀과 합병됩니다
• ^ 를 작성한 셀은 위쪽 셀과 합병됩니다
  ※ 연달아 작성하면 여러 개의 셀을 합병할 수 있습니다
  ※ 비어있는 셀에 대해 작성할 경우 셀이 표시되지않게 됩니다

---

미디어

• 본패키지를 사용해 preview 에 사진 또는 유튜브 영상을 첨부할 수도 있습니다
• 사진의 경우 @import 라는 별도의 문법을 사용하지만 유튜브 영상의 경우 html 코드를 붙여넣기만 합니다

사진

• @import "파일 경로" 의 문법으로 작성하여 preview 에서 해당 사진 파일을 볼 수 있습니다
• 파일 경로는 ./ 를 붙이지않아도 기본적으로 상대경로인 것으로 인식합니다
  ※ 사진 외의 파일도 지원하므로 궁금하신 분은 [참고 1번]의 File Imports 를 확인해주세요

영상

• 유튜브 영상의 공유 에서 퍼가기 를 눌렀을 때 생성되는 html 코드를 붙여넣습니다

---

예시

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

---

마치며

• 다음 글에서는 알아두면 좋을 만한 것들을 다루겠습니다
• 다음 글이 마지막 포스팅이 될 예정입니다 감사합니다