MINssam
Published on

Notion์— AI ๋™๋ฃŒ๊ฐ€ ์ƒ๊ฒผ๋‹ค: Notion 3.6, Claude Code Artifacts, Google Flow Agent 2026๋…„ 7์›” 5์ผ AI ๋ธŒ๋ฆฌํ•‘

"AI๊ฐ€ ๋‚ด ์—…๋ฌด ๋„๊ตฌ ์•ˆ์—์„œ ๋™๋ฃŒ์ฒ˜๋Ÿผ ์ผํ•œ๋‹ค."

์ด ๋ง์ด ๋น„์œ ๊ฐ€ ์•„๋‹ˆ๋ผ ์‹ค์ œ ๊ธฐ๋Šฅ์˜ ์ด๋ฆ„์ด ๋œ ๋‚ ์ด 2026๋…„ 7์›” 1์ผ์ด๋‹ค. Notion์ด Claude์™€ Cursor๋ฅผ ํŒ€์›์ฒ˜๋Ÿผ @๋ฉ˜์…˜ํ•ด ์—…๋ฌด๋ฅผ ๋งก๊ธธ ์ˆ˜ ์žˆ๋Š” External Agents ๊ธฐ๋Šฅ์„ ์ถœ์‹œํ–ˆ๋‹ค. ๊ฐ™์€ ํ๋ฆ„์—์„œ, Claude Code๋Š” ์ฝ”๋”ฉ ์ž‘์—…์„ ํŒ€ ์ „์ฒด๊ฐ€ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ณด๋Š” ๋ผ์ด๋ธŒ ์›นํŽ˜์ด์ง€๋กœ ๋ณ€ํ™˜ํ•˜๋Š” Artifacts๋ฅผ ๋ฐฐํฌ ์ค‘์ด๊ณ , Google Flow Agent๋Š” ๋ชจ๋“  Flow ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฌธ์„ ์—ด์—ˆ๋‹ค. ์„ธ ์—…๋ฐ์ดํŠธ๋Š” ์„œ๋กœ ๋‹ค๋ฅธ ๋„๊ตฌ์—์„œ ๋‚˜์™”์ง€๋งŒ, ํ•˜๋‚˜์˜ ๋ฐฉํ–ฅ์„ ๊ฐ€๋ฆฌํ‚จ๋‹ค. AI๋Š” ์ด์ œ ๋„๊ตฌ ๋ฐ”๊นฅ์ด ์•„๋‹ˆ๋ผ, ๋„๊ตฌ ์•ˆ์—์„œ ํŒ€์˜ ์ผ๋ถ€๋กœ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.


๋ชฉ์ฐจ

  1. Notion 3.6: AI๊ฐ€ ํŒ€์›์ฒ˜๋Ÿผ @๋ฉ˜์…˜๋˜๋Š” ์‹œ๋Œ€
  2. Claude Code Artifacts: ์ฝ”๋”ฉ ์„ธ์…˜์ด ํŒ€ ๋ผ์ด๋ธŒ ํŽ˜์ด์ง€๋กœ
  3. Google Flow Agent: ์ฐฝ์ž‘ ์–ด์‹œ์Šคํ„ดํŠธ๊ฐ€ ๋ชจ๋‘์—๊ฒŒ ์—ด๋ฆฐ๋‹ค
  4. ์„ธ ์—…๋ฐ์ดํŠธ๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๋Š” ๊ณตํ†ต ๋ฐฉํ–ฅ

1. Notion 3.6: AI๊ฐ€ ํŒ€์›์ฒ˜๋Ÿผ @๋ฉ˜์…˜๋˜๋Š” ์‹œ๋Œ€

2026๋…„ 7์›” 1์ผ, Notion์ด 3.6 ์—…๋ฐ์ดํŠธ๋ฅผ ๋ฐฐํฌํ–ˆ๋‹ค. ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๋ณ€ํ™”๋Š” ํ•˜๋‚˜๋‹ค. ์ด์ œ Notion ๋ณด๋“œ์—์„œ Claude์™€ Cursor๋ฅผ ํŒ€์›์ฒ˜๋Ÿผ @๋ฉ˜์…˜ํ•ด ์ž‘์—…์„ ๋งก๊ธธ ์ˆ˜ ์žˆ๋‹ค.

ํ˜‘์—… ๋„๊ตฌ์—์„œ AI๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹์€ ์ง€๊ธˆ๊นŒ์ง€ ํ•ญ์ƒ ๊ฐ™์€ ํŒจํ„ด์ด์—ˆ๋‹ค. ๋„๊ตฌ ๋ฐ–์—์„œ AI์—๊ฒŒ ๋ฌด์–ธ๊ฐ€๋ฅผ ๋งŒ๋“ค์–ด๋‹ฌ๋ผ๊ณ  ์š”์ฒญํ•œ ๋’ค, ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ๋ณต์‚ฌํ•ด์„œ ๋„๊ตฌ ์•ˆ์— ๋ถ™์—ฌ๋„ฃ๋Š” ๋ฐฉ์‹. Notion 3.6์˜ External Agents๋Š” ์ด ํ๋ฆ„์„ ๋’ค์ง‘๋Š”๋‹ค. AI๊ฐ€ ๋„๊ตฌ ์•ˆ์œผ๋กœ ๋“ค์–ด์™€, ํŒ€์›์˜ ์ž๋ฆฌ์— ์•‰๋Š”๋‹ค.

