
C# ํ๋ก๊ทธ๋๋ฐ ๊ธฐ์ด๋ถํฐ ์ค์ ํ์ฉ๊น์ง
Kaburi
C#์ ๊ธฐ์ด๋ถํฐ ํ์ฉ๊น์ง ํต์ฌ๋ง ์ฝ ์ง์ด ๋ฐฐ์ฐ๋ ์ฝ๋ ์์ฃผ ๊ฐ์!
์ ๋ฌธ
C#, .NET
API ํ ๋ฒ ํธ์ถํ๊ณ ๋๋๋ AI ํ ์ด ํ๋ก์ ํธ๋ ์ด์ ๊ทธ๋ง! ํ์คํ AI ์ฑ๋ด์ ์ค์ ๋ก ์ค๊ณํ๊ณ ๋ฐฐํฌ๊น์ง ๊ณ ๋ คํ ๊ตฌ์กฐ๋ก ๋ง๋ค์ด ๋ณธ ๊ฒฝํ์ ๋ฐํ์ผ๋ก, ์คํธ๋ฆฌ๋ฐยทTool ํธ์ถยท๋ฉ๋ชจ๋ฆฌยท๋ฉํฐ๋ชจ๋ฌยทHuman in the Loop๊น์ง '์๋น์ค๋ก ๋์ํ๋' AI ์ฑ๋ด์ ๋ง๋๋ ์ ๊ณผ์ ์ ๋ชจ๋ ์๋ ค๋๋ฆฝ๋๋ค.
์๊ฐ์ 35๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ






๋ฒํทํ๋ ์ด์ค
์ ๊ด์ฌ์๋ ์ฌ๋๋ค๋ ๋ฃ๋ ์ค!




