엑셀 시트 자료를 블로그에 넣는 쉬운 방법

블로그를 만들다 보면 엑셀로 작성된 시트 자료를 티스토리 블로그에 넣고 싶을 때가 있습니다. 단순하게 복사, 붙여 넣기 하면 오류가 발생합니다. 이러한 오류 없이 엑셀 시트 자료를 그림 파일로 만들거나, 그림으로 만들어서 블로그에 넣는 방법에 대해서 알아보도록 하겠습니다.

 

 

엑셀 시트 자료를 티스토리 블로그에 넣는 쉬운 방법

 

 

티스토리 블로그 에디터에 내장된 표(Tabel) 작성 기능을 활용하면 기본적인 표(Tabel)를 넣을 수 있습니다. 하지만, 수식을 사용한 자료 등을 넣기에는 불편합니다.

 

그래서 엑셀을 이용해서 자료를 만들었는데, 막상 붙여 넣기 하면 오류가 발생해서 이상한 모양이 됩니다.

 

이러한 문제없이 엑셀 시트 자료를 블로그에 넣을 수 있는 방법이 몇 가지 있습니다. 그중에서도 가장 손쉽게 할 수 있으며, 오류 없이 엑셀 시트 자료를 티스토리 블로그에 쉽게 넣을 수 있습니다. 그 방법은 다음과 같습니다.

 

1. 엑셀 시트 자료를 그림으로 만들어서 넣을 수 있습니다.

2. 구글 시트(Google Sheets)로 작성해서 붙여 넣기 할 수 있습니다.

 

 

 

위 2가지 방법을 제외하더라도 엑셀 자료를 구글 시트(Google Sheets)에서 자료를 작성하고 생성된 내장 코드를 사용하여 블로그에 넣는 방법도 있습니다.

 

이 방법을 활용하면 블로그에 엑셀 시트 자료를 보여줄 수 있으며, 자동으로 업데이트되는 경우 최신 정보를 보여 줄 수 있습니다. 이 방법에 대해서는 아래에서 자세하게 다루도록 하겠습니다.

 

 

그림으로 만들어서 넣기

 

엑셀 프로그램에는 자료를 그림 파일로 내보내는 기능은 없습니다. 그래서 번거롭지만 다른 방법을 사용해서 그림 파일로 만들거나 그림으로 만들 수 있습니다. 이렇게 만들어진 그림 파일을 블로그에 쉽게 넣을 수 있습니다. 자세한 내용은 아래를 참고하시면 됩니다.

 

 

그림 파일로 만들기 - 편집 프로그램 사용

 

포토스케이프 같이 무료로 사용 가능한 프로그램을 이용하거나, 그림판을 이용해서 파일로 만들 수 있습니다. 만들어진 그림 파일을 블로그에 넣으면 됩니다.

 

엑셀이 아닌 외부 프로그램을 거치는 것이라서 익숙하지 않은 분들은 어렵다고 느낄 수 있습니다.

 

그림 파일로 만들어서 블로그에 넣은 방법은 다음과 같이 하시면 됩니다.

1. 그림으로 만들고 싶은 엑셀의 영역을 선택하고 복사하고,

2. 포토스케이프 같은 이미지 편집 프로그램에 복사한 내용을 붙여 넣기 합니다.

3. 내용을 확인하고 파일 위치와 이미지의 확장자(JPG, PNG 등)으로 저장합니다.

4. 만들어진 그림 파일을 블로그에 넣으면 됩니다.

 

 

 

엑셀 붙여 넣기 옵션 - [그림] 또는 [연결된 그림] 기능 사용

 

엑셀에는 붙여 넣기 옵션에는 다양한 옵션들이 있습니다. 옵션 중에서 [그림] 또는 [연결된 그림]이라는 기능이 있습니다. 이 기능을 이용하면 외부 편집 프로그램을 거치지 않고 그림으로 만들 수 있습니다. 이렇게 만들어진 그림을 블로그에 쉽게 넣을 수 있습니다.

 

장점은 위에서 언급했듯이 외부 프로그램을 거치는 단계 없이 엑셀에서 바로 그림을 만들 수 있기 때문에 빠르고 직관적으로 만들 수 있습니다.

 

특히 [연결된 그림] 옵션을 이용할 경우 엑셀 데이터 내용이 변경되었을 때, 그림도 자동으로 수정됩니다.

 

단점은 블로그에 사용한 이미지 이름을 변경할 수 없고, 사용된 이미지 크기 또한 알 수 없습니다. 검색 엔진 최적화(SEO)를 위해서는 이미지의 이름과 크기를 고려해야 합니다.

 

그림으로 만들어서 블로그에 넣은 방법은 다음과 같은 순서로 하시면 됩니다.

1. 엑셀에서 그림으로 만들고 싶은 영역을 선택하고 복사하고,

2. 엑셀의 [홈]탭에 있는 [붙여 넣기]의 아래에 있는 곳을 클릭하시면 다음과 같은 화면을 볼 수 있습니다.

[기타 붙여넣기 옵션]이 보이는데 그중에서 [그림] 또는 [연결된 그림]을 선택하면,

 

홈 - 붙여넣기 - 기타 붙여넣기 옵션

 

3. 엑셀에서 빠르게 선택한 영역과 연결된 그림이 만들어집니다.

특히, [연결된 그림]을 선택할 경우 만들어진 그림은 데이터와 연동이 되어 데이터가 변경되면 그림도 자동으로 수정됩니다.

