lou@blog $ _

LangGraph ReAct Agent 커스터마이즈하기

Langgraph.prebuilt의 create_react_agent를 이용해 ReAct Agent를 생성하면 이미 StateGraph가 컴파일되어서 반환되기때문에 이걸로 Agent를 만들면 워크플로우를 수정할 수 없다. Agent를 개발하다보니 추가적인 단계를 정의해야할 일이 생겨 더 이상 create_react_agent를 사용할 수 없었다. 그래서 create_react_agent의 코드를 분석해서 커스터마이즈 가능하도록 일부 코드들을 들고와서 create_custom_react_agent를 만들었다. StateGraph가 컴파일 되기전에 customize_workflow로 graph를 받아서 추가로 workflow를 수정한 뒤에 컴파일 할 수 있다. 주석도 열심히 달아두었기때문에 처음부터 ReAc..

Next.js에서 제공하는 Image 컴포넌트를 사용해서 이미지 로딩을 하는 중, 거의 700ms 정도에 육박하는 충격적인 로딩속도를 보여주어서 구글링 해봤다. 이건 Image 컴포넌트가 사용하는 기본 이미지 프로세서 때문이라고 하는데, sharp 패키지를 설치하면 해결된다. 패키지를 설치하면 정말 빠르게 이미지가 로딩되는 것을 확인할 수 있다. yarn add sharp

오래전에 배워 손에 익은 jQuery를 놓치못하던 틀딱같은 나... 웹 개발은 재미없기도하고 개인 프로젝트나 정말 잠깐잠깐 회사에서 바쁠때 도와주는 식으로만 건드려서 제대로 해볼 생각이 없었다. 특히 React의 useXXX는 처음 시작하는 사람을 어질어질하게 만드는 면이 있다. 그렇게 흥미를 잃고있던 와중 아는분이 심리테스트를 만들어보고싶다고 얘기해서 이참에 요새대세 Next.js로 도와줘볼까? 해서 시작하게되었다. 심리테스트라 난이도도 어렵지 않고 돈벌려고 하는 것도 아니니 github에 오픈소스로 공개해서 정리도 제대로 해보려한다. https://nextjs.org/learn/foundations/from-javascript-to-react 역시 공식이 최고지! 아직도 전통적 방식의 html/css..