![Notion 3.6 External Agents โ€” Notion ๋ณด๋“œ์—์„œ Claude๊ฐ€ ํŒ€์›์ฒ˜๋Ÿผ ์นด๋“œ์— ํ• ๋‹น๋˜์–ด ์žˆ๊ณ , @Claude๋ฅผ ๋ฉ˜์…˜ํ•ด ์ž‘์—…์„ ์ง€์‹œํ•˜๋Š” ํ™”๋ฉด. ์šฐ์ธก์— Claude๊ฐ€ ์‹คํ–‰ ์ค‘์ธ ํƒœ์Šคํฌ ๋ชฉ๋ก์ด ํ‘œ์‹œ๋จ]

External Agents: Claude์™€ Cursor๊ฐ€ ํŒ€ ๋ณด๋“œ์— ๋“ค์–ด์˜จ๋‹ค

Claude์™€ Cursor๋Š” Notion ์ตœ์ดˆ์˜ External Agents๋‹ค. ์ž‘๋™ ๋ฐฉ์‹์€ ๊ฐ„๋‹จํ•˜๋‹ค. ํŒ€ ์ „์ฒด๊ฐ€ ๊ณต์œ ํ•˜๋Š” Notion ๋ณด๋“œ์—์„œ ์นด๋“œ๋ฅผ ์—์ด์ „ํŠธ์—๊ฒŒ ํ• ๋‹นํ•˜๊ฑฐ๋‚˜, ํŽ˜์ด์ง€ ์–ด๋”˜๊ฐ€์—์„œ @Claude๋ฅผ ๋ฉ˜์…˜ํ•˜๋ฉด ๋œ๋‹ค. ์—์ด์ „ํŠธ๋Š” ํ• ๋‹น๋œ ์ž‘์—…์„ ์‹คํ–‰ํ•˜๊ณ , ๊ฒฐ๊ณผ๋ฅผ Notion ์•ˆ์— ๋‚จ๊ธด๋‹ค.

์ด ์„ค๊ณ„์˜ ํ•ต์‹ฌ์€ ์—์ด์ „ํŠธ๊ฐ€ ํŒ€์˜ ์ž‘์—… ํ๋ฆ„ ์•ˆ์— ์žˆ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ์Šฌ๋ž™์—์„œ AI์—๊ฒŒ ๋”ฐ๋กœ ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด๋‚ด๊ฑฐ๋‚˜, ๋ธŒ๋ผ์šฐ์ € ํƒญ์„ ์ „ํ™˜ํ•ด ChatGPT๋ฅผ ์—ด ํ•„์š” ์—†์ด, ์ง€๊ธˆ ์ž‘์—… ์ค‘์ธ ๋ณด๋“œ์—์„œ ๋ฐ”๋กœ AI์—๊ฒŒ ์ผ์„ ๋งก๊ธธ ์ˆ˜ ์žˆ๋‹ค.

Interactive HTML Blocks: AI๊ฐ€ ๋งŒ๋“œ๋Š” ์‚ด์•„์žˆ๋Š” ๋ฌธ์„œ

Notion 3.6์˜ ๋‘ ๋ฒˆ์งธ ๋ˆˆ์— ๋„๋Š” ๊ธฐ๋Šฅ์€ Interactive HTML Blocks๋‹ค. Notion Agents๊ฐ€ ์ด์ œ HTML, CSS, ๊ฐ„๋‹จํ•œ JavaScript๊ฐ€ ๋™์ž‘ํ•˜๋Š” ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ๋ธ”๋ก์„ Notion ํŽ˜์ด์ง€ ์•ˆ์— ์ง์ ‘ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.

์‹ค์šฉ์ ์ธ ์˜ˆ๋ฅผ ๋“ค๋ฉด ์ด๋ ‡๋‹ค. ์ƒˆ ๊ธฐ๋Šฅ ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ ๋ฌธ์„œ๋ฅผ AI์—๊ฒŒ ๋„˜๊ธฐ๋ฉด, ์—์ด์ „ํŠธ๊ฐ€ ๊ทธ ๋‚ด์šฉ์„ ๋ถ„์„ํ•ด ํŒ€์›์ด ๋ฐ”๋กœ ํ’€ ์ˆ˜ ์žˆ๋Š” ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ํ€ด์ฆˆ๋กœ ๋ณ€ํ™˜ํ•œ๋‹ค. ์ฃผ์š” ๊ธฐ๋Šฅ์„ ์ดํ•ดํ–ˆ๋Š”์ง€ ์ฒดํฌํ•˜๊ณ , ์ ์ˆ˜๊นŒ์ง€ ๋งค๊ธฐ๋Š” ํ€ด์ฆˆ๊ฐ€ Notion ํŽ˜์ด์ง€ ์•ˆ์—์„œ ์ž‘๋™ํ•œ๋‹ค. ๋˜ ๋‹ค๋ฅธ ์˜ˆ๋กœ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๋Š” ์ฐจํŠธ, ํ•ญ๋ชฉ์„ ์ฒดํฌํ•˜๋ฉด ์ƒํƒœ๊ฐ€ ๋ฐ”๋€Œ๋Š” ์ฒดํฌ๋ฆฌ์ŠคํŠธ ๋“ฑ์ด ์žˆ๋‹ค.

