Tables Generator - HTML과 Markdown 테이블 쉽게 만들기

본 글은 HTML과 Markdown을 사용하시는 분들에게 좀 더 쉬운 표 만드는 방법을 알려드리기 위한 포스팅입니다.

 

 

HTML이나 Markdown을 사용하시다 보면 표 만드는 것이 얼마나 귀찮은지 알 수 있습니다.

저는 HTML은 쉽게 코딩으로 표를 작성할 수 있지만, Markdown은 건들기도 귀찮습니다.

깃허브에서 md 파일을 작성해 보셨나요? 그럴때 Tables Generator가 유용합니다.

 

Tables Generator를 사용하면 에디터 없이 쉽게 표 작성하고 깃허브 md 파일에 표를 쉽게 작성이 가능합니다.

 

Tables Generator

https://www.tablesgenerator.com/

Create LaTeX tables online – TablesGenerator.com

 

사진

 

상단 네브바에 보시면 LaTeX, HTML, Text, Markdown, MediaWiki 등 표를 쉽게 작성할 수 있는 기능이 있습니다.

우리가 중점으로 보고 싶은 HTML과 Markdown을 보겠습니다.

 

 

HTML

클릭하면 크게 보입니다

위의 표를 HTML로 바꾸면 아래의 모습으로 보이게 됩니다.

위의 표를 수정하고 아래의 Generate 버튼을 누르면 위의 표를 구현시켜줄 HTML 코드가 완성됩니다.

 

 

Markdown

Markdown 역시 Generate 하면 쉽게 Markdown 형식으로 표가 생성됩니다.

이제 그대로 사용할 곳에 붙여넣으면 됩니다.

 

 

응용

이 사이트에서 하나하나 표 만드는것도 번거롭습니다.

우리는 구글 스프레드 시트 또는 엑셀이라는 좋은 프로그램을 가지고 있습니다.

엑셀에서 항목을 복사하여 붙여 넣을 수 있는 것 알고 계신가요? 예시를 보여드리겠습니다.

 

 

만약 이런 데이터를 가진 엑셀파일이 있다고 가정해봅니다.

간단하게 표로 만들고 싶은 데이터를 복사 후 Tables Generator에 붙여 넣으면 됩니다.

 

 

방법

복사하기

노란색 부분 클릭 (위치 A열 1행)

붙여넣기!

 

 

결과

HTML 형식으로 만들어진 표

Markdown 형식으로 만들어진 표

 

 

마무리

어느 누구나 편리함을 추구하면서 뭐든 만들어지는 것 같습니다.

Tables Generator는 꼭 필요하거나 정말 유용하기보다 있으면 좋은 그런 사이트 툴입니다.

하지만 이런 사소한 지식 하나하나라도 알면 나중에 자신에게 하나의 강점이 되지 않을까 생각합니다.