ํ”ผ๋“œ๋กœ ๋Œ์•„๊ฐ€๊ธฐ
Heyo DEV Crowd!๐Ÿ‘‹ I'm Sorin, the maker, and this is Tamadoggo.
Dev.toDev.to
AI/ML

MCP ์„œ๋ฒ„ ๊ธฐ๋ฐ˜ Claude Tool Use๋ฅผ ํ™œ์šฉํ•œ ์ง€๋Šฅํ˜• ํŽซ ์ €๋„๋ง ์‹œ์Šคํ…œ ์„ค๊ณ„

Heyo DEV Crowd!๐Ÿ‘‹ I'm Sorin, the maker, and this is Tamadoggo.

Sorin Vasiliu2026๋…„ 6์›” 27์ผ2๋ถ„beginner

AI ์š”์•ฝ

Context

๊ธฐ์กด ํŽซ ๊ด€๋ฆฌ ์•ฑ์˜ ์ง€๋‚˜์น˜๊ฒŒ ์ž„์ƒ์ ์ธ UI/UX์™€ ์—„๊ฒฉํ•œ ๊ธฐ๋ก ๊ฐ•์š”๋กœ ์ธํ•œ ์‚ฌ์šฉ์ž ํ”ผ๋กœ๋„ ๋ฐœ์ƒ. ๋‹จ์ˆœ ์˜๋ฃŒ ๊ธฐ๋ก ์ถ”์ ์„ ๋„˜์–ด ์ผ์ƒ์  ๊ธฐ๋ก๊ณผ ์Šค๋งˆํŠธํ•œ ๋ถ„์„์ด ๊ณต์กดํ•˜๋Š” ์ •์„œ์  ์ €๋„๋ง ์„œ๋น„์Šค ํ•„์š”์„ฑ ๋Œ€๋‘.

Technical Solution

  • React Native ๊ธฐ๋ฐ˜์˜ ํฌ๋กœ์Šค ํ”Œ๋žซํผ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํ†ตํ•œ ์‹ ์†ํ•œ ๋ชจ๋ฐ”์ผ ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌํ˜„
  • Supabase๋ฅผ ํ™œ์šฉํ•œ Backend-as-a-Service ๊ตฌ์กฐ ์„ค๊ณ„๋กœ ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ ๋™๊ธฐํ™” ๋ฐ ์ธ์ฆ ์ฒ˜๋ฆฌ ํšจ์œจํ™”
  • MCP server๋ฅผ ํ†ตํ•œ Claude์˜ Tool Use ๊ธฐ๋Šฅ์„ ํ†ตํ•ฉํ•˜์—ฌ ๋น„์ •ํ˜• ๋ฐ์ดํ„ฐ์˜ ์ •ํ˜• ๊ธฐ๋กํ™” ๊ตฌํ˜„
  • ๋‹จ์ˆœ ์ง„๋‹จ์ด ์•„๋‹Œ ํŒจํ„ด ๋ถ„์„ ๋ฐ ํ’ˆ์ข…/์—ฐ๋ น ๊ธฐ๋ฐ˜์˜ Nudge ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•œ AI ๋ฐฑ๊ทธ๋ผ์šด๋“œ ๋กœ์ง ์„ค๊ณ„
  • Vet document scanning ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ์ด๋ฏธ์ง€ ๋‚ด ํ…์ŠคํŠธ๋ฅผ ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ํŒŒ์ดํ”„๋ผ์ธ ๊ตฌ์ถ•
  • Free/Pro ํ‹ฐ์–ด ๊ตฌ๋ถ„์„ ํ†ตํ•œ ๊ธฐ๋Šฅ์  ํ™•์žฅ์„ฑ๊ณผ ์‚ฌ์šฉ์ž ์ง„์ž… ์žฅ๋ฒฝ์„ ๋™์‹œ์— ๊ณ ๋ คํ•œ ์„œ๋น„์Šค ๊ณ„์ธต ์„ค๊ณ„

์‹ค์ฒœ ํฌ์ธํŠธ

1. LLM ๋„์ž… ์‹œ ์‚ฌ์šฉ์ž์—๊ฒŒ ๊ฐ•์š”ํ•˜๋Š” ๋ฐฉ์‹์ด ์•„๋‹Œ ๋ฐฑ๊ทธ๋ผ์šด๋“œ์—์„œ ํŒจํ„ด์„ ๋ถ„์„ํ•˜๋Š” Passive AI ์„ค๊ณ„ ๊ฒ€ํ† 

2. MCP server๋ฅผ ํ™œ์šฉํ•ด AI ๋ชจ๋ธ์ด ์™ธ๋ถ€ ๋„๊ตฌ ๋ฐ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€ ์ƒํ˜ธ์ž‘์šฉํ•˜๋Š” ์ธํ„ฐํŽ˜์ด์Šค ํ‘œ์ค€ํ™” ์ ์šฉ

3. BaaS(Supabase ๋“ฑ)๋ฅผ ํ™œ์šฉํ•ด ์ธํ”„๋ผ ๊ด€๋ฆฌ ๋น„์šฉ์„ ์ตœ์†Œํ™”ํ•˜๊ณ  ๋„๋ฉ”์ธ ๋กœ์ง ๊ฐœ๋ฐœ์— ์ง‘์ค‘ํ•˜๋Š” ์ „๋žต ์ˆ˜๋ฆฝ

ํƒœ๊ทธ

#Supabase#MCP Server#React Native#Claude Tool Use#AI Integration
์›๋ฌธ ์ฝ๊ธฐ