๊ธฐ๋Šฅ์„ค๋ช…
External AgentsClaude/Cursor๋ฅผ Notion ๋ณด๋“œ์—์„œ ํŒ€์›์ฒ˜๋Ÿผ @๋ฉ˜์…˜ ๊ฐ€๋Šฅ
Interactive HTML BlocksAI๊ฐ€ HTML/CSS/JS ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ๋ธ”๋ก์„ ํŽ˜์ด์ง€ ์•ˆ์— ์ƒ์„ฑ
Microsoft ํŒŒ์ผ ํ†ตํ•ฉPPTX/XLSX/DOCX/PDF๋ฅผ ์—์ด์ „ํŠธ ์ปจํ…์ŠคํŠธ๋กœ ์ฒจ๋ถ€ ๊ฐ€๋Šฅ
AI Meeting Notes ๊ฐœ์„ ๋งˆ์ดํฌ ํ™œ์„ฑํ™” ๊ธฐ์ค€์œผ๋กœ ๋ฐœ์–ธ์ž ์ž๋™ ์‹๋ณ„
Notion Workers์ž์ฒด ์„œ๋ฒ„ ์—†์ด ์ปค์Šคํ…€ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๋Š” ํ˜ธ์ŠคํŒ… ๋Ÿฐํƒ€์ž„

AI Meeting Notes: ๋ˆ„๊ฐ€ ๋งํ–ˆ๋Š”์ง€๋„ ๊ธฐ์–ตํ•œ๋‹ค

ํšŒ์˜ ์ž๋™ ์š”์•ฝ ๊ธฐ๋Šฅ๋„ ํ•œ ๋‹จ๊ณ„ ์ง„ํ™”ํ–ˆ๋‹ค. Notion์˜ AI Meeting Notes๋Š” ์ด์ œ ๋ˆ„๊ฐ€ ๋ฐœ์–ธํ–ˆ๋Š”์ง€ ์ž๋™์œผ๋กœ ์‹๋ณ„ํ•œ๋‹ค. ์–ด๋А ๋งˆ์ดํฌ๊ฐ€ ํ™œ์„ฑํ™”๋๋Š”์ง€๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๋ฐœ์–ธ์ž๋ฅผ ๊ตฌ๋ถ„ํ•˜๊ณ , ์š”์•ฝ๋ณธ๊ณผ ํ›„์† ๊ณผ์ œ๋ฅผ ์˜ฌ๋ฐ”๋ฅธ ํŒ€์›์—๊ฒŒ ํ• ๋‹นํ•œ๋‹ค. "์ด๋ฒˆ ์ฃผ ๋ฏธํŒ… ์š”์•ฝ์—์„œ ๋‚˜๋Š” ๋ฌด์—‡์„ ๋งก๊ฒŒ ๋์ง€?"๋ผ๋Š” ์งˆ๋ฌธ์˜ ๋‹ต์ด ์ž๋™์œผ๋กœ ๋งŒ๋“ค์–ด์ง„๋‹ค.

์˜ค๋””์˜ค ํŒŒ์ผ ์—…๋กœ๋“œ๋„ ๊ฐ€๋Šฅํ•ด์กŒ๋‹ค. ๋…น์Œํ•œ ํšŒ์˜ ํŒŒ์ผ์„ AI Meeting Notes์— ์˜ฌ๋ฆฌ๋ฉด, ์‹ค์‹œ๊ฐ„ ํšŒ์˜์ฒ˜๋Ÿผ ์ „์‚ฌํ•˜๊ณ  ์š”์•ฝํ•œ๋‹ค.

์—๋“€ํ…Œํฌ ๊ด€์  ๋ฉ”๋ชจ: External Agents ๊ธฐ๋Šฅ์€ ๊ต์œก ๊ธฐ๊ด€์˜ ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌ ๋ฐฉ์‹์„ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋‹ค. ๊ต์‚ฌ๋‚˜ ๊ต์œก ํŒ€์ด Notion์œผ๋กœ ์ฝ˜ํ…์ธ ๋ฅผ ๊ด€๋ฆฌํ•  ๋•Œ, Claude๋ฅผ ์—์ด์ „ํŠธ๋กœ ๋ณด๋“œ์— ์ถ”๊ฐ€ํ•ด ์ดˆ์•ˆ ์ž‘์„ฑ, ๋ฒˆ์—ญ, ์š”์•ฝ, ํ”ผ๋“œ๋ฐฑ ์ƒ์„ฑ ์ž‘์—…์„ ๋ถ„๋ฐฐํ•  ์ˆ˜ ์žˆ๋‹ค. Interactive HTML Blocks๋Š” e-๋Ÿฌ๋‹ ์ฝ˜ํ…์ธ  ์ œ์ž‘์—์„œ ๋ณ„๋„์˜ ํ”Œ๋žซํผ ์—†์ด Notion ์•ˆ์—์„œ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ํ•™์Šต ์š”์†Œ๋ฅผ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ๋  ์ˆ˜ ์žˆ๋‹ค. ๋‹จ, ํ•™๊ต ๊ธฐ๊ด€์—์„œ ์™ธ๋ถ€ AI ์—์ด์ „ํŠธ ์—ฐ๋™ ์‹œ ๋ฐ์ดํ„ฐ ๋ณด์•ˆ ์ •์ฑ…์„ ๋จผ์ € ํ™•์ธํ•ด์•ผ ํ•œ๋‹ค.


2. Claude Code Artifacts: ์ฝ”๋”ฉ ์„ธ์…˜์ด ํŒ€ ๋ผ์ด๋ธŒ ํŽ˜์ด์ง€๋กœ

2026๋…„ 6์›” 18์ผ ๋ฒ ํƒ€ ์ถœ์‹œ๋œ Claude Code Artifacts๋Š” ๊ฐœ๋ฐœ ์ž‘์—…์˜ ๊ณต์œ  ๋ฐฉ์‹์„ ๋‹ค์‹œ ์ •์˜ํ•œ๋‹ค. AI์™€ ํ•จ๊ป˜ํ•œ ์ฝ”๋”ฉ ์„ธ์…˜์˜ ๊ฒฐ๊ณผ๋ฌผ์ด ํŒ€ ์ „์ฒด๊ฐ€ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ๋Š” ์‚ด์•„์žˆ๋Š” ์›นํŽ˜์ด์ง€๊ฐ€ ๋œ๋‹ค.

