티스토리 블로그에서 표를 깔끔하게 만드는 방법(표 만들기)

■ 대한민국 대표 블로그 : 티스토리

 네이버를 제외하면 블로그의 대세는 아직도 티스토리 입니다. 물론 워드프레스가 막강한 편집 기능으로 많은 사람들의 호응을 받고 있지만, 어느정도 고급기능을 사용하려면 유료로 돈을 지불해야 하고 데이터 저장한도도 제한이 있습니다. 다음블로그, 구글 블로그 등이 있지만 계속해서 진화해왔고 많은 사람들에게 검증을 받은 블로그는 티스토리 뿐입니다. 

 

 현재 다음을 인수한 카카오도 다양한 개인화된 글쓰기 플렛폼을 시장에 내놓고 있지만, 티스토리는 이미 시장 영향력이 커서 쉽게 통폐합을 못하고 계속 정상적으로 운영할 계획이라고 밝혔습니다. 

 물론 네이버 블로그는 티스토리에 비해서 막강한 부가 기능과 라인 케릭터를 비롯한 다양한 스트커를 제공하지만, 폐쇄적인 네이버에 아쉬움이 있어 쉽게 네이버 블로그에 손이 가지 않습니다. 

■ 티스토리 에디터의 아쉬운 표 만들기 기능

 블로그에 글을 쓸때 중요한 기능은 바로 에디터 툴입니다. 워드 프레스는 다양한 설치형 에디터 툴을 제공해서 사용자가 무료 또는 유료 에디터 툴을 이용하여 글을 쓸수 있습니다. 티스토리도 기본 글쓰기 이외에 사진, 동영상, 파일, 지도, 수식입력 등의 한국 사용자의 기호에 맞춘 부가 기능이 있는 에디터 툴을 제공합니다. 정보 제공성이 강한 티스토리 블로거글들을 특성상 감정을 전달하는 라인(line) 의 스티커는 별로 필요 없습니다. 

 하지만, 제가 평소 아쉬웠던 점은 표 만들기 입니다.  데이터를 분석해서 깔끔하게 표로 정리하는 경우가 많은데, 이 표를 티스토리 블로그에 표현하는 것이 어렵습니다. 기본적인 tistory 의 표 기능은 너무 단순하고 제한사항이 많습니다. 

▲ 기본에 너무 충실한 티스토리 에디터의 표 만들기

 티스토리에서 표를 만들고 외부 텍스트 데이터를 붙여 넣기하면 없는 줄이 생기거나 데이터를 표 틀이 깨지는 경우가 많습니다.  어떻게 해야 할까요? 

■ 네이버 블로그 표 만들기 둘러보기 

 티스토리에 비해서 지원을 많이 받아 막강한 기능을 가진 네이버 블로그의 표 만들기를 보겠습니다. 기본적인 행,열 개수 이외에 표스타일, 테두리두께, 테두리색, 셀 배경색을 별도로 지정할 수 있습니다. 

▲ 네이버 표 1

 사용자가 직접 표의 속성을 설정하기 어렵다면 기본적으로 12가지의 스타일을 제공해서 더욱 깔끔하고 정보전달력이 뛰어난 표를 만들 수 있습니다. 

▲ 네이버 표 2

■ 티스토리 깔끔한 표 만들기 방법

 표를 가장 쉽고 깔끔하게 만드는 방법은 역시 엑셀입니다. 엑셀에서는 기본적인 연산관련 함수도 제공하고 표의 셀 간격 조절이 가능하며 표 꾸미기 등을 '표 서식'을 통해서 다양한 템플릿을 제공합니다.

*  참고글 :  [팁] 엑셀 표 스타일 적용해 데이터 분석 및 꾸미기

 

 결국 가장 깔끔하게 하는 방법은 엑셀의 표를 스크린 캡쳐해서 그림 파일로 티스토리에 넣는 방법입니다. 하지만, 먼가 아쉽습니다. 그래서 엑셀의 표를 만들어서 복사(Ctrl + C) 해서 붙여넣기(Ctrl + V)를 해보면 엑셀에서 만들었던 표가 티스토리에서 그대로 보여지지 않습니다.

여기서 방법이 있습니다. 바로 'MS 엑셀' -> 'MS 워드' -> '티스토리 편집창' 을 통해서 옮겨 놓는 방법입니다. 

 아래 표는 제가 지난글 ( 2015/10/31 - [IT 활용정보] - 서울시 아파트 매매내역 데이터 분석(평균매매가격이 가장 높은 지역은?) ) 에서 사용했던 표입니다. 

시군구	단지명	전용면적(㎡)	계약일	거래금액(만원)	층	건축년도	도로명
서울특별시 강남구 개포동	개포자이(12-2)	153.8	21~31	144,000	14	2004	개포로109길
서울특별시 강남구 개포동	개포현대200동	82.2	21~31	74,500	8	1986	언주로
서울특별시 강남구 개포동	경남1	96.98	21~31	102,000	12	1984	언주로

  지금 바로 엑셀에서 표를 만들어 보시거나 직접 만들어 보시거나 엑셀 샘플 글 ( 2015/10/31 - [IT 활용정보] - [엑셀팁] 조건에 맞는 최대,최소,평균 및 중간값 구하기(DMAX,DMIN,DAVG) ) 에서 파일을 다운받아서 테스트 해보십시요.   

 단, 이럴 경우 표가 화면에서 좌우로 꽉 채워져 확장되어 표시됩니다. 그래야만 모바일이나 태블릿에서 100% 내용이 다 보일 수 있습니다. 별로 HTML 를 수정해서 표의 좌우폭을 고정할 수 있지만, 그럴경우 타 매체에서 제대로 보이지 않을 수 있습니다.