๋ฆด๋ฆฌ์ค / 3.6
Notion 3.6: ์ธ๋ถ ์์ด์ ํธ, HTML ๋ธ๋ก ๋ฑ
์์ด์ ํธ๊ฐ 1ํ์ฑ ์ฑํ ์๋ง ๋จธ๋ฌผ๋ฌ์๋ ์ ๋ฉ๋๋ค. ์ด์ ๋ค๋ฅธ ํ์๋ค๊ณผ ํจ๊ป ์ฌ๋ฌ ์์ด์ ํธ๋ฅผ ํ๋์ UI์ ๊ฐ์ ธ์์ ์ ์ฒด ์ํฌํ๋ก๋ฅผ ์ฒ์๋ถํฐ ๋๊น์ง ์๋ํํ ์ ์์ต๋๋ค.
์ด๋ ์์์ ๋ถ๊ณผํด์. ์ด์ AI ๋ ธํธ์๋ ๋ฐํ์ ๋ผ๋ฒจ(๊ฐ์ฅ ๋ง์ ์์ฒญ์ ๋ฐ์ ๊ธฐ๋ฅ์ด์ฃ !)์ด ํฌํจ๋๋ฉฐ, Notion ์์ด์ ํธ๋ Excel๊ณผ PowerPoint ๋ฑ์ ๋ ๋ง์ ํ์ผ ํ์์ ์ฝ๊ณ ์ธ ์ ์์ต๋๋ค. ๋ํ ROI ๊ณ์ฐ๊ธฐ์ ๊ฐ์ ๋ํํ HTML ๋ธ๋ก์ ๋ง๋ค ์๋ ์์ด์.
์ธ๋ถ ์์ด์ ํธ ์ค์ผ์คํธ๋ ์ด์ (๊ณง ์ถ๊ฐ ์์ : Claude, Cursor ๋ฑ)

์ผ๋ถ ์์ด์ ํธ๋ CLI, IDE, ๋ณ๋์ ์ฑ์์ ๋๋จธ์ง ํ์ด ๋ณด๊ฑฐ๋ ๊ตฌ์ถํ ์ ์๋ ์์ ์ ๋ ๋ฆฝ์ ์ผ๋ก ์ํํฉ๋๋ค. ์ด์ ๋ ์ ์ฒด ํ๊ณผ ๊ณต์ ํ๋ ๋ณด๋์์ ์์ด์ ํธ์ ์์ ์ ํ ๋นํ๊ณ , ํ์์ฒ๋ผ @๋ฉ์ ํ ์ ์์ผ๋ฉฐ, ์์ด์ ํธ๊ฐ ์คํ๋๋ ๊ฒ์ ํ์ธํ ์ ์์ต๋๋ค.
Claude์ Cursor๋ Notion์ ์ฒซ ๋ฒ์งธ ์ธ๋ถ ์์ด์ ํธ์ ๋๋ค. ์ฆ, ํ์ ๋ค๋ฅธ ์์ ๊ณผ ํจ๊ป ์ ์ฒด ํ๋ก์ธ์ค๋ฅผ ์ฒ์๋ถํฐ ๋๊น์ง ์์ ํ ์๋ํํ์ฌ ์ฌ๊ตฌ์ฑํ ์ ์์ต๋๋ค.
๋ฐํ์ ๋ผ๋ฒจ๋ก ๋ ์ค๋งํธํ ํ์ ์์ฝ ํ๋ณด

ํ์ฑํ๋ ๋ง์ดํฌ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก, ์ด์ AI ๋ ธํธ๋ ํ์์์์ ๋ฐํ์๋ฅผ ์๋ณํฉ๋๋ค. ์ด๋ฅผ ํตํด ํ์ ์์ฝ์ด ๊ฐ์ ๋๊ณ , ํ์ ์์ ์ด ์ ์ ํ ํ์์๊ฒ ํ ๋น๋ฉ๋๋ค. ์ด๋ ์์์ ๋ถ๊ณผํด์. Notion์์๋ ๋ฐํ์ ์๋ณ ๊ธฐ๋ฅ์ ๋์ฑ ๊ฐ์ ํ๊ธฐ ์ํด ๊ณ์ ๋ ธ๋ ฅํ๊ฒ ์ต๋๋ค!
Notion ๋ฌธ์์ ๋ํํ HTML ๋ธ๋ก ์ถ๊ฐ