์ง€๊ธˆ๊นŒ์ง€ ๊ฐœ๋ฐœํŒ€์ด Claude Code๋ฅผ ์‚ฌ์šฉํ•œ ๊ฒฐ๊ณผ๋ฅผ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋ณต์‚ฌ, ๋ถ™์—ฌ๋„ฃ๊ธฐ, ์Šคํฌ๋ฆฐ์ƒท, ๋ฌธ์„œํ™”์˜ ๋ฐ˜๋ณต์ด์—ˆ๋‹ค. Claude Code Artifacts๋Š” ์ด ์ค‘๊ฐ„ ๊ณผ์ • ์ „๋ถ€๋ฅผ ์—†์•ค๋‹ค.

![Claude Code Artifacts โ€” ํ„ฐ๋ฏธ๋„์—์„œ Claude Code๊ฐ€ ์ž‘์—… ์ค‘์ธ ๋™์•ˆ, ๋ณ„๋„ ๋ธŒ๋ผ์šฐ์ € ์ฐฝ์— ํŒ€์›๋“ค์ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ์—…๋ฐ์ดํŠธ๋ฅผ ์ง€์ผœ๋ณด๋Š” ๋ผ์ด๋ธŒ Artifact ํŽ˜์ด์ง€. ์ฝ”๋“œ ๋ณ€๊ฒฝ๊ณผ ํ•จ๊ป˜ ํŽ˜์ด์ง€ ๋‚ด์šฉ์ด ๊ฐฑ์‹ ๋˜๋Š” ๋ชจ์Šต]

์„ธ์…˜ ์ž‘์—…์ด ๋ผ์ด๋ธŒ ์›นํŽ˜์ด์ง€๋กœ ๋ณ€ํ™˜๋œ๋‹ค

Claude Code ์„ธ์…˜์—์„œ Artifact๋ฅผ ์ƒ์„ฑํ•˜๋ฉด, ํ•ด๋‹น ์„ธ์…˜์˜ ์ž‘์—… ๋‚ด์šฉ์ด ์ปค์Šคํ…€ HTML ์›นํŽ˜์ด์ง€ ํ˜•ํƒœ๋กœ ๋งŒ๋“ค์–ด์ง„๋‹ค. ์ด ํŽ˜์ด์ง€๋Š” Claude Code๊ฐ€ ์ž‘์—…์„ ์ง„ํ–‰ํ•˜๋Š” ๋™์•ˆ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์—…๋ฐ์ดํŠธ๋œ๋‹ค. ํŒ€์›์ด ํ•ด๋‹น ๋งํฌ๋ฅผ ์—ด๋ฉด, ์ง€๊ธˆ Claude๊ฐ€ ๋ฌด์Šจ ์ž‘์—…์„ ํ•˜๊ณ  ์žˆ๋Š”์ง€ ๋ฐ”๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

์—…๋ฐ์ดํŠธ๊ฐ€ ๋ฐœ์ƒํ•  ๋•Œ๋งˆ๋‹ค ํŽ˜์ด์ง€๋Š” ์Šคํฌ๋กค ์œ„์น˜๋ฅผ ์œ ์ง€ํ•œ ์ฑ„ ์ƒˆ๋กœ๊ณ ์นจ๋œ๋‹ค. ํŒ€์›์ด ํŠน์ • ์„น์…˜์„ ์ฝ๊ณ  ์žˆ๋Š” ์ค‘์—๋„ ์ตœ์‹  ์ƒํƒœ๊ฐ€ ๋ฐ˜์˜๋œ๋‹ค. ๋ชจ๋“  ๊ฐœ์ • ์ด๋ ฅ์€ ๋ฒ„์ „ ํžˆ์Šคํ† ๋ฆฌ๋กœ ๋ณด๊ด€๋˜๋ฉฐ, ์ด์ „ ๋ฒ„์ „์œผ๋กœ ๋กค๋ฐฑํ•  ์ˆ˜ ์žˆ๋‹ค.

์–ด๋–ค ์ƒํ™ฉ์—์„œ ์“ธ ์ˆ˜ ์žˆ๋‚˜

ํ™œ์šฉ ์˜ˆ๋‚ด์šฉ
PR ์›Œํฌ์Šค๋ฃจ์–ด๋…ธํ…Œ์ด์…˜์ด ๋‹ฌ๋ฆฐ diff๋กœ ํŒ€์ด ์ฝ”๋“œ ๋ณ€๊ฒฝ์„ ํ•œ๋ˆˆ์— ํŒŒ์•…
์ธ์‹œ๋˜ํŠธ ํƒ€์ž„๋ผ์ธClaude๊ฐ€ ์ž‘์—…ํ•˜๋Š” ๋™์•ˆ ์ธ์‹œ๋˜ํŠธ ์ง„ํ–‰ ์ƒํ™ฉ์ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ฑ„์›Œ์ง
๋ผ์ด์„ ์Šค ๊ฐ์‚ฌ์ˆ˜๋ฐฑ ๊ฐœ ํŒจํ‚ค์ง€์˜ ๋ผ์ด์„ ์Šค ํ˜„ํ™ฉ์„ ์ •๋ฆฌ๋œ ํŽ˜์ด์ง€๋กœ ๊ณต์œ 
์•„ํ‚คํ…์ฒ˜ ๊ฐœ์š”์ฝ”๋“œ๋ฒ ์ด์Šค ๊ตฌ์กฐ๋ฅผ ํŒ€์ด ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ๋Š” ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ํŽ˜์ด์ง€๋กœ ์ œ๊ณต
๋ฆด๋ฆฌ์ฆˆ ์ฒดํฌ๋ฆฌ์ŠคํŠธClaude๊ฐ€ ํ™•์ธํ•˜๋Š” ํ•ญ๋ชฉ์„ ํŒ€์ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ง€์ผœ๋ณด๋ฉฐ ํ˜‘๋ ฅ

