🧾

노션에 엑셀 표 그대로 넣기

🔥
노션에 표를 있는 그대로 넣는 방법! (구글 스프레드 시트 임베딩 아님)
우리의 기대와 노션의 현실
응 안 돼...
제작 절차
1.
엑셀 혹은 구글 스프레드시트에서 열심히 만든 표를 복사한다.
2.
HTML Table Generator 에 붙여넣고 html로 변환한다
사이트 링크
File → Paste table data → Ctrl V (cmd V) → Paste with formatting 란 체크 ☑️
체크해야만 표의 배경색, 디자인을 그대로 입힐 수 있어요
Generate 버튼 클릭 & Copy to clipboard 버튼 클릭
3.
변환한 HTML을 DIY 임베딩 프로그램으로 변환한 링크를 노션에 바로 붙인다
DIY Embed URL 사이트 링크
노션 한국 사용자 모임의 이한결님께서 만든 사이트의 도움을 받았습니다 🙇
Paste any html code 에 위 사이트에서 복사해 온 걸 그대로 붙여넣고 Generate URL 버튼 클릭
Here you go! 의 링크를 복사해 노션에 paste 한 뒤, create embed로 넣는다.
4.
결과물을 가다듬는다.
아래의 표가 임베딩으로 탄생한 표입니다.
노션 안에서 표 수정 (데이터, 크기, 디자인 등) 이 불가능하니 앞 절차에서 충분히 다듬어 주세요.
몇가지 팁들
표의 배경은 회색이 기본값입니다. 흰색 혹은 다크모드에 맞는 검정색을 희망하시는 분들은 표 제작 단계에서부터 표의 배경색 + 표 테두리 색을 지정해 주셔야 합니다.
HTML Table Generator 에서 csv를 바로 import 할 수도 있습니다.
간단한 표는 HTML Table Generator에서 직접 제작할 수 있습니다.
써보고 아쉬운 점
노션 개발팀이 빠르게 에버노트와 드롭박스의 simple table을 만들어 줬으면 좋겠습니다 😭
HTML을 임베딩할 수 있는 DIY Embed URL만 있으면 HTML과 CSS 디자인에 능숙하신 분들은 보다 좋은 퀄리티의 표를 넣을 수 있을 거라 생각합니다 (제가 이 분야를 잘 알지는 못해서 아쉽네요)
HTML Table Generator 사이트 내에서 약간의 표 수정이 가능합니다. 다만 row의 폭 조절이 안 되는 것 같아서 아쉬웠습니다.
😭 그래도 노션에 가운데정렬, 배경색, 이미지도 포함되는 표를 넣을 수 있는 게 어디입니까!! 😭
🙋‍♂️ 김문과의 데이터
직접 공부한 데이터 분석 · 활용법을 기록합니다.
포스팅에 대한 Q&A 및 다양한 논의를 기다립니다. contact or email
Today