์ด์ Notion ์์ด์ ํธ๊ฐ ๋ํํ HTML ๋ธ๋ก์ ๋ง๋ค ์ ์์ผ๋ฉฐ, Notion์์๋ ์ด ๊ธฐ๋ฅ์ ๋์์์ด ๊ฐ์ ํ๊ณ ์์ต๋๋ค. ๊ฐ์ฅ ์ข์ ์ ์ ์ด๋ฌํ ๋ธ๋ก์ด Notion์ ์กด์ฌํ์ฌ ํ์์ ๋๊ตฌ๋ ์ด๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ๋ฐ๋ณตํ ์ ์๋ค๋ ๊ฒ์ด์์. ๋ช ๊ฐ์ง ์ข์ ์์๋ฅผ ์๊ฐํ ๊ฒ์.
ROI ๊ณ์ฐ๊ธฐ ๊ตฌ์ถ: ๊ณ ๊ฐ์ด ๊ท์ฌ์ ์๋ฃจ์ ์ผ๋ก ์ผ๋ง๋ ๋ง์ ๋น์ฉ์ ์ ๊ฐํ ์ ์๋์ง ์๊ฒ ๋ ๋ ๋ฐ์์ด ์ด๋ป๊ฒ ๋ฌ๋ผ์ง๋์ง ํ์ธํ ์ ์์ต๋๋ค. ๊ณ ๊ฐ์ ์ฐ์ ์ด๋ ํ์ฌ ๋๊ตฌ ์คํ๊ณผ ๊ฐ์ ์ธ๋ถ ์ ๋ณด๋ก ๋ง์ถค ์ค์ ํด ๋ณด์ธ์.
ํ์์ ์ํ ํด์ฆ: ์ต์ ๊ธฐ๋ฅ์ ๊ดํ ๋ฌธ์๋ฅผ ํ์ด ๊ธฐ์ตํ ์ ์๋ ๋ํํ ํด์ฆ๋ก ์ ํํด ๋ณด์ธ์. ์์ด์ ํธ๊ฐ ์ค์ํ ๋ด์ฉ์ ํ์ ํ๊ณ , ๊ด๋ จ ์ง๋ฌธ์ ์์ฑํ๊ณ , ๋ง์ง๋ง์ ๊ฒฐ๊ณผ๋ฅผ ์ฑ์ ํฉ๋๋ค.
์กฐ์ง๋ ๋งคํ: ์ธ๋ ฅ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์กฐ์ง๋๋ก ์๊ฐํํด ์ ๊ท ์ ์ฌ์์ ์จ๋ณด๋ฉ์ ๋ ๋น ๋ฅด๊ฒ ์งํํ๊ณ , ๋ถ์ ๊ฐ ํ์ ์ ๋ ์ํํ๊ฒ ๊ตฌํํ์ธ์. Notion์์ ๋ฐ๋ก ์ํํ ์ ์์ผ๋ฉฐ ๋ค๋ฅธ ๋๊ตฌ๋ฅผ ์ด ํ์๊ฐ ์์ต๋๋ค.
Notion ์์ด์ ํธ์ Microsoft ์ฐ๋

์ด์ Notion ์์ด์ ํธ๋ PPTX, XLSX, DOCX ๋ฑ์ ์ง์ํฉ๋๋ค. ์คํ๋ ๋์ํธ, ํ๋ ์ ํ ์ด์ , Word ๋ฌธ์, PDF๋ฅผ ์ฒจ๋ถํ์ฌ ์์ด์ ํธ์ ๋งฅ๋ฝ์ ์ ๊ณตํฉ๋๋ค. ์์ด์ ํธ๋ ๋ค๋ฅธ ์ถ์ฒ์ ๋ง์ฐฌ๊ฐ์ง๋ก ํด๋น ํ์ผ์ ์ฝ์ต๋๋ค.
๋ํ ์์ด์ ํธ๊ฐ ์ด๋ฌํ ํ์ผ์ ๋ง๋ค ์๋ ์์ต๋๋ค. ํ์ด์ง๋ฅผ ์์ฑ๋ ๋์ PowerPoint๋ก ๋ฐ๊พธ๊ฑฐ๋, ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ Excel ๋ชจ๋ธ๋ก ๋ณํํ๊ฑฐ๋, ์ฌ๋ฌ PDF๋ฅผ ํ๋์ ๊น๋ํ ๋ฌธ์๋ก ์์ฝํ ์ ์์ต๋๋ค. ๋ฒ๋ฌดํ๊ณผ ์ฌ๋ฌดํ์ด ๋ฌด์ฒ ๊ณ ๋ง์ํ ๊ฑฐ์์. Notion ๐ค Microsoft
์์ด์ ํธ๊ฐ ์ฌ์ฉ์๋ฅผ ๋์ ํด Outlook ์ฌ์ฉ