๋ณด์•ˆ: ์กฐ์ง ๋‚ด๋ถ€์—์„œ๋งŒ ๊ณต์œ ๋œ๋‹ค

Claude.ai์˜ ์ผ๋ฐ˜ Artifacts์™€ ๋‹ฌ๋ฆฌ, Claude Code Artifacts๋Š” ๊ณต๊ฐœ ๋งํฌ๊ฐ€ ์ƒ์„ฑ๋˜์ง€ ์•Š๋Š”๋‹ค. ์ž‘์„ฑ์ž์˜ Claude Team ๋˜๋Š” Enterprise ์กฐ์ง ์•ˆ์— ์ธ์ฆ๋œ ๊ตฌ์„ฑ์›์—๊ฒŒ๋งŒ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋‹ค. ์„ธ์…˜ ์ž‘์—…์ด ์™ธ๋ถ€๋กœ ์œ ์ถœ๋  ์œ„ํ—˜ ์—†์ด, ํŒ€ ๋‚ด ํ˜‘์—… ๋„๊ตฌ๋กœ๋งŒ ์ž‘๋™ํ•œ๋‹ค.

ํ˜„์žฌ Claude Team ๋ฐ Enterprise ๊ตฌ๋…์ž์—๊ฒŒ ๋ฒ ํƒ€๋กœ ์ œ๊ณต๋˜๋ฉฐ, CLI์™€ ๋ฐ์Šคํฌํ†ฑ ์•ฑ ๋ชจ๋‘์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

์—๋“€ํ…Œํฌ ๊ด€์  ๋ฉ”๋ชจ: Claude Code Artifacts๋Š” ๊ต์œก ๊ธฐ๊ด€์˜ ๊ฐœ๋ฐœํŒ€ ๋˜๋Š” ์ˆ˜์—…์—์„œ ์ฝ”๋”ฉ ํ”„๋กœ์ ํŠธ๋ฅผ ํ˜‘์—…ํ•˜๋Š” ์ƒํ™ฉ์— ์ง์ ‘ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ต์ˆ˜๊ฐ€ ๊ณผ์ œ ์ฑ„์  ์Šคํฌ๋ฆฝํŠธ๋ฅผ Claude Code๋กœ ๋งŒ๋“ค๋ฉด์„œ Artifact๋ฅผ ์ƒ์„ฑํ•˜๋ฉด, ํ•™์ƒ๋“ค์ด ๋กœ์ง์ด ์–ด๋–ป๊ฒŒ ๊ตฌ์„ฑ๋˜๋Š”์ง€๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์ฝ”๋”ฉ ์ˆ˜์—…์—์„œ ๊ต์‚ฌ๊ฐ€ ๋ผ์ด๋ธŒ ์ฝ”๋”ฉ ์„ธ์…˜์„ Artifact๋กœ ๊ณต์œ ํ•ด ํ•™์ƒ๋“ค์ด ๊ฐ์ž ํ™”๋ฉด์—์„œ ๋”ฐ๋ผ๊ฐ€๋Š” ๋ฐฉ์‹๋„ ๊ฐ€๋Šฅํ•˜๋‹ค.


3. Google Flow Agent: ์ฐฝ์ž‘ ์–ด์‹œ์Šคํ„ดํŠธ๊ฐ€ ๋ชจ๋‘์—๊ฒŒ ์—ด๋ฆฐ๋‹ค

Google Flow Agent๊ฐ€ ์ „ ์„ธ๊ณ„ Flow ์‚ฌ์šฉ์ž์—๊ฒŒ ์ˆœ์ฐจ์ ์œผ๋กœ ๋ฐฐํฌ๋˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค. ๋ณต์žกํ•œ ๋ฉ€ํ‹ฐ์Šคํ… ์ฐฝ์ž‘ ์ž‘์—…์„ ๊ณ„ํšํ•˜๊ณ  ์‹คํ–‰ํ•˜๋Š” AI ์–ด์‹œ์Šคํ„ดํŠธ๋‹ค.

์˜์ƒ ์ œ์ž‘, ์ด๋ฏธ์ง€ ์ƒ์„ฑ, ์Šคํ† ๋ฆฌ๋ณด๋”ฉ์ฒ˜๋Ÿผ ์—ฌ๋Ÿฌ ๋‹จ๊ณ„๋กœ ๋‚˜๋‰˜๋Š” ์ฐฝ์ž‘ ์ž‘์—…์€ AI์—๊ฒŒ ์ง€์‹œํ•˜๊ธฐ ๊นŒ๋‹ค๋กญ๋‹ค. ๋‹จ๊ณ„๋งˆ๋‹ค ๋‹ค๋ฅธ ๋„๊ตฌ๋ฅผ ์“ฐ๊ฑฐ๋‚˜, AI์—๊ฒŒ ๋งค๋ฒˆ ์ƒˆ ๋งฅ๋ฝ์„ ์„ค๋ช…ํ•ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. Flow Agent๋Š” ์ด ํ๋ฆ„ ์ „์ฒด๋ฅผ ํ•˜๋‚˜์˜ ์š”์ฒญ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ์„ค๊ณ„๋๋‹ค.

