๐Ÿฆž AI ์—์ด์ „ํŠธ์™€ ํ•จ๊ป˜ํ•œ ์ฝ˜ํ…์ธ  ์ž๋™ํ™” ์—ฌ์ • 02 (n8n ์ž๋™ํ™” ยท NocoDB ์ผ์ง€ ยท Vercel ๋ฐฐํฌ๊นŒ์ง€ โ€” ๋น„๊ฐœ๋ฐœ์ž์˜ ์‚ฝ์งˆ ๊ธฐ๋ก)

์†Œ๊ฐœ

์ €๋Š” ๊ฐœ๋ฐœ๊ณผ ๊ฑฐ๋ฆฌ๊ฐ€ ๋จผ ์ผ๋ฐ˜ ์ง์ข…(ํ™”์žฅํ’ˆ ๋งˆ์ผ€ํ„ฐ)์— ์ผํ•ฉ๋‹ˆ๋‹ค. ๊ธฐ์ดˆ๊ฐ€ ์—†๋‹ค ๋ณด๋‹ˆ GPTers ์ˆ˜์—… ์ง„๋„๋ฅผ ๋งž์ถ”๋Š”๊ฒŒ ๋งค์šฐ ๋ถ€๋‹ด์Šค๋Ÿฌ์› ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ตœ๊ทผ Claude Code๋ฅผ ์“ฐ๋ฉด์„œ "์ด๊ฒŒ ๋˜๋„ค?" ์‹ถ์€ ๊ฒฝํ—˜์„ ์—ฐ๋‹ฌ์•„ ํ–ˆ์Šต๋‹ˆ๋‹ค.
์˜ค๋Š˜์€ ๊ทธ ์„ธ ๊ฐ€์ง€ ์‚ฌ๋ก€๋ฅผ ๊ณต์œ ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์ง„ํ–‰ ๋‚ด์šฉ

1. n8n ์ž๋™ํ™” ํŒŒ์ดํ”„๋ผ์ธ โ€” "๋ฐฐ์šด ์  ์—†๋Š”๋ฐ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค"

1-1. ์ฒ˜์Œ n8n์„ ๋งŒ๋‚ฌ์„ ๋•Œ

์ฒ˜์Œ n8n์„ ์ ‘ํ–ˆ์„ ๋•Œ ์†”์งํžˆ ๋ง‰๋ง‰ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋…ธ๋“œ ๊ฐœ๋…, ํฌ๋ ˆ๋ด์…œ ์„ค์ •, JSON ์ง๋ ฌํ™”... ์ธํ„ฐํŽ˜์ด์Šค๋งŒ ๋ด๋„ ๋จธ๋ฆฌ๊ฐ€ ์•„ํŒ ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ Claude Code์—๊ฒŒ ์ „๋ถ€ ๋งก๊ฒผ์Šต๋‹ˆ๋‹ค.

"n8n์—์„œ xAI Grok API ์—ฐ๊ฒฐํ•ด์ค˜"
"Telegram์œผ๋กœ ๋ถ„์„ ๊ฒฐ๊ณผ ๋ณด๋‚ด๋Š” ์›Œํฌํ”Œ๋กœ์šฐ ๋งŒ๋“ค์–ด์ค˜"

์ฒ˜์Œ์—” ๋‹น์—ฐํžˆ ์˜ค๋ฅ˜๊ฐ€ ๋‚ฌ์Šต๋‹ˆ๋‹ค. JSON body ํ˜•์‹ ์˜ค๋ฅ˜, deprecated ํŒŒ๋ผ๋ฏธํ„ฐ ๋ฌธ์ œ, Chat ID ํ™•์ธ... ๊ทธ๋•Œ๋งˆ๋‹ค ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€๋ฅผ ๊ทธ๋Œ€๋กœ Claude์—๊ฒŒ ๋ถ™์—ฌ๋„ฃ์—ˆ๊ณ , Claude๊ฐ€ ์›์ธ์„ ์ฐพ์•„ ์ˆ˜์ •ํ•ด์คฌ์Šต๋‹ˆ๋‹ค.