๋ฒํทํ๋ ์ด์ค
์ ๊ด์ฌ์๋ ์ฌ๋๋ค๋ ๋ฃ๋ ์ค!
ChatGPT์ ์ ์ฌํ ์ค์๊ฐ ์คํธ๋ฆฌ๋ฐ AI ์ฑ๋ด์ ์ฒ์๋ถํฐ ๋๊น์ง ์ง์ ๋ง๋ค ์ ์์ต๋๋ค.
LangChain/LangGraph์ Agent, Tool ํธ์ถ, ๋ณ๋ ฌ ์ฒ๋ฆฌ, ๋ฉ๋ชจ๋ฆฌ ๊ด๋ฆฌ๋ฅผ ์ค์ ํ๋ก์ ํธ์์ ์ ์ฉํ๋ ๋ฅ๋ ฅ์ ๊ฐ์ถ๊ฒ ๋ฉ๋๋ค.
Human in the Loop ํจํด์ ๊ตฌํํ์ฌ AI์ Tool ์ฌ์ฉ์ ์ฌ์ฉ์๊ฐ ์น์ธ/๊ฑฐ์ /์์ ํ ์ ์๋ ์์ ํ ์์ด์ ํธ ์์คํ ์ ์ค๊ณํ ์ ์์ต๋๋ค.
์ด๋ฏธ์งยทPDF๋ฅผ ์ฒ๋ฆฌํ๋ Multimodal AI ์ฑ๋ด์ ๊ตฌํํ ์ ์์ต๋๋ค.
NestJS + Prisma + PostgreSQL๋ก ์ฑํ ์ด๋ ฅ์ ์์์ ์ผ๋ก ์ ์ฅยท์กฐํํ๋ ๋ฐฑ์๋ ์์คํ ์ ๊ตฌ์ถํ ์ ์์ต๋๋ค.
React์์ HTTP ์คํธ๋ฆผ์ ํ์ฑํ์ฌ ํ ํฐ ๋จ์ ์ค์๊ฐ ๋ ๋๋ง, ์๋ ์คํฌ๋กค, Markdown ๋ ๋๋ง ๋ฑ ChatGPT๊ธ UX๋ฅผ ๊ตฌํํ ์ ์์ต๋๋ค.
Zustand, TanStack Query, Shadcn UI ๋ฑ ๋ชจ๋ React ์ํ๊ณ์ ์ค์ ํ์ฉ๋ฒ์ ์ตํ๋๋ค.
๋ฉ์ธํ๋ฉด
MutiModal
Human in the loop
Tool use
๋จ์ API ํธ์ถ์์ ๋ฒ์ด๋, AI ์ฑ๋ด์ ์ง์ ์ค๊ณํ๊ณ ๋ฐฐํฌ๊น์ง ๊ฒฝํํด ๋ณด์ธ์.
์ค์ ์๋น์ค ์์ค์ ์ฑ๋ด ๊ฐ๋ฐ ์ญ๋์ ํค์ฐ๋ฉฐ, ์ฐจ์ธ๋ AI ๊ธฐ์ ์ ๋ฌธ๊ฐ๋ก ์ฑ์ฅํ ์ ์์ต๋๋ค.
React 19, NestJS, LangChain, LangGraph ๋ฑ ์ต์ ๊ธฐ์ ์คํ์ ํ์ฉํ์ฌ
์ค์๊ฐ ์คํธ๋ฆฌ๋ฐ, Tool ํธ์ถ, ๋ฉํฐ๋ชจ๋ฌ, Human in the Loop ๊ธฐ๋ฅ์ ๊ตฌํํฉ๋๋ค.
๋จ์ API ํธ์ถ์ ๋์ด, ๋ํ ์ด๋ ฅ ๊ด๋ฆฌ, ํ์ผ ์ฒ๋ฆฌ, ์ฌ์ฉ์ ์น์ธ ๋ฑ
์ค์ ์๋น์ค์์ ํ์ํ ๋ชจ๋ ๊ธฐ๋ฅ์ ์ง์ ์ค๊ณํ๊ณ ๊ตฌํํฉ๋๋ค.
React, NestJS, PostgreSQL ๊ธฐ๋ฐ์ ํ์คํ ์ฑ๋ด์ ์ฒ์๋ถํฐ ๋๊น์ง ํจ๊ป ๊ตฌ์ถํ๊ณ , ๋ชจ๋ ์์ค์ฝ๋๋ฅผ ์ ๊ณตํฉ๋๋ค.
๋ณธ ๊ฐ์์ ๋ชฉํ๋ฅผ ์๊ฐํ๊ณ , React 19 ๊ธฐ๋ฐ์ ํ๋ก ํธ์๋ ํ๋ก์ ํธ ์ด๊ธฐ ํ๊ฒฝ ์ค์ ๊ณผ VS Code ๋๋ฒ๊น ํ๊ฒฝ ๊ตฌ์ฑ์ ํฌํจํฉ๋๋ค.
Shadcn UI๋ฅผ ํ์ฉํ์ฌ ์ฑ๋ด์ ๊ธฐ๋ณธ ๋ ์ด์์, ์ฑํ ์์ญ, ์ ๋ ฅ์ฐฝ ๋ฑ์ ๋์์ธํ๊ณ , ๋ฉ์์ง ์ ์ก ์ด๋ฒคํธ ์ฒ๋ฆฌ ๋ฐ ๋ก๋ฉ ์ํ๋ฅผ ๊ตฌํํฉ๋๋ค.
NestJS ํ๋ก์ ํธ๋ฅผ ์ด๊ธฐ ์ค์ ํ๊ณ , ํ๊ฒฝ ๋ณ์, ๋ก๊น , DTO ๊ฒ์ฆ ๋ฐ Swagger ๋ฌธ์ ์์ฑ์ ์ํ ์ค์ ์ ๊ตฌ์ฑํฉ๋๋ค. Chat API ๋ฆฌ์์ค ์์ฑ๊น์ง ๋ค๋ฃน๋๋ค.
LangChain์ ์ค์นํ๊ณ OpenAI API์ ์ฐ๋ํ์ฌ ์ฒซ LLM ํธ์ถ์ ์งํํฉ๋๋ค. TanStack Query๋ฅผ ํ์ฉํ API ํธ์ถ๊ณผ ๋ฐฑ์๋ Stream HTTP๋ฅผ ํตํ ์ค์๊ฐ ์๋ต ์คํธ๋ฆฌ๋ฐ ๊ตฌํ์ ํ์ตํฉ๋๋ค.
Zustand ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋์ ํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌ๋ฅผ ๊ตฌํํ๊ณ , ์ปค์คํ ํ ๊ณผ ์ปดํฌ๋ํธ ๋ถ๋ฆฌ๋ฅผ ํตํด ์ฑํ ๋ก์ง์ ํจ์จ์ ์ผ๋ก ๋ฆฌํฉํ ๋งํฉ๋๋ค.
AI Agent์๊ฒ Tool ์ฌ์ฉ ๋ฅ๋ ฅ์ ๋ถ์ฌํ๊ณ , Tool ๋ณ๋ ฌ ์ฒ๋ฆฌ, Custom Logging ๋ฏธ๋ค์จ์ด, streamMode๋ฅผ ํ์ฉํ HTTP-Stream ํต์ ์ ๊ตฌํํฉ๋๋ค.
์ฑ๋ด ํ๋ฉด์ Tool ์คํ ์คํธ๋ฆผ์ ์๊ฐ์ ์ผ๋ก ํ์ํ๊ณ , Accordion UI, ์ค์๊ฐ Markdown ๋ ๋๋ง, ์๋ ์คํฌ๋กค ๊ธฐ๋ฅ์ ๊ตฌํํ์ฌ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํต๋๋ค.
ํ์ผ ์ ๋ก๋ API๋ฅผ ๊ฐ๋ฐํ๊ณ , ์ด๋ฏธ์ง ๋ฐ PDF ํ์ผ ์ฒ๋ฆฌ๋ฅผ ์ํ ๋ฉํฐ๋ชจ๋ฌ ๊ธฐ๋ฅ์ ๋ฐฑ์๋์ ํ๋ก ํธ์๋์์ ๊ตฌํํฉ๋๋ค.
LangGraph์ MemorySaver์ summarizationMiddleware๋ฅผ ์ฌ์ฉํ์ฌ ๋ํ ์ด๋ ฅ์ ๊ธฐ์ตํ๊ณ , LangSmith๋ก ์คํ ํ๋ฆ์ ์ถ์ ํฉ๋๋ค.
AI์ Tool ์ฌ์ฉ์ ์ฌ์ฉ์๊ฐ ์น์ธ/๊ฑฐ์ /์์ ํ ์ ์๋ Human in the Loop ํจํด์ ๊ตฌํํ๊ณ , ์คํธ๋ฆผ ์ค๋จ ๋ฐ ์ฌ๊ฐ ๊ธฐ๋ฅ์ ๊ฐ๋ฐํฉ๋๋ค.
Chat ID๋ณ๋ก ๋ ๋ฆฝ์ ์ธ ๋จ๊ธฐ ๋ฉ๋ชจ๋ฆฌ๋ฅผ ์ ์ฉํ์ฌ ์ฑํ ๋ฐฉ์ ๋ถ๋ฆฌํ๊ณ , ์๋ก์ด ์ฑํ ์์ฑ์ ์ํ HomePage์ ChatPage๋ฅผ ๊ตฌํํฉ๋๋ค.
Docker๋ฅผ ์ฌ์ฉํ์ฌ PostgreSQL ์ปจํ ์ด๋๋ฅผ ์คํํ๊ณ , DBeaver๋ฅผ ํตํด ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ฐ๊ฒฐ ๋ฐ ๊ด๋ฆฌ๋ฅผ ์ํ ํ๊ฒฝ์ ๊ตฌ์ถํฉ๋๋ค.
Prisma ORM์ ์ค์ ํ๊ณ PostgreSQL๊ณผ ์ฐ๋ํ์ฌ ์ฑํ ์ค๋ ๋, ๋ฉ์์ง, Tool ๊ฒฐ๊ณผ ๋ฑ ๋ํ ๋ฐ์ดํฐ๋ฅผ ์์์ ์ผ๋ก ์ ์ฅํ๊ณ ์กฐํํ๋ ๊ธฐ๋ฅ์ ๊ตฌํํฉ๋๋ค.
์ค์ต ํ๊ฒฝ
์ด์์ฒด์ : Windows, macOS, Linux ๋ชจ๋ ๊ฐ๋ฅํฉ๋๋ค.
๊ฐ๋ฐ ๋๊ตฌ: Node.js (v18 ์ด์ ๊ถ์ฅ), pnpm, Docker Desktop, VS Code ํ์์ ๋๋ค.
PC ์ฌ์: ์ํํ ๊ฐ๋ฐ ํ๊ฒฝ์ ์ํด 8GB ์ด์์ RAM์ ๊ถ์ฅํฉ๋๋ค.
์ ์ ์ง์ ๋ฐ ์ ์์ฌํญ
React ๋ฐ TypeScript ๊ธฐ๋ณธ ๋ฌธ๋ฒ ์ดํด๊ฐ ํ์ํฉ๋๋ค.
NestJS ๋๋ Express.js ๋ฑ Node.js ๊ธฐ๋ฐ ๋ฐฑ์๋ ํ๋ ์์ํฌ ๊ฒฝํ์ด ์๋ค๋ฉด ์ข์ต๋๋ค.
API ํธ์ถ ๊ฒฝํ์ด ์๋ค๋ฉด ์ค์ต์ ํฐ ๋์์ด ๋ฉ๋๋ค.
LangChain, LangGraph์ ๋ํ ์ฌ์ ์ง์์ด ์์ด๋ ๊ด์ฐฎ์ต๋๋ค.
ํ์ต ์๋ฃ
๊ฐ์๋ง๋ค ๋ชจ๋ ์์ค ์ฝ๋๋ฅผ ์ ๊ณตํฉ๋๋ค.
์ค์ ์๋น์ค ๊ฐ๋ฐ์ ํ์ํ ์ต์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํ์ฉ๋ฒ์ ๋ฐฐ์๋๋ค.
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
LangChain/LangGraph๋ฅผ ์ค์ ์๋น์ค์ ์ ์ฉํ๊ณ ์ถ์ ๋ฐฑ์๋ ๊ฐ๋ฐ์
ChatGPT ๊ฐ์ AI ์ฑ๋ด ์๋น์ค๋ฅผ ์ง์ ๋ง๋ค์ด๋ณด๊ณ ์ถ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์
LLM API๋ ์จ๋ดค์ง๋ง ํ์คํ ์ฑ๋ด ํ๋ก์ ํธ ๊ฒฝํ์ด ์๋ ๊ฐ๋ฐ์
AI ์์ด์ ํธ์ Human in the Loop, ๋ฉ๋ชจ๋ฆฌ, ์คํธ๋ฆฌ๋ฐ ๋ฑ ๊ณ ๊ธ ํจํด์ ํ์ตํ๊ณ ์ถ์ ๊ฐ๋ฐ์
React + NestJS ๊ธฐ๋ฐ์ ์ค์ ํ์คํ ํ๋ก์ ํธ ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋ค๊ณ ์ถ์ ์ทจ์ค์ ๋๋ ์ฃผ๋์ด ๊ฐ๋ฐ์
์ฌ๋ด์์ AI ์ฑ๋ด PoC๋ ํ๋กํ ํ์ ์ ๋น ๋ฅด๊ฒ ๊ตฌ์ถํด์ผ ํ๋ ์ค๋ฌด์
์ ์ ์ง์,
ํ์ํ ๊น์?
JavaScript / TypeScript ๊ธฐ์ด โ ๋ณ์, ํจ์, async/await, ๋ชจ๋ ์์คํ ๋ฑ ๊ธฐ๋ณธ ๋ฌธ๋ฒ์ ์ดํดํ๊ณ ์์ด์ผ ํฉ๋๋ค.
React ๊ธฐ์ด โ ์ปดํฌ๋ํธ, props, useState, useEffect ๋ฑ ๊ธฐ๋ณธ ํ ์ฌ์ฉ ๊ฒฝํ์ด ์์ผ๋ฉด ์ข์ต๋๋ค.
Node.js ๊ธฐ์ด โ npm/pnpm ํจํค์ง ์ค์น, ํฐ๋ฏธ๋ ์ฌ์ฉ์ ์ต์ํ๋ฉด ์ข์ต๋๋ค.
REST API ๊ฐ๋ โ HTTP ๋ฉ์๋(GET, POST ๋ฑ)์ ์์ฒญ/์๋ต ๊ตฌ์กฐ๋ฅผ ์ดํดํ๊ณ ์์ผ๋ฉด ์ํํ๊ฒ ๋ฐ๋ผ๊ฐ ์ ์์ต๋๋ค.
NestJS๋ Express ๊ฒฝํ โ ์์ด๋ ๊ฐ์์์ ์ด๊ธฐ ์ค์ ๋ถํฐ ๋ค๋ฃจ์ง๋ง, ์์ผ๋ฉด ๋ ์์ํฉ๋๋ค.
์ปค๋ฆฌ์ด์ธ์ฆ
978
๋ช
์๊ฐ์
86
๊ฐ
์๊ฐํ
31
๊ฐ
๋ต๋ณ
5.0
์
๊ฐ์ ํ์
4
๊ฐ
๊ฐ์
๋ณ.์์ ์ํํธ์จ์ด ๊ฐ๋ฐ ์ ์ฒด | 2015๋ ~ ํ์ฌ
C# ๊ด๋ จ ๊ฐ์ ์ ํ๋ธ ์ด์ : ๊น๋ถ์ด์ฝ๋(https://www.youtube.com/@kaburi-coder) 2022 ~
ํ๋ก๊ทธ๋๋ฐ ์ธ์ด: C#, TypeScript, Dart, Python, VB.NET
๋ฐ์คํฌํ ์ ํ๋ฆฌ์ผ์ด์ : WinForms, WPF
๋ชจ๋ฐ์ผ ์ฑ ๊ฐ๋ฐ: Flutter
์น ๊ฐ๋ฐ: React, Next.js, Express, NestJS
Gen AI: LangChain, LangGraph
์ปจํ ์ด๋ ๋ฐ ์ค์ผ์คํธ๋ ์ด์ : Docker, Kubernetes, Helm, ArgoCD ..
CI/CD: GitHub Actions
DataBase: MySql, Postgresql, MongoDB, SQLITE ๋ฑ
2015๋ ๋ถํฐ ํ์ฌ๊น์ง ์ํํธ์จ์ด ๊ฐ๋ฐ ๋ถ์ผ์์ ๋ค์ํ ํ๋ก์ ํธ๋ฅผ ์ฑ๊ณต์ ์ผ๋ก ์ด๋์ด์จ ๊ฒฝํ์ ๋ณด์ ํ๊ณ ์์ต๋๋ค.
๊ธฐ์ ๋ฆฌ๋๋ก์ ํ์ ์ด๋๋ฉฐ ํจ์จ์ ์ธ ๊ฐ๋ฐ ํ๋ก์ธ์ค๋ฅผ ์ ์งํ๊ณ , ์ต์ ๊ธฐ์ ์คํ์ ์ ๊ทน์ ์ผ๋ก ๋์ ํ์ฌ ์ํํธ์จ์ด์ ํ์ง๊ณผ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํค๋ ๋ฐ ์ฃผ๋ ฅํ๊ณ ์์ต๋๋ค.
ํ์ฌ๋ ๋ฐ์คํฌํฑ๊ณผ ์น์ ํตํฉ ๊ฐ๋ฐ์ ์ฃผ๋ํจ๊ณผ ๋์์, ์ฌ๋ด ์ง์ ๊ต์ก์ ์ฑ ์์ง๊ณ ์์ต๋๋ค.
๋ํ ์ฌ์ฉ์ ์นํ์ ์ธ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ๊ณผ ๋ฐฐํฌ ์๋ํ, DevOps ๋์ ์ ํตํด ํ๋ก์ ํธ์ ์ ๋ฐ์ ์ธ ์ฑ๊ณต์ ๊ธฐ์ฌํ๊ณ ์์ต๋๋ค.
์ง์์ ์ธ ์๊ธฐ๊ณ๋ฐ์ ํตํด ๋ณํํ๋ ๊ธฐ์ ํ๊ฒฝ์ ์ ์ฐํ๊ฒ ๋์ํ๋ฉฐ, ๋์ ์ด์ ์ผ๋ก ์๋ก์ด ๋์ ์ ์ํ๊ณ ์์ต๋๋ค.
์ ์ฒด
85๊ฐ โ (7์๊ฐ 30๋ถ)
ํด๋น ๊ฐ์์์ ์ ๊ณต:
์ ์ฒด
4๊ฐ
5.0
4๊ฐ์ ์๊ฐํ
์๊ฐํ 1
โ
ํ๊ท ํ์ 5.0
์๊ฐํ 7
โ
ํ๊ท ํ์ 5.0
์๊ฐํ 4
โ
ํ๊ท ํ์ 5.0
์ง์๊ณต์ ์๋์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
๊ฐ์ ๋ถ์ผ์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
์ง์๊ณต์ ์์ ๊น์งํ ์ธ ์ค (3์ผ ๋จ์)
์ โฉ19,800
5๊ฐ์ ํ ๋ถ ์
25%
โฉ132,000
โฉ99,000