![Google Flow Agent โ€” Flow ์ธํ„ฐํŽ˜์ด์Šค์—์„œ ์‚ฌ์šฉ์ž๊ฐ€ ๋ณต์žกํ•œ ์˜์ƒ ์ œ์ž‘ ์š”์ฒญ์„ ์ž์—ฐ์–ด๋กœ ์ž…๋ ฅํ•˜๋ฉด, Flow Agent๊ฐ€ ์ž‘์—… ๊ณ„ํš์„ ์ž๋™์œผ๋กœ ๋ถ„ํ•ดํ•˜๊ณ  ๊ฐ ๋‹จ๊ณ„๋ฅผ ์ˆœ์„œ๋Œ€๋กœ ์‹คํ–‰ํ•˜๋Š” ํ™”๋ฉด]

Flow Agent๊ฐ€ ํ•˜๋Š” ์ผ

Flow Agent๋Š” ์ฐฝ์ž‘ ํ”„๋กœ์ ํŠธ์˜ ๋งฅ๋ฝ์„ ์ดํ•ดํ•˜๊ณ , ๋ณต์žกํ•œ ์ž‘์—…์„ ๋‹จ๊ณ„๋ณ„๋กœ ๋ถ„ํ•ดํ•œ ๋’ค, ๊ฐ ๋‹จ๊ณ„๋ฅผ ๊ณ„ํšํ•˜๊ณ  ์‹คํ–‰ํ•œ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด "์—ฌํ–‰ ๋ธŒ์ด๋กœ๊ทธ ์Šคํƒ€์ผ๋กœ ์ œ์ฃผ๋„ ์†Œ๊ฐœ ์˜์ƒ์„ ๋งŒ๋“ค์–ด์ค˜"๋ผ๊ณ  ์ž…๋ ฅํ•˜๋ฉด, ์—์ด์ „ํŠธ๊ฐ€ ์Šคํฌ๋ฆฝํŠธ ์ž‘์„ฑ โ†’ ์ด๋ฏธ์ง€/์˜์ƒ ์†Œ์žฌ ์ˆ˜์ง‘ โ†’ ์žฅ๋ฉด ๊ตฌ์„ฑ โ†’ ์Œ์•… ์„ ํƒ โ†’ ํŽธ์ง‘ ํ๋ฆ„์œผ๋กœ ๋‹จ๊ณ„๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  ์‹คํ–‰ํ•œ๋‹ค.

Flow Tools๋Š” ํ•œ ๋‹จ๊ณ„ ๋” ๋‚˜์•„๊ฐ„๋‹ค. ์ž์—ฐ์–ด๋กœ ์ปค์Šคํ…€ ์ฐฝ์ž‘ ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ์ง์ ‘ ์ •์˜ํ•˜๊ณ  ์ €์žฅํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฐ˜๋ณตํ•˜๋Š” ์ฐฝ์ž‘ ํŒจํ„ด์„ ๋„๊ตฌ๋กœ ๋งŒ๋“œ๋Š” ๊ฐœ๋…์ด๋‹ค.

Flow Music: AI ์ปค๋ฒ„์™€ ์„ธ๋ถ€ ํŽธ์ง‘

Flow Music๋„ ์ด๋ฒˆ ์—…๋ฐ์ดํŠธ์—์„œ ๋‘ ๊ฐ€์ง€ ๊ธฐ๋Šฅ์ด ๊ฐ•ํ™”๋๋‹ค.

์ฒซ ๋ฒˆ์งธ๋Š” AI ์ปค๋ฒ„ ๊ธฐ๋Šฅ์ด๋‹ค. ์™„์„ฑ๋œ ๊ณก์˜ ์Šคํƒ€์ผ์„ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ์›๋ณธ ๋ฉœ๋กœ๋””์™€ ๊ตฌ์กฐ๋ฅผ ์œ ์ง€ํ•œ ์ฑ„, ์žฅ๋ฅด๋‚˜ ๋ถ„์œ„๊ธฐ๋ฅผ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋‹ค. ์ผ๋ ‰ํŠธ๋กœ๋‹‰ ํŒ ๊ณก์„ ์–ด์ฟ ์Šคํ‹ฑ ๋ฒ„์ „์œผ๋กœ, ๋˜๋Š” ๋กœํŒŒ์ด ๋ฆฌ๋ฏน์Šค๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค.

๋‘ ๋ฒˆ์งธ๋Š” ์„ธ๋ถ€ ํŽธ์ง‘ ์ œ์–ด๋‹ค. ์ „์ฒด ๊ณก์— ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š๊ณ  ํŠน์ • ๊ตฌ๊ฐ„๋งŒ ๊ณจ๋ผ ํŽธ์ง‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋๋‹ค. ํ›„๋ ด๊ตฌ๋งŒ ๋‹ค์‹œ ๋งŒ๋“ค๊ฑฐ๋‚˜, ์ธํŠธ๋กœ ๋ถ€๋ถ„์˜ ๋ถ„์œ„๊ธฐ๋ฅผ ๋”ฐ๋กœ ์กฐ์ •ํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

๋ชจ๋ฐ”์ผ ์•ฑ ์ถœ์‹œ

Google Flow์˜ ํ•ต์‹ฌ ๊ธฐ๋Šฅ์ด ์ด์ œ ์Šค๋งˆํŠธํฐ์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๋ฏธ์ง€ ์ƒ์„ฑ, ์บ๋ฆญํ„ฐ์™€ ์Šคํƒ€์ผ์„ ์ €์žฅํ•˜๋Š” Ingredients ์‹œ์Šคํ…œ, ๊ธฐ์กด ํ”„๋กœ์ ํŠธ ์ ‘๊ทผ, Flow Agent ๊ธฐ๋Šฅ์ด ๋ชจ๋ฐ”์ผ ์•ฑ์— ํฌํ•จ๋œ๋‹ค.