์ด ๊ณผ์ •์„ ๋ช‡ ๋ฒˆ ๋ฐ˜๋ณตํ•˜๋‹ˆ ํ™”์žฅํ’ˆ ์ธ๋”” ๋ธŒ๋žœ๋“œ ํŠธ๋ Œ๋“œ ๋ฆฌํฌํŠธ ์ž๋™ํ™” ์›Œํฌํ”Œ๋กœ์šฐ๊ฐ€ ์™„์„ฑ๋์Šต๋‹ˆ๋‹ค.

  • ๋งค์ฃผ ์›”ยท์ˆ˜ยท๊ธˆ ์˜ค์ „ 8์‹œ ์ž๋™ ์‹คํ–‰

  • xAI Grok-3 ๋ชจ๋ธ์ด ํ•ด์™ธ/๊ตญ๋‚ด ์ธ๋”” ๋ธŒ๋žœ๋“œ ํŠธ๋ Œ๋“œ ๋ถ„์„

  • ๋ถ„์„ ๊ฒฐ๊ณผ๊ฐ€ ํ…”๋ ˆ๊ทธ๋žจ์œผ๋กœ ๋ฐ”๋กœ ์ „์†ก

ํ•ต์‹ฌ์€ "์ง์ ‘ ๋ฐฐ์šฐ๋ ค ํ•˜์ง€ ์•Š์€ ๊ฒƒ"์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋ฅ˜๊ฐ€ ๋‚˜๋ฉด ์˜ค๋ฅ˜๋ฅผ ๊ทธ๋Œ€๋กœ ๋ณด์—ฌ์ฃผ๊ณ , ์›ํ•˜๋Š” ๊ฒฐ๊ณผ๋ฌผ์„ ๋ง๋กœ ์„ค๋ช…ํ–ˆ์„ ๋ฟ์ž…๋‹ˆ๋‹ค.

์ฐธ๊ณ ****(์ค‘์š”) : n8n์—์„œ Claude API ๊ฐ€ ๋น„์‹ธ๋‹ค๊ธธ๋ ˆ ์ฒ˜์Œ์œผ๋กœ Grok์„ ์—ฐ๊ฒฐํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค!!
Grok์€ ์ตœ์‹  ์ •๋ณด๋ฅผ ๋งค์šฐ ์ž˜ ๋ฐ˜์˜ํ•˜๋ฉฐ Token ๊ฐ€๊ฒฉ์ด ๋งค์šฐ ์ €๋ ดํ•ฉ๋‹ˆ๋‹ค!

1-2. Claude Code ์„ธ์…˜ ์ž๋™ ์ผ์ง€ ์‹œ์Šคํ…œ

์—ฌ๊ธฐ์„œ ๋ฉˆ์ถ”์ง€ ์•Š๊ณ , ํ•œ ๊ฐ€์ง€ ๋ฌธ์ œ๋ฅผ ๋” ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.

์ €๋Š” Claude์™€ OpenClaw์—๊ฒŒ ๋ถ€ํƒ๋งŒ ํ•ด์„œ ์ •์ž‘ ์ œ๊ฐ€ ๋ฌด์—‡์„ ํ–ˆ๋Š”์ง€ ์ด์ „ ๋‚ด์šฉ์„ ์ข…์ข… ์žŠ์–ด๋ฒ„๋ ธ์Šต๋‹ˆ๋‹ค. "์–ด์ œ ๋ญ˜ ๋งŒ๋“ค์—ˆ๋”๋ผ..."๊ฐ€ ๋ฐ˜๋ณต๋์Šต๋‹ˆ๋‹ค.

์•Œ๊ณ  ๋ณด๋‹ˆ ~/.claude/projects/ ์•„๋ž˜์— Claude Code์˜ ๋ชจ๋“  ๋Œ€ํ™”๊ฐ€ JSONL ํŒŒ์ผ๋กœ ์Œ“์ด๊ณ  ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฑธ ๋งค์ผ ์ž์ •์— ์ฝ์–ด์„œ Claude๊ฐ€ ์Šค์Šค๋กœ ์š”์•ฝํ•˜๊ณ  NocoDB์— ์ €์žฅํ•˜๋Š” ํŒŒ์ดํ”„๋ผ์ธ์„ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