Microsoft๋ฅผ ์ฌ์ฉํ๋ ์ฌ์ฉ์๋ฅผ ์ํ ๋ ๋ค๋ฅธ ์ข์ ๊ธฐ๋ฅ์ ์๋ ค๋๋ ค์. Outlook ๋ฉ์ผ๊ณผ ์บ๋ฆฐ๋๋ฅผ ์ฐ๊ฒฐํ๋ฉด Notion ์์ด์ ํธ๊ฐ ์ฌ์ฉ์ ๋์ ์์ ํจ ํ์ธ๊ณผ ์ผ์ ์ก๊ธฐ๋ฅผ ์งํํด ์ค ์ ์์ต๋๋ค. ์์ ์ด๋ฉ์ผ์ ๋ถ๋ฅํ๊ณ , ์ฌ์ฉ์ ์ด์กฐ์ ๋ง์ถฐ ํ์ ์ด์์ ์์ฑํด ๋ฉ์์ง๋ฅผ ๋ณด๋ด๋ ๊ฒ๋ ๊ฐ๋ฅํฉ๋๋ค. ์ด ๋ชจ๋ ๊ณผ์ ์ด ์์ฒญ๋ง์ผ๋ก ์ด๋ฃจ์ด์ง์ฃ .
์์ด์ ํธ๊ฐ ๋น ์๊ฐ์ ์ฐพ์ ํ์ ์ผ์ ์ ์ก๊ณ ์บ๋ฆฐ๋๋ฅผ ์ ๋ฆฌํด ์ฃผ๋ฏ๋ก ์ผ์ ์ ์กฐ์ ํ๋ ๋ฐ ์์๋๋ ์๊ฐ์ ์ค์ด๊ณ ์ค์ํ ์ ๋ฌด์ ๋ ๋ง์ ์๊ฐ์ ํ ์ ํ ์ ์์ต๋๋ค.
์ปค์คํ ์์ด์ ํธ๋ฅผ ์ํ 5๊ฐ์ง ์๋ก์ด MCP ์ฐ๊ฒฐ

์ฌ๋๋ค์ Notion MCP๋ฅผ ์ ๋ง ์ข์ํ๊ณ ์์ด์. ์ง๋ ํ ๋ฌ ๋์ ์ฌ์ฉ๋์ด 10๋ฐฐ ์ฆ๊ฐํ ๊ฒ์ด ๊ทธ ์ฆ๊ฑฐ์ ๋๋ค. ์ด์ ์ปค์คํ ์์ด์ ํธ๋ ๊ธฐ๋ณธ ์ ๊ณต๋๋ ๋ค์์ 5๊ฐ์ง ์ฐ๊ฒฐ์ ๋ณ๋์ ์ค์ ์์ด ์ฌ์ฉํ ์ ์์ต๋๋ค. Mercury, Mixpanel, Miro, Box, ClickHouse
์ด๋ฏธ ์ฌ์ฉ ๊ฐ๋ฅํ ์ฐ๊ฒฐ(์: Figma, GitHub, Zapier)์ ์ถ๊ฐ๋๋ ๊ฒ์ด๋ฏ๋ก, ์์ด์ ํธ๋ ๋ง์ถค ์ค์ ํ์ง ์๊ณ ๋ Mercury์์ ์ฌ๋ฌด ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๊ฑฐ๋, Mixpanel์์ ํ๋ก๋ํธ ๋ถ์์ ์ฌ์ธต์ ์ผ๋ก ํ์ธํ๊ฑฐ๋, Miro ๋ณด๋๋ฅผ ์ ๋ฐ์ดํธํ ์ ์์ต๋๋ค. ์ค์ ์ '์๋ก์ด ์ฐ๊ฒฐ' ํญ์์ ์ฌ์ฉ ๊ฐ๋ฅํ ๋ชจ๋ API ํตํฉ์ ์ฐพ์ ์ฐ๊ฒฐํ์ธ์.
์ข ์์ฑ ์๋ ๋ ๋ง์ ๋ชจ๋ธ

์์ด์ ํธ๋ ์๋ก์ด ๋ชจ๋ธ ๋ผ์ธ์ ์ ์ง์ํ๋ฏ๋ก ์๋, ์ฌ์ธต ์ถ๋ก , ์ฐฝ์์ ์ธ ์์ด๋์ด๊ฐ ํ์ํ ์์ ์ ๋ง๋ ์ต์ ์ ๋ชจ๋ธ์ ์ ํํ ์ ์์ต๋๋ค. Opus 4.8์ด๋ Grok 4.3์ ์ต์ฒจ๋จ ์ธํ ๋ฆฌ์ ์ค๋ฅผ ํ์ฉํ๊ฑฐ๋, ์๋ก์ด ์คํ ์จ์ดํธ ๋ชจ๋ธ์ธ GLM 5.2์ ๊ฐ์ ๋ ๋น์ฉ ํจ์จ์ ์ธ ๋ชจ๋ธ์ ์ ํํด ๋ณด์ธ์.
๊ฐ์ฌ ๋ก๊ทธ์์ ์ปค์คํ ์์ด์ ํธ ์์ ํธ๋ํน