์ฃผ์˜ํ•  ์ ์ด ํ•˜๋‚˜ ์žˆ๋‹ค. Google Flow๋Š” 2026๋…„ 7์›” 7์ผ๋ถ€ํ„ฐ AI Expanded Access์˜ ์œ ์—ฐ ์š”๊ธˆ์ œ์—์„œ ์ œ์™ธ๋œ๋‹ค. ์ดํ›„์—๋Š” Google AI ๊ตฌ๋… ํ”Œ๋žœ(Plus, Pro, Ultra) ๋˜๋Š” ๋ณ„๋„ Flow ๊ตฌ๋…์ด ํ•„์š”ํ•˜๋‹ค.

์—๋“€ํ…Œํฌ ๊ด€์  ๋ฉ”๋ชจ: Flow Agent๋Š” ๊ต์œก์šฉ ๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด ์ฝ˜ํ…์ธ  ์ œ์ž‘ ๋น„์šฉ์„ ๋‚ฎ์ถ”๋Š” ๋„๊ตฌ๊ฐ€ ๋  ์ˆ˜ ์žˆ๋‹ค. ๊ต์‚ฌ๊ฐ€ ๋‹จ์›๋ณ„ ์„ค๋ช… ์˜์ƒ์„ ์ œ์ž‘ํ•˜๊ฑฐ๋‚˜, ํ•™์ƒ์ด ํ”„๋กœ์ ํŠธ ๋ฐœํ‘œ ์ž๋ฃŒ๋ฅผ ์˜์ƒ์œผ๋กœ ๊ตฌ์„ฑํ•  ๋•Œ, ๋ฉ€ํ‹ฐ์Šคํ… ์ฐฝ์ž‘ ์ž‘์—…์„ ์ž๋™ํ™”ํ•˜๋Š” ์—์ด์ „ํŠธ๊ฐ€ ์ง„์ž… ์žฅ๋ฒฝ์„ ๋‚ฎ์ถ˜๋‹ค. Flow Music์˜ ์ปค๋ฒ„ ๊ธฐ๋Šฅ์€ ์ €์ž‘๊ถŒ ์—†๋Š” ๋ฐฐ๊ฒฝ ์Œ์•…์„ ํ•™๊ต ์˜์ƒ ํ”„๋กœ์ ํŠธ์— ํ™œ์šฉํ•˜๋Š” ์‹ค์šฉ์ ์ธ ๋ฐฉ๋ฒ•์ด ๋  ์ˆ˜ ์žˆ๋‹ค. ๋‹จ, ์ƒ์„ฑ๋œ ์Œ์•…์˜ ๋ผ์ด์„ ์Šค ์กฐ๊ฑด์„ ํ™•์ธํ•˜๊ณ , ํ•™์ƒ ์ž‘ํ’ˆ์— ์ ์šฉํ•  ๋•Œ ๊ต์œก ๋ชฉ์  ์™ธ ์ƒ์—…์  ์‚ฌ์šฉ์— ๋Œ€ํ•œ ์•ฝ๊ด€์„ ๊ฒ€ํ† ํ•  ๊ฒƒ.


4. ์„ธ ์—…๋ฐ์ดํŠธ๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๋Š” ๊ณตํ†ต ๋ฐฉํ–ฅ

Notion External Agents, Claude Code Artifacts, Google Flow Agent. ์„ธ ๋„๊ตฌ๋Š” ์„œ๋กœ ๋‹ค๋ฅธ ํšŒ์‚ฌ์˜, ์„œ๋กœ ๋‹ค๋ฅธ ์ œํ’ˆ์ด๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๊ฐ™์€ ๋ฐฉํ–ฅ์„ ๊ฐ€๋ฆฌํ‚จ๋‹ค.

"AI๊ฐ€ ํŒ€์˜ ์ž‘์—… ํ๋ฆ„ ์•ˆ์œผ๋กœ ๋“ค์–ด์˜ค๊ณ  ์žˆ๋‹ค."

์ง€๊ธˆ๊นŒ์ง€ AI๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹์€ ๋Œ€๋ถ€๋ถ„ 'ํƒˆ๋งฅ๋ฝ'์ด์—ˆ๋‹ค. ์ž‘์—…์„ ๋ฉˆ์ถ”๊ณ , AI ๋„๊ตฌ๋กœ ์ „ํ™˜ํ•˜๊ณ , ๊ฒฐ๊ณผ๋ฅผ ๊ฐ€์ ธ์™€ ๋‹ค์‹œ ์ž‘์—… ํ™˜๊ฒฝ์— ๋ถ™์ด๋Š” ๋ฐฉ์‹. ์ด๋ฒˆ ์—…๋ฐ์ดํŠธ๋“ค์€ ๊ทธ ์ด๋™ ๋™์„ ์„ ์—†์•ค๋‹ค. Notion ๋ณด๋“œ ์•ˆ์—์„œ AI๋ฅผ @๋ฉ˜์…˜ํ•˜๊ณ , Claude Code ์„ธ์…˜์ด ํŒ€ ๋ผ์ด๋ธŒ ํŽ˜์ด์ง€๊ฐ€ ๋˜๊ณ , Flow Agent๊ฐ€ ํ”„๋กœ์ ํŠธ ์ „์ฒด์˜ ํ๋ฆ„์„ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ๋Œ€์‹  ๊ณ„ํšํ•œ๋‹ค.