์ž์ • macOS launchd ํŠธ๋ฆฌ๊ฑฐ
  โ†’ ๋‹น์ผ Claude ์„ธ์…˜ JSONL ์ˆ˜์ง‘
  โ†’ claude -p ๋กœ ์š”์•ฝ (Achievements / Problems / Next Steps)
  โ†’ NocoDB Diary ํ…Œ์ด๋ธ” ์ €์žฅ
  โ†’ Telegram ์•Œ๋ฆผ

๋งค์ผ ๋ฐค ์ž๋™์œผ๋กœ "์˜ค๋Š˜ ๋ญ ํ–ˆ์ง€?"๊ฐ€ ์ •๋ฆฌ๋˜๋Š” ์‹œ์Šคํ…œ์ž…๋‹ˆ๋‹ค. ์ด๊ฒŒ ์ƒ๊ฐ๋ณด๋‹ค ๊ฝค ์‹ค์šฉ์ ์ž…๋‹ˆ๋‹ค.
์ฐธ๊ณ  : JSONL ์ด๋ž€..

๋‹ค์–‘ํ•œ ์œ ํ˜•์˜ ํด๋ผ์šฐ๋“œ ์ฝ”๋“œ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๋‹ค์ด์–ด๊ทธ๋žจ

2. NocoDB ร— Claude โ€” AI๊ฐ€ ์ง์ ‘ ์ฝ๊ณ  ์“ฐ๋Š” ๋ฐ์ดํ„ฐ ๋ ˆ์ด์–ด

2-1. NocoDB๋ฅผ ๋‹จ์ˆœ UI ๋„๊ตฌ๋กœ๋งŒ ์“ฐ์ง€ ์•Š๋Š” ๋ฒ•

NocoDB๋Š” NoCode DB UI ๋„๊ตฌ์ธ๋ฐ, ์ €๋Š” ์—ฌ๊ธฐ์— Diary ํ…Œ์ด๋ธ”์„ ๋งŒ๋“ค์–ด ์ž‘์—… ์ผ์ง€๋ฅผ ์Œ“๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

ํฅ๋ฏธ๋กœ์šด ๊ฑด Claude Code์—์„œ NocoDB REST API๋ฅผ ์ง์ ‘ ํ˜ธ์ถœํ•ด์„œ ๋ ˆ์ฝ”๋“œ๋ฅผ ์กฐํšŒํ•˜๊ณ  ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ž…๋‹ˆ๋‹ค. OpenClaw(๋ฉ€ํ‹ฐ์ฑ„๋„ AI ๊ฒŒ์ดํŠธ์›จ์ด)์—์„œ๋„ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ์—ฐ๋™์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

NocoDB๋ฅผ ๋‹จ์ˆœ UI ๋„๊ตฌ๊ฐ€ ์•„๋‹ˆ๋ผ, AI๊ฐ€ ์ง์ ‘ ์ฝ๊ณ  ์“ฐ๋Š” ๋ฐ์ดํ„ฐ ๋ ˆ์ด์–ด๋กœ ํ™œ์šฉํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ํ…”๋ ˆ๊ทธ๋žจ์œผ๋กœ "์ด๋ฒˆ ์ฃผ ์ผ์ง€ ์š”์•ฝํ•ด์ค˜"๋ผ๊ณ  ๋ณด๋‚ด๋ฉด Jarvis๊ฐ€ NocoDB์—์„œ ๋ ˆ์ฝ”๋“œ๋ฅผ ๋ถˆ๋Ÿฌ์™€ ์ •๋ฆฌํ•ด์„œ ๋Œ๋ ค์ค๋‹ˆ๋‹ค.

2-2. Claude Code ์Šคํ‚ฌ(Skill) ์‹œ์Šคํ…œ ์ฒดํ—˜

์ด๋ฒˆ์— supabase-postgres-best-practices ์Šคํ‚ฌ์„ ์„ค์น˜ํ•ด์„œ ์‹คํ—˜ํ•ด๋ดค์Šต๋‹ˆ๋‹ค.(๋ฐ•์ •๊ธฐ๋‹˜ Git ์ž๋ฃŒ)
https://github.com/jeongkpa/awesome-openclaw-skill#

