lemon • 2025-10-29 • AI Agent, LangChain, MCP
AI 에이전트가 단순한 대화 수준을 넘어서 실제 도구(Tool)를 호출하고, API와 통신하며, 실시간 데이터를 처리하려면 어떻게 해야 할까요? 이번 글에서는 MCP(Model Context Protocol)와 LangChain ReAct 기반 에이전트를 활용해 실제로 행동할 수 있는 AI 에이전트를 구현하는 방법을 단계별로 소개합니다.
lemon • 2025-08-13 • Frontend, React, Keycloak
이번 글에서는 React 앱과 Keycloak을 연동하여 인증을 구현합니다. Keycloak은 OAuth2/OpenID Connect 기반의 인증·인가 솔루션으로, SSO 로그인과 토큰 관리, API 접근 제어 등과 같은 기능 제공합니다.
Vite + React + TailwindCSS 프로젝트 구성 가이드
lemon • 2025-08-12 • Frontend, Vite, DevOps
2025년 2월, React 팀은 Create React App(CRA)의 공식 지원 종료를 발표하며, 개발자들에게 Vite, Parcel, RSBuild와 같은 최신 빌드 도구로의 마이그레이션을 권장하고 있습니다. CRA는 오랜 기간 React 입문자들에게 널리 사용되어 왔지만, 설정의 복잡성과 느린 빌드 속도 등의 한계로 인해 점차 대체되고 있습니다. 그중에서도 Vite는 빠른 번들링 속도와 즉각적인 모듈 핫 리로딩(HMR), 그리고 Tailwind CSS와의 뛰어난 통합성으로 많은 개발자들의 선택을 받고 있습니다.