์ด์ ๋ณด์ํ์ ๊ฐ์ ๋ ๊ฐ์์ฑ์ ํตํด AI๊ฐ ์ด๋ป๊ฒ ์ฌ์ฉ๋๊ณ ์๋์ง ๋ ์ ํ์ ํ ์ ์์ต๋๋ค. ๊ฐ์ฌ ๋ก๊ทธ์๋ ์ปค์คํ ์์ด์ ํธ ํ๋์ด ํฌํจ๋์ด ์์ด ์์ด์ ํธ๊ฐ ์คํ๋ ์์ , ๋ณ๊ฒฝ๋ ๋ด์ฉ, ํธ๋ฆฌ๊ฑฐํ ์ฌ๋์ ํ์ธํ ์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ๋ ์ฝ๊ฒ ์ํฌํ๋ก๋ฅผ ๊ฒํ ํ๊ณ , ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ฉฐ, ๊ท์ ์ค์ ์ํ๋ฅผ ์ ์งํ ์ ์์ฃ . ์ด ๊ธฐ๋ฅ์ ์ํฐํ๋ผ์ด์ฆ์์ ์ฌ์ฉ ๊ฐ๋ฅํฉ๋๋ค.
๊ทธ ์ธ ์ถ๊ฐ ๊ธฐ๋ฅ
Slack Enterprise Grid์ฉ ์ปค์คํ ์์ด์ ํธ: ์ด์ ์ปค์คํ ์์ด์ ํธ๋ฅผ Slack ์กฐ์ง ์ ์ฒด์์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์์ ๋ด๋น์์๊ฒ ๋ฌธ์ํ๊ฑฐ๋ ์ฌ๊ธฐ์์ ์์ธํ ์์๋ณด์ธ์.
ํฌ๋ ๋ง ๋์๋ณด๋์ Notion Workers: Notion ํฌ๋ ๋ง ๋์๋ณด๋์์ Worker ์ฌ์ฉ๋์ ํ์ธํ ์ ์์ผ๋ฏ๋ก ๊ด๋ฆฌ์๋ ํ๊ณณ์์ ๋ชจ๋ ์ฌํญ์ ํธ๋ํนํ ์ ์์ต๋๋ค. ์์ธํ ์์๋ณด๊ธฐ โ
Windows์์ Notion Workers ๊ตฌ์ถ: Windows ๊ฐ๋ฐ์๋ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด์ Notion CLI๊ฐ npm์ ํตํด Windows์ ์ค์น๋๋ฏ๋ก Notion Workers์ ๊ตฌ์ถ๊ณผ ๋ฐฐํฌ๊ฐ ๋ ์ด์ Mac๊ณผ Linux์๋ง ์ ํ๋์ง ์์ต๋๋ค. ๋ฌธ์ ํ์ธํ๊ธฐ โ
AI ๋ ธํธ์ ์ค๋์ค ์ ๋ก๋: ๋ค๋ฅธ ๊ณณ์ ๋ น์๋ ํ์๋ฅผ Notion์ผ๋ก ๊ฐ์ ธ์ฌ ์ ์์ด์. ์ค๋์ค ํ์ผ์ ์ ๋ก๋ํ๋ฉด AI ๋ ธํธ๊ฐ ๋ค๋ฅธ ํ์์ ๋ง์ฐฌ๊ฐ์ง๋ก ํ์ ๋ด์ฉ์ ๋ฐ์์ฐ๊ธฐํ๊ณ ์์ฝํฉ๋๋ค.
์ปค์คํ ์์ด์ ํธ ๋ณต์ : ์ ์ฉํ ์ค์ ์ ์ฐพ์ผ์ จ๋์? ํด๋ฆญ ํ ๋ฒ์ผ๋ก ์ปค์คํ ์์ด์ ํธ๋ฅผ ๋ณต์ฌํ๊ณ ์ ํ์ด๋ ์ฌ์ฉ ์ฌ๋ก์ ๋ง๊ฒ ์กฐ์ ํ ์ ์๋ ๋๋ถ์ ์ฒ์๋ถํฐ ๋ค์ ๋ง๋ค์ง ์์๋ ๋ฉ๋๋ค.
์์ด์ ํธ๊ฐ ์ฌ์ฉ์ ๋๋ ํ ๋ฆฌ ์ฌ์ฉ: ์ด์ ํ๊ณผ ๊ด๋ จ๋ ์์ธํ ๋งฅ๋ฝ์ ์ป์ ์ ์๋๋ก ์ฌ์ฉ์ ๋๋ ํ ๋ฆฌ์ ๋ํ ์ฌ์ฉ ๊ถํ์ ์์ด์ ํธ์ ๋ถ์ฌํ ์ ์์ต๋๋ค.