์Šคํ‚ฌ์€ .claude/skills/ ํด๋” ์•ˆ์— ์œ„์น˜ํ•˜๋ฉฐ, ํŠน์ • ๋„๋ฉ”์ธ ์ง€์‹์„ Claude์—๊ฒŒ ์ฃผ์ž…ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค. ๋Œ€ํ™” ์ค‘์— ํ•ด๋‹น ์Šคํ‚ฌ ๊ฒฝ๋กœ๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด, Claude๊ฐ€ Supabase์—์„œ ์ •๋ฆฌํ•œ Postgres ์„ฑ๋Šฅ ์ตœ์ ํ™” ๊ฐ€์ด๋“œ๋ฅผ ์ฐธ๊ณ ํ•ด์„œ ์ฟผ๋ฆฌ๋‚˜ ์Šคํ‚ค๋งˆ๋ฅผ ์ œ์•ˆํ•ฉ๋‹ˆ๋‹ค.

๋‹จ์ˆœํžˆ "ChatGPT์—๊ฒŒ ๋ฌผ์–ด๋ณด๊ธฐ"์™€ ๋‹ค๋ฅธ ์ ์€, ๋„๋ฉ”์ธ ์ „๋ฌธ ์ง€์‹์ด ๊ตฌ์กฐํ™”๋œ ํ˜•ํƒœ๋กœ Claude์˜ ์ปจํ…์ŠคํŠธ์— ์ž๋™์œผ๋กœ ํฌํ•จ๋œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Clawhub์—์„œ ์ปค๋ฎค๋‹ˆํ‹ฐ ์Šคํ‚ฌ์„ ์ฐพ์•„ ์„ค์น˜ํ•  ์ˆ˜ ์žˆ๊ณ , ์ง์ ‘ ๋งŒ๋“ค์–ด ํŒ€๊ณผ ๊ณต์œ ํ•˜๋Š” ๊ฒƒ๋„ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.


3. Bypass Permissions Mode๋กœ ํฌํŠธํด๋ฆฌ์˜ค ์ œ์ž‘ & Vercel ๋ฐฐํฌ

3-1. Vercel์€ ํ•ญ์ƒ ์ €๋ฅผ ๊ดด๋กญํ˜”์Šต๋‹ˆ๋‹ค

Vercel ๋ฐฐํฌ๋Š” ํ•ญ์ƒ ์ €์—๊ฒŒ ์–ด๋ ค์šด ๊ด€๋ฌธ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ๋„๋ฉ”์ธ ์„ค์ •, CLI ๋ช…๋ น์–ด, ํ”„๋กœ์ ํŠธ ๊ตฌ์„ฑ... ํ•œ ๋ฒˆ ์„ฑ๊ณตํ•ด๋„ ๋‹ค์Œ์— ๋˜ ํ—ค๋งค๊ณค ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฒˆ์—” Bypass Permissions Mode๋ฅผ ์ฒ˜์Œ์œผ๋กœ ์‚ฌ์šฉํ•ด๋ดค์Šต๋‹ˆ๋‹ค. ์ด ๋ชจ๋“œ์—์„œ๋Š” Claude Code๊ฐ€ ํŒŒ์ผ ์“ฐ๊ธฐ, ํ„ฐ๋ฏธ๋„ ๋ช…๋ น ์‹คํ–‰, ํŒจํ‚ค์ง€ ์„ค์น˜ ๋“ฑ์„ ์ผ์ผ์ด ์Šน์ธ ์—†์ด ์ž๋™์œผ๋กœ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

3-2. ์ง„ํ–‰ ๊ณผ์ •

1๋‹จ๊ณ„ โ€” PDF ์ด๋ ฅ์„œ ๋ถ„์„

์ œ PDF ์ด๋ ฅ์„œ๋ฅผ Claude์—๊ฒŒ ์ฝํžˆ๊ณ , ํฌํŠธํด๋ฆฌ์˜ค ์ฝ˜ํ…์ธ  ๊ตฌ์กฐ๋ฅผ ์žก์•˜์Šต๋‹ˆ๋‹ค. ๊ธด ์—…๋ฌด ๊ฒฝ๋ ฅ์„ ์„น์…˜๋ณ„๋กœ ๋ณด๊ธฐ ์ข‹๊ฒŒ ์ •๋ฆฌํ•ด์คฌ์Šต๋‹ˆ๋‹ค.

