etc./Notion

[Notion] ๋…ธ์…˜ ํฌํŠธํด๋ฆฌ์˜ค์— ์ฐจํŠธ & ๊ทธ๋ž˜ํ”„ ๋„ฃ์–ด๋ณด๊ธฐ (Notion Charts)

๊น€ํ‰๋ฒ”๋‹˜ 2022. 3. 15. 22:47
๋ฐ˜์‘ํ˜•

๋…ธ์…˜์— ๊ทธ๋ž˜ํ”„ ๋„ฃ๊ธฐ

 

๐Ÿง‘‍๐Ÿ’ปNotion ํฌํŠธํด๋ฆฌ์˜ค ๋งŒ๋“ค๊ธฐ ํ›„๊ธฐ

๊ธฐ์กด์— ๋งŒ๋“ค์–ด๋†จ๋˜ ๋…ธ์…˜์œผ๋กœ ๋งŒ๋“  ๊ฐœ๋ฐœ์ž ํฌํŠธํด๋ฆฌ์˜ค๊ฐ€ ๋งค์šฐ ํฐ ์ธ๊ธฐ๋กœ

๋…ธ์…˜ ํŽ˜์ด์ง€ ๋ฐฉ๋ฌธ์ž ์ˆ˜๊ฐ€ ๋ฒŒ์จ 6๋งŒ์ด ๋„˜์–ด๊ฐ”๋‹ค. ๐Ÿ‘ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.๐Ÿ™‡‍โ™€๏ธ

 

์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž๋ถ„๋“ค๊ณผ ํ˜„์—ญ ๊ฐœ๋ฐœ์ž ๋ถ„๋“ค์ด ๋งŽ์€ ๊ด€์‹ฌ์„ ์ฃผ์…”์„œ

์˜ค๋Š˜์€ ๋…ธ์…˜ ํฌํŠธํด๋ฆฌ์˜ค ์—…๋ฐ์ดํŠธ์— ๋Œ€ํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ์ค€๋น„ํ•ด ๋ดค๋‹ค.

 

 

 

 

๐Ÿ‘‡์•„์ง NotionํฌํŠธํด๋ฆฌ์˜ค ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์„ ๋ชป ๋ณด์…จ๋‹ค๋ฉด?

https://ordinary-code.tistory.com/39

 

