IT와 tech ・2021. 12. 4.

Visual studio code 마크다운 테이블 표 쉽게 만들기

목차

1. 표만들기 웹사이트 이용하기

 

Visual studio code 마크다운 테이블 표 쉽게 만들기

 

마크다운으로 글을 쓰면 간단하게 표기한 것을 바로 html을 치환하여 글 쓰는 속도가 빨라집니다. 이전에 사용했던 마크다운 에디터인 타이포라가 유료화가 되면서, vscode 마크다운 사용법을 익히는 중입니다. 마크다운 문법은 동일한데 편의 기능을 추가하는 방법을 찾고 있었습니다.

 

▲ 타이포라는 표 만들기가 한글처럼 쉽고 직관적입니다

어제 작성한 Visual studio code로 마크다운 글 쓰기에 이어서 vs code로 쉽게 테이블 만드는 방법을 한번 찾아보았습니다.

 

1. 표만들기 웹사이트 이용하기

표 만들기는 tables generator라는 사이트를 이용하는 것도 방법입니다.

 

tables generator
▲ tables generator

마크다운 표 만들기 공식을 외우는 것도 방법이지만, 그렇게까지 하고 싶지는 않고 직관적으로 바로 표를 만들어 사용하고 싶을 때 유용합니다.

 

위의 사이트 외에도 구글 스프레드 시트로 작성된 표를 마크다운 표로 바꿔주는 사이트도 있습니다.

 

▲ table to markdown

table to markdown이라는 곳인데요. 구글 스프레드 시트 글이나 엑셀의 표를 마크다운 형식으로 변환시켜줍니다.

 

표를 작성할 때 구글 스프레드 시트를 열어야하는 단점이 있기는 하지만, 표 작성같은 것은 엑셀이나 스프레드 시트로 보관하는 경우가 많다면 큰 단점은 아닐 것입니다.

 

더 쉬운 방법 Excel to Markdown table와 markdown shortcuts 활용하기

엑셀이나 구글 스프레드 시트를 거쳐야하는 단점이 있기는 합니다만, 웹사이트를 거치지 않고도 엑셀, 스프레드 시트 표를 바로 vs code에 복사 붙여넣기가 가능한 플러그인이 있습니다.

 

▲ exel to markdown table

확장플러그인에서 exel to markdown tabe을 검색한 뒤 [설치]하면 단축키 [shift + alt + v]를 이용하여 스프레드 시트의 표를 바로 vscode에서 마크다운 표로 변환해서 가져올 수 있습니다. 웹사이트에 붙여넣기하고 복사하는 과정을 생략한 셈입니다.

 

또 다른 방법으로 markdown shortcuts를 사용하는 방법입니다.

 

▲ markdown shortcuts 설치

▲ markdown shortcuts으로 vs code에서 바로 마크다운 표 만들기

markdown shortcuts 확장 프로그램 설치로 표를 만들 수 있습니다. [add table] 또는 [add table with header]를 클릭해서 표를 삽입할 수 있습니다. 기본으로 3*3 표가 나오는 것 같은데요. 형식을 수정하는 방법을 알게 되면 별도로 포스팅해보려고 합니다.

 

새로운 마크다운 에디터를 찾다보니 메모하는 어플도 많고, vs code외에도 찾아보니 다양한 마크다운 무료 에디터가 많았습니다.

 

편집 프로그램이 효율적이라면 글 쓰는 시간을 많이 단축할 수 있을 뿐 아니라 보기 좋게 가독성도 높힐 수 있습니다. 티스토리 블로그의 경우 마크다운 문법을 지원하고 있어서 활용하면 글 쓰는 효율을 높힐 수 있습니다. 젠틀러, Obsidian 등을 비롯하여 노트 작성 어플까지 다양한 글 쓰기 툴이 있었는데요. 일단은 vs code로 표 만들기 쉽게 할 수 있는 방법에 대해서 알아보았는데요. 같은 고민이 있으셨던 분께 도움이 되셨길 바랍니다.