4. 이렇게 만들어진 그림을 복사해서, 블로그 에디터에서 붙여 넣기 하시면 빠르게 그림을 넣을 수 있습니다.

 

 

주의 사항

 

폰트(Font, 글꼴)의 저작권 관련 문제입니다. 문서를 작성하거나 그림을 편집할 수 있는 프로그램에서 이용할 수 있는 폰트(Font, 글꼴) 중에는 상업적 이용이 불가능한 경우가 있습니다.

 

사용하시는 폰트(Font, 글꼴)의 저작권 관련된 내용을 미리 확인하신 뒤에 사용하시길 바랍니다. 글자의 모양도 이쁘고 무료로 사용 가능한 것들이 많이 있습니다.

 

 

 

구글 시트(Google Sheets)를 이용하는 방법

 

구글 시트(Google Sheets)보다는 엑셀을 사용하시는 분들이 더 많이 있는 상황이지만, 구글에도 엑셀과 거의 유사한 기능을 하는 구글 시트(Google Sheets)가 있습니다. 사용법은 스프레드 시트 특성상 엑셀이나 구글 시트나 비슷합니다.

 

엑셀이 익숙하신 분이라면 처음에는 익숙하지 않아서 불편할 수 있을 것입니다. 사용하고자 하는 기능을 조금만 찾아보면 금방 적응할 수 있습니다. 인터넷에 연결되어 있고, 크롬 브라우저만 있으면 사용할 수 있으니 더 좋을 수 도 있습니다.

 

 

 

구글 시트(Google Sheets) 내용을 복사 붙여 넣기

 

이 방법의 장점은 장점은 구글 시트(Google Sheets)에서 작성된 셀의 내용을 포함해서 셀의 색상과 테두리 등을 블로그로 아주 빠르게 가져올 수 있습니다.

 

단점은 복사 붙여 넣기 과정을 몇 번을 해야 하며, 내용이 수정되었을 때 위의 작업을 반복해야 합니다.

 

 

보여주고자 하는 내용이 엑셀 파일로 작성되어 있다면, 다음과 같은 방법으로 하시면 됩니다.

1. 구글 계정으로 로그인 한 뒤 구글 시트에 접속합니다.

2. 엑셀 파일에 있는 내용을 영역을 선택하여 복사하고,

3. 구글 시트에 붙여 넣기 합니다.

4. 구글 스트에 있는 내용을 영역을 선택하여 복사하고,

5. 티스토리 블로그 에디터에서 붙여 넣기 하시면 됩니다.

 

 

구글 시트(Google Sheets) 내용을 블로그에 연동시키기

 

이 방법은 HTML의 iframe 태그를 활용해서 보여주는 방식으로 현재는 권장하고 있지 않은 방식입니다. 그 이유는 XSS 공격에 취약한 점, 사용성이 떨어지는 점, 웹 크롤링의 문제 등이 있습니다.

 

그럼에도 불구하고 구글 시트(Google Sheets)에서는 iframe 태그를 활용한 방식으로 [웹에 게시] 코드를 보여주고 있음으로, 사용 방법에 대해서는 알고 있는 것이 좋을 듯합니다.

 

장점은 구글 시트(Google Sheets)에서 작성된 시트의 내용을 그대로 보여줄 수 있습니다. 시트의 내용이 업데이트되었을 때, 블로그에 별도의 수정이 필요 없습니다.

 

단점으로는 HTML 코드를 수정하고, 미리 보기 하면서 수정 작업이 필요합니다.

HTML 수정이 서툰 분들에게는 약간의 시간이 소요될 것이며, 어렵다고 느낄 수 있습니다.

데스크톱에서는 의도한 모습처럼 보여 줄 수 있지만, 모바일에서는 제대로 보여주기 어렵습니다.

모바일 최적화를 위해서는 권해드리고 싶지 않습니다.

 

블로그에 연동시키는 방법은 다음과 같은 방법으로 하시면 됩니다.

1. 좌측 상단에 있는 [파일] - [공유] - [웹에 게시]를 선택합니다.

2. [삽입]을 선택하고, 전체문서 혹은 시트를 게시할 것 인지 선택합니다.

3. [게시]를 누르시면, 블로그에 연동시킬 수 있는 HTML 코드가 나타나게 됩니다.

4. [HTML 코드]를 복사하고,

5. 티스토리 블로그의 글쓰기 - [HTML모드]로 변경하고 해당 코드를 붙여 넣기 합니다.

해당 코드를 그대로 붙여 넣기 하면, 아주 작은 크기로 보여주게 됩니다.

그래서 크기를 조정하는 HTML 코드를 추가하는 작업이 필요합니다.

폭(가로)을 크게 하는 width = "가로 수치"

높이(세로)를 크게 하는 height="세로 수치"

6. [미리 보기] 혹은 [기본모드]로 변경해서 작성된 모습을 확인하시면 됩니다.

 

 

 

맺음말

 

 

지금까지 엑셀 시트에 있는 자료를 블로그에 넣을 수 있는 방법에 대해서 알아보았습니다. 부족한 글이지만 끝까지 읽어주셔서 감사합니다. 다음에는 더 좋은 내용으로 뵙겠습니다.

 

 

출처 및 저작권 표시

 

자료 출처

 

저작권 표시

썸네일 디자인 : 미리캔버스에서 제작되었습니다.

본문 글꼴(폰트) : Google Noto Sans Korean - OFL(Open Font Licese)