반응형

react 2

Vite + React + Supabase + Cloudflare Pages 완전 가이드 — 서비스 무료로 무중단 배포부터 SEO까지 한 번에

Next.js 없이도 됩니다. Vite + Cloudflare Pages 조합으로 더 빠르고 더 저렴하게 SaaS를 배포하는 법, 직접 겪으면서 정리했습니다.[핵심 요약]→ 스택: Vite + React (TypeScript) + Supabase + Cloudflare Pages→ 장점: Next.js보다 빠른 빌드, Cloudflare 글로벌 CDN 무료→ 함정 1: Vite 환경변수는 VITE_ 접두사 필수 (CRA와 다름)→ 함정 2: SPA 라우팅 직접 접속 시 404 → _redirects 파일로 해결→ 함정 3: Supabase 무료 티어 7일 미접속 시 일시정지 → GitHub Actions로 해결→ 추가: 구글 서치 콘솔 사이트명 오인식 문제 → JSON-LD 구조화 데이터로 해결→ 비용:..

AI 개발 2026.05.06

Thought, Action, Observation을 코드로 — LangGraph + ReAct 완전 정리

AI 에이전트를 만들다 보면 이런 상황이 생깁니다."LLM이 도구를 써야 할 때도 있고, 바로 답할 수 있을 때도 있는데 이걸 어떻게 처리하지?"이걸 깔끔하게 해결하는 패턴이 ReAct이고, 이를 코드로 명시적으로 구현할 수 있게 해주는 프레임워크가 LangGraph입니다. 이번 글에서는 LangGraph가 뭔지부터 ReAct 패턴을 실제로 어떻게 구현하는지까지 정리해 드릴게요.LangGraph란?LangGraph는 LangChain 팀이 만든 상태 기반 AI 워크플로우 프레임워크예요. 2024년 1월에 출시됐으며, AI 에이전트의 복잡한 흐름을 그래프 구조로 명시적으로 표현할 수 있게 해줍니다.기존 LangChain만으로도 에이전트를 만들 수 있었지만 세 가지 문제가 있었어요.첫째, 루프 구현이 어렵습..

AI Agent 2026.03.24
반응형