2๋‹จ๊ณ„ โ€” Next.js ํฌํŠธํด๋ฆฌ์˜ค ๊ฐœ๋ฐœ

/Users/james/Documents/james-portfolio์— Next.js ์•ฑ์„ ์ƒ์„ฑํ•˜๊ณ , ๋‹คํฌ ๊ณจ๋“œ ํ…Œ๋งˆ์˜ ํฌํŠธํด๋ฆฌ์˜ค ํŽ˜์ด์ง€๋ฅผ ์™„์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.

3๋‹จ๊ณ„ โ€” Vercel ๋ฐฐํฌ

vercel login โ†’ vercel โ†’ vercel --prod

Claude๊ฐ€ ์ž๋™ ์‹คํ–‰ํ–ˆ๊ณ , ์˜ค๋ฅ˜ ํ•˜๋‚˜ ์—†์ด ๋ฐฐํฌ ์„ฑ๊ณตํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ”— ๋ผ์ด๋ธŒ URL: https://james-portfolio-bay.vercel.app

์ƒ๊ฐ๋ณด๋‹ค ๋„ˆ๋ฌด ์‰ฝ๊ฒŒ ๋์Šต๋‹ˆ๋‹ค. ์ œ๊ฐ€ ํ•œ ๊ฑด "์ด๋ ฅ์„œ ๋ณด๊ณ  ํฌํŠธํด๋ฆฌ์˜ค ๋งŒ๋“ค์–ด์ค˜, Vercel์— ์˜ฌ๋ ค์ค˜"๋ผ๊ณ  ๋งํ•œ ๊ฒƒ๋ฟ์ž…๋‹ˆ๋‹ค.


๋งˆ์น˜๋ฉฐ

์„ธ ๊ฐ€์ง€ ๊ฒฝํ—˜์˜ ๊ณตํ†ต์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

"์–ด๋–ป๊ฒŒ"๋ฅผ ๋ชฐ๋ผ๋„, "๋ญ˜ ์›ํ•˜๋Š”์ง€"๋Š” ์•Œ๊ณ  ์žˆ์œผ๋ฉด ๋œ๋‹ค๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

n8n ๋ฌธ๋ฒ•์„ ๋ชฐ๋ผ๋„, ์›ํ•˜๋Š” ์ž๋™ํ™” ํ๋ฆ„์€ ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. Vercel CLI๋ฅผ ๋ชฐ๋ผ๋„, ๋ฐฐํฌ๋œ ์‚ฌ์ดํŠธ๊ฐ€ ํ•„์š”ํ•˜๋‹ค๋Š” ๊ฑด ์•Œ์•˜์Šต๋‹ˆ๋‹ค. Postgres ์ตœ์ ํ™”๋ฅผ ๋ชฐ๋ผ๋„, ์Šคํ‚ฌ ์‹œ์Šคํ…œ์—์„œ ๊ฐ€์ด๋“œ๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

Claude Code๋Š” "์ฝ”๋”ฉ์„ ๋Œ€์‹  ํ•ด์ฃผ๋Š” ๋„๊ตฌ"๊ฐ€ ์•„๋‹ˆ๋ผ, "๋‚ด๊ฐ€ ์›ํ•˜๋Š” ๊ฒƒ์„ ํ˜„์‹ค๋กœ ๋งŒ๋“ค์–ด์ฃผ๋Š” ํ˜‘์—… ํŒŒํŠธ๋„ˆ"์— ๊ฐ€๊น์Šต๋‹ˆ๋‹ค.

๋น„๊ฐœ๋ฐœ์ž ๋ถ„๋“ค๋„ ์ถฉ๋ถ„ํžˆ ๋„์ „ํ•ด๋ณด์‹ค ๋งŒํ•ฉ๋‹ˆ๋‹ค.


์‚ฌ์šฉ ๋„๊ตฌ: Claude Code, n8n, NocoDB, OpenClaw, xAI Grok, Telegram Bot, Vercel, Next.js

1
1๊ฐœ์˜ ๋‹ต๊ธ€

๋‰ด์Šค๋ ˆํ„ฐ ๋ฌด๋ฃŒ ๊ตฌ๋…

๐Ÿ‘‰ ์ด ๊ฒŒ์‹œ๊ธ€๋„ ์ฝ์–ด๋ณด์„ธ์š”