์ด ๋ฐฉํ–ฅ์ด ์ง€์†๋œ๋‹ค๋ฉด, ์•ž์œผ๋กœ ํŒ€ ํ˜‘์—… ๋„๊ตฌ์˜ ๊ธฐ์ค€์€ "AI์™€ ์–ผ๋งˆ๋‚˜ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์ž‘์—…์„ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ๋Š”๊ฐ€"๊ฐ€ ๋  ๊ฒƒ์ด๋‹ค.


์ง€๊ธˆ ๋ฐ”๋กœ ํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” ํ™œ์šฉ ํŒ

Notion 3.6 External Agents: Notion ๋ณด๋“œ์—์„œ ์ƒˆ ์นด๋“œ๋ฅผ ๋งŒ๋“ค๊ณ , ๋‹ด๋‹น์ž ํ•„๋“œ์— Claude๋ฅผ ์ถ”๊ฐ€ํ•ด๋ณด์ž. "์ด ๋ฌธ์„œ๋ฅผ 3์ค„ ์š”์•ฝํ•ด์„œ ์—ฌ๊ธฐ ๋‹ฌ์•„์ค˜"์ฒ˜๋Ÿผ ๊ตฌ์ฒด์ ์ธ ์ง€์‹œ๋ฅผ ํƒœ์Šคํฌ ์„ค๋ช…์— ์ ์œผ๋ฉด, ์—์ด์ „ํŠธ๊ฐ€ ์ž‘์—…์„ ์‹คํ–‰ํ•˜๊ณ  ๊ฒฐ๊ณผ๋ฅผ ์นด๋“œ ์•ˆ์— ๋‚จ๊ธด๋‹ค. Interactive HTML Block์€ ๊ธฐ์กด ๋ฌธ์„œ์—์„œ "์ด ๋‚ด์šฉ์œผ๋กœ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ํ€ด์ฆˆ ๋งŒ๋“ค์–ด์ค˜"๋ผ๊ณ  ์—์ด์ „ํŠธ์—๊ฒŒ ์š”์ฒญํ•ด๋ณด์ž.

Claude Code Artifacts: Claude Code ์„ธ์…˜์—์„œ ์ž‘์—…ํ•˜๋‹ค๊ฐ€ ํŒ€๊ณผ ๊ณต์œ ํ•˜๊ณ  ์‹ถ์€ ๊ฒฐ๊ณผ๋ฌผ์ด ์ƒ๊ธฐ๋ฉด /artifact ๋ช…๋ น์œผ๋กœ Artifact๋ฅผ ์ƒ์„ฑํ•ด๋ณด์ž. ์ƒ์„ฑ๋œ ๋งํฌ๋ฅผ ํŒ€ ์ฑ„๋„์— ๊ณต์œ ํ•˜๋ฉด, ํŒ€์›๋“ค์ด Claude๊ฐ€ ์ž‘์—…ํ•˜๋Š” ๊ณผ์ •์„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. PR ๋ฆฌ๋ทฐ ์š”์ฒญ ์ „์— Artifact๋กœ ๋ณ€๊ฒฝ ์‚ฌํ•ญ ๊ฐœ์š”๋ฅผ ๋จผ์ € ๊ณต์œ ํ•ด๋ณด๋Š” ๊ฒƒ์„ ๊ถŒ์žฅํ•œ๋‹ค.

Google Flow Agent: Flow ์ธํ„ฐํŽ˜์ด์Šค์—์„œ ๋ณต์žกํ•œ ์ฐฝ์ž‘ ์š”์ฒญ์„ ํ•œ ๋ฒˆ์— ์ž…๋ ฅํ•ด๋ณด์ž. "ํ•œ๊ตญ์˜ ์‚ฌ๊ณ„์ ˆ์„ ์ฃผ์ œ๋กœ 30์ดˆ ์†Œ์…œ๋ฏธ๋””์–ด ์˜์ƒ ์ฝ˜์…‰ํŠธ๋ฅผ ์žก์•„์ค˜"์ฒ˜๋Ÿผ ๊ตฌ์ฒด์ ์ธ ๊ฒฐ๊ณผ๋ฌผ ํ˜•์‹์„ ๋ช…์‹œํ•˜๋ฉด, ์—์ด์ „ํŠธ๊ฐ€ ๊ธฐํš๋ถ€ํ„ฐ ์‹คํ–‰ ๋‹จ๊ณ„๊นŒ์ง€ ๋ถ„ํ•ดํ•œ ๊ณ„ํš์„ ์ œ์‹œํ•œ๋‹ค.

์ด๋ฒˆ ์„ธ ๊ฐ€์ง€ ์—…๋ฐ์ดํŠธ ์ค‘ ๋‹น์‹ ์˜ ์—…๋ฌด๋‚˜ ์ฐฝ์ž‘ ๊ณผ์ •์— ๊ฐ€์žฅ ๋จผ์ € ๋„์ž…ํ•ด๋ณด๊ณ  ์‹ถ์€ ๊ธฐ๋Šฅ์€ ๋ฌด์—‡์ธ๊ฐ€์š”? ๋Œ“๊ธ€๋กœ ์•Œ๋ ค์ฃผ์„ธ์š”.


๊ด€๋ จ ๊ธ€ ๋” ์ฝ๊ธฐ


์ถœ์ฒ˜ (Sources)

Notion์— AI ๋™๋ฃŒ๊ฐ€ ์ƒ๊ฒผ๋‹ค: Notion 3.6, Claude Code Artifacts, Google Flow Agent 2026๋…„ 7์›” 5์ผ AI ๋ธŒ๋ฆฌํ•‘ | MINSSAM.COM