[Notion]๋…ธ์…˜์„ ์ด์šฉํ•˜์—ฌ ๊ฐœ์ธ์šฉ ํฌํŠธํด๋ฆฌ์˜ค ๋ฐ ์ด๋ ฅ์„œ ์ž‘์„ฑํ•˜๊ธฐ(์‹ ์ž…, ๊ฒฝ๋ ฅ์ง ํฌํŠธํด๋ฆฌ์˜ค ํ…œํ”Œ๋ฆฟ

๐Ÿฃ ๋“ค์–ด๊ฐ€๊ธฐ ์ „ ์ฒซ ์ทจ์ง ์ค€๋น„ ์‹œ ์•„๋ฌด๊ฒƒ๋„ ์ปค๋ฆฌ์–ด๊ฐ€ ์—†๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๋‹ค. ์‚ฌ๋žŒ์ธ, ์žก์ฝ”๋ฆฌ์•„ ๋“ฑ ๊ฐ„๋žตํžˆ ์ ์€ ์ด๋ ฅ์„œ๋Š” ๋ˆ„๊ตฌ๋‚˜ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๋ฉด, ๋‚ด๊ฐ€ ๊ทธ๋“ค๋ณด๋‹ค ์•ž์„œ๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ข€ ๋” ๋‚˜์€ ์ ์ด ์žˆ์–ด

ordinary-code.tistory.com

 

 

๐Ÿ“ŠNotion Charts ์ด์šฉํ•˜๊ธฐ

๋…ธ์…˜์—์„œ ๊ณ„์† ๊ทธ๋ž˜ํ”„๋ฅผ ๋„ฃ๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ–ˆ๋Š”๋ฐ ๋งˆ๋•…ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ชป ์ฐพ์•˜๋‹ค๊ฐ€

์˜ค๋Š˜ ํšŒ์‚ฌ Notion์„ ์ ๊ฒ€ํ•˜๋‹ค Notion Charts๋ผ๋Š” ์‚ฌ์ดํŠธ๋ฅผ ๋ฐœ๊ฒฌํ–ˆ๋‹ค.

 

https://notioncharts.io/

 

Notion Charts - Customizable Charts from your Notion Tables

 Free Get started for free. 5 Charts 9 Chart Types  Pro Upgrade for just 1.99$ Unlimited Charts 9 Chart Types

notioncharts.io

 

Notion Charts์—์„œ๋Š” ๋‚˜์˜ ๋…ธ์…˜ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ํ…Œ์ด๋ธ”์„ ์ด์šฉํ•ด์„œ chart embed๋ฅผ ์ œ๊ณตํ•œ๋‹ค.

๋ฌด๋ฃŒ ํ”Œ๋žœ์œผ๋กœ๋Š” ์ด 5๊ฐœ๊นŒ์ง€ 9๊ฐœ ์ข…๋ฅ˜์˜ ์ฐจํŠธ๋ฅผ ์ œ๊ณตํ•ด์ฃผ๋ฉฐ,

ํ”„๋กœ ํ”Œ๋žœ์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œ๋ฅผ ํ•˜๋ฉด ๋ฌด์ œํ•œ ์ฐจํŠธ๊ฐ€ ์ด์šฉ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

 

๋จผ์ € ๊ตฌ๊ธ€์„ ์ด์šฉํ•ด์„œ ํ•ด๋‹น ์‚ฌ์ดํŠธ๋ฅผ ํšŒ์›๊ฐ€์ž…์„ ์ง„ํ–‰ํ•œ๋‹ค.

 

 

โš™๏ธNotion Charts Notion ์—ฐ๊ฒฐํ•˜๊ธฐ

Notion Charts๋ฅผ ์ด์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋จผ์ € ๋กœ๊ทธ์ธ์„ ์ง„ํ–‰ํ•ด์•ผ ํ•œ๋‹ค.

Notion chart Notion ์—ฐ๋™ํ•˜๊ธฐ

๋กœ๊ทธ์ธ์„ ํ•˜๋ฉด ๊ฐ€์žฅ ๋จผ์ € Notion์„ ๋…ธ์…˜ ์ฐจํŠธ์™€ ์—ฐ๋™ํ•ด์ค˜์•ผ ํ•œ๋‹ค.

๊ฐ€์šด๋ฐ์˜ Connect Notion์„ ํด๋ฆญํ•œ๋‹ค.

 

 

Notion ์—‘์„ธ์Šค ํ—ˆ์šฉํ•˜๊ธฐ

Notion Chart์—์„œ Chart๋ฅผ ์ƒ์„ฑํ•˜๋ ค๋ฉด ๋จผ์ € ๋‚ด ๊ณ„์ •์„ ์•ก์„ธ์Šค๋ฅผ ์ง„ํ–‰ํ•ด์•ผ ๋œ๋‹ค.

ํŽ˜์ด์ง€๋ฅผ ๋ณด๊ฑฐ๋‚˜ ํŽธ์ง‘ํ•˜๊ฑฐ๋‚˜ ์ƒ์„ฑ, ์ด๋ฉ”์ผ ์ฃผ์†Œ ๋“ฑ ๋ช‡ ๊ฐ€์ง€ ๊ถŒํ•œ ์•ก์„ธ์Šค๋ฅผ ํ—ˆ์šฉํ•ด์•ผ ํ•œ๋‹ค๊ณ  ํ•œ๋‹ค.

ํŽ˜์ด์ง€ ์„ ํƒํ•˜๊ธฐ๋ฅผ ํด๋ฆญํ•œ๋‹ค.

Notion ํŽ˜์ด์ง€ ์•ก์„ธ์Šค ํ—ˆ์šฉํ•˜๊ธฐ

Notion Charts๋ฅผ ์ด์šฉํ•  ๋…ธ์…˜์˜ ํŽ˜์ด์ง€๋ฅผ ์„ ํƒํ•œ๋‹ค.

์–ด๋– ํ•œ ํŽ˜์ด์ง€์˜ ์•ก์„ธ์Šค๋ฅผ ํ—ˆ์šฉํ•  ๊ฑด์ง€๋ฅผ ์ฒดํฌํ•ด์•ผ ํ•˜๋Š”๋ฐ

๋‚˜์˜ ๊ฒฝ์šฐ ํฌํŠธํด๋ฆฌ์˜ค ํŽ˜์ด์ง€์—๋งŒ ์•ก์„ธ์Šค๋ฅผ ํ—ˆ์šฉํ–ˆ๋‹ค.

 

 

Notion Chart ๋ฐ์ดํ„ฐ ๋ฒ ์ด์Šค ์—ฐ๋™ํ•˜๊ธฐ

์ฒ˜์Œ ์•ก์„ธ์Šค๋ฅผ ๋๋‚ด๋ฉด Database๋ฅผ ๋ชป ์ฐพ๋Š”๋‹ค๋Š” ์•ˆ๋‚ด๊ฐ€ ๋‚˜์˜ค๋Š”๋ฐ ๊ฐ€์šด๋ฐ refresh๋ฒ„ํŠผ์„ ํด๋ฆญํ•ด์ค€๋‹ค.

 

Notion database ์•ก์„ธ์Šคํ•˜๊ธฐ

refresh๋ฅผ ๋ˆ„๋ฅด๊ณ  ์–ด๋Š ์ •๋„ ์‹œ๊ฐ„์ด ์ง€๋‚˜๋ฉด ๋…ธ์…˜ ์—ฐ๊ฒฐ์ด ์™„๋ฃŒ๋˜์—ˆ๋‹ค๋Š” ์•ˆ๋‚ด๊ฐ€ ๋œจ๊ณ 

์—ฐ๋™์ด ์™„๋ฃŒ๋˜๋ฉด ์ด์ œ ์ฐจํŠธ๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋‹ค 

Create Chart๋ฅผ ํด๋ฆญํ•˜์ž

 

 

 

 

 

๐Ÿ“ŠNotion ์—ฐ๋™ํ•  Chart ๋งŒ๋“ค๊ธฐ

1๏ธโƒฃData Setting ํ•˜๊ธฐ

Notion Table
Notion Chart Data settingํ•˜๊ธฐ

๋จผ์ € Notion Table์„ ์„ ํƒํ•ด์ค€๋‹ค.

๋‚˜์˜ ๊ฒฝ์šฐ ์•ก์„ธ์Šค๋ฅผ ํ—ˆ์šฉํ•œ ํŽ˜์ด์ง€์— Skill List๋ผ๋Š” ๋ฐ์ดํ„ฐ ๋ฒ ์ด์Šค๋ฅผ ๋งŒ๋“ค์–ด์คฌ๋‹ค.

ํ•ด๋‹น Notion table์„ ์„ ํƒํ•ด์ค€๋‹ค.

 

X์ขŒํ‘œ๋Š” ๋‚ด๊ฐ€ ๊ทธ๋ฃนํ•‘ํ•  ํ•„๋“œ๋ฅผ ์„ ํƒํ•ด์ฃผ๊ณ 

Y์ขŒํ‘œ๋Š” Chart์— ํ‘œ์‹œํ•  ๊ฐ’์„ ์„ ํƒํ•ด์ค˜์•ผ ํ•œ๋‹ค.

Y์ขŒํ‘œ์˜ ๊ฒฝ์šฐ ๋ฐ˜๋“œ์‹œ ์ˆซ์ž๋กœ ๋œ ํ•„๋“œ๋ฅผ ์„ ํƒํ•ด์•ผ Chart๊ฐ€ ์ œ๋Œ€๋กœ ๊ทธ๋ ค์ง„๋‹ค.

 

Sort By๋Š” ์–ด๋–ค ๊ธฐ์ค€์œผ๋กœ ์ˆœ์„œ๋ฅผ ํ‘œ์‹œํ• ์ง€๋ฅผ ์ฒดํฌํ•˜๊ณ 

Group By๋Š” ํ•ฉ๊ณ„, ์ตœ๋Œ“๊ฐ’, ์ตœ์†Ÿ๊ฐ’, ํ‰๊ท , ๊ฐœ์ˆ˜๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค.

๊ทธ๋ฃนํ•‘๋˜๋Š” X์ขŒํ‘œ์— ๋Œ€ํ•ด์„œ Y์ขŒํ‘œ์˜ ์ˆซ์ž ๊ฐ’์„ ์–ด๋– ํ•œ ํ˜•ํƒœ๋กœ ๋ณด์—ฌ์ค„์ง€๋ฅผ ์„ ํƒํ•œ๋‹ค๊ณ  ๋ณด๋ฉด ๋œ๋‹ค.

 

 

2๏ธโƒฃChart Setting ํ•˜๊ธฐ

Notion Charts

๋…ธ์…˜ ์ฐจํŠธ์—์„œ๋Š” ์ด 9๊ฐœ์˜ ์ฐจํŠธ ํ˜•ํƒœ๊ฐ€ ์ œ๊ณต๋œ๋‹ค.

๊ฐ ๋‚ด ์ƒํ™ฉ์— ๋งž๋Š” ์ฐจํŠธ๋ฅผ ์„ ํƒํ•ด์ค€๋‹ค.

Notion Chart ์ข…๋ฅ˜

์ƒ‰์ƒ์€ ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์ƒ‰์œผ๋กœ ํ• ์ง€ ๋‹จ์ƒ‰์œผ๋กœ ํ‘œ์‹œํ• ์ง€๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค.

title์€ Notion ํ…Œ์ด๋ธ” ์ด๋ฆ„์„ ํ‘œ์‹œํ• ์ง€ ๋ง์ง€

DataLabels๋Š” ๋ฐ์ดํ„ฐ ๊ฐ’์„ ๋ผ๋ฒจ ํ˜•ํƒœ๋กœ ๋ณด์—ฌ์ค„์ง€ ๋ง์ง€๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค.

 

๊ฐ๊ฐ ํด๋ฆญํ•ด๋ณด๋ฉด์„œ ๋‚˜์—๊ฒŒ ๋งž๋Š” ์ฐจํŠธ๋ฅผ ์ƒ์„ฑํ•˜๋ฉด ๋œ๋‹ค.

 

 

3๏ธโƒฃChart Embed ๋งํฌ ๋ณต์‚ฌํ•˜๊ธฐ

Notion Charts ๋ณต์‚ฌํ•˜๊ธฐ

๋งŒ์กฑํ•˜๋Š” ์ฐจํŠธ ํ˜•ํƒœ๋ฅผ ์ฐพ์•˜๋‹ค๋ฉด ์ค‘์•™ ์šฐ์ธก ์ƒ๋‹จ์— Copy Embed URL์„ ํด๋ฆญํ•œ๋‹ค.

 

Notion Chart Dark ๋ชจ๋“œ

๋งŒ์•ฝ ๋‚ด๊ฐ€ ๋‹คํฌ ๋ชจ๋“œ๋ฅผ ์ด์šฉํ•œ๋‹ค๋ฉด ์™ผ์ชฝ ์ƒ๋‹จ์˜ DarkMode๋ฅผ ์„ ํƒํ•˜๋ฉด ๋…ธ์…˜ ๋‹คํฌ ๋ชจ๋“œ์— ๋งž๊ฒŒ ๋ณต์‚ฌ๋œ๋‹ค.

 

 

 

4๏ธโƒฃNotion์— Chart ์ž„๋ฒ ๋“œํ•˜๊ธฐ

 

 

Notion ์ž„๋ฒ ๋“œ ์ƒ์„ฑ

๋จผ์ € ๋ณต์‚ฌํ•ด์˜จ ๋งํฌ๋ฅผ ๋‚ด๊ฐ€ ์ฐจํŠธ๋ฅผ ๋„ฃ๊ณ  ์‹ถ์€ ๊ณณ์— ๋ถ™์—ฌ ๋„ฃ๊ธฐ๋ฅผ ํ•œ๋‹ค.

๋ถ™์—ฌ ๋„ฃ๊ธฐ๋ฅผ ํ•˜๋ฉด ์ž„๋ฒ ๋“œ ์ƒ์„ฑ์ด๋ผ๋Š” ์†์„ฑ์„ ์„ ํƒํ•œ๋‹ค.

Notion Chart ์™„์„ฑ ํ™”๋ฉด

์ž„๋ฒ ๋“œ๋ฅผ ํ•˜๋ฉด ์ด์ œ ๋‚ด๊ฐ€ ๋งŒ๋“  ์ฐจํŠธ๊ฐ€ ๋…ธ์…˜์— ๋“ค์–ด์˜จ ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

 

 

 

 

๐Ÿ”Ž์‹ค์ œ ์ ์šฉ ํ™”๋ฉด ํ™•์ธํ•˜๊ธฐ

https://www.notion.so/Ordinary-Code-babb21475b004fdeb481b5e465cb8fa5

 

Ordinary Code

โ€ปํ˜„์žฌ ํŽ˜์ด์ง€๋Š” ํ…œํ”Œ๋ฆฟ ๊ณต๊ฐœ์šฉ์œผ๋กœ ์•„๋ž˜์˜ ๋‚ด์šฉ์€ ์‹ค์ œ ์—…๋ฌด๋‚ด์šฉ๊ณผ ์ „ํ˜€ ๋ฌด๊ด€ํ•ฉ๋‹ˆ๋‹ค. ํ…œํ”Œ๋ฆฟ ์ž‘์„ฑ ์‹œ ํ•ด๋‹น ๋‚ด์šฉ์„ ์‚ญ์ œ ํ›„ ์‚ฌ์šฉํ•ด์ฃผ์„ธ์š”!

www.notion.so

 

๋ฐ˜์‘ํ˜•