Where Code Meets Design
코드와 디자인이 만나는 지점에서, 더 나은 소프트웨어를 만들기 위한 고민과 통찰을 기록합니다.
기술과 디자인, 두 세계의 경계에서 얻은 개발 이야기.
AI | RAG, Agent, ...
추천 글
- [TDD] 멱등성 보장 및 사전 데이터 구축하여 복잡한 시나리오 E2E 테스트 방법
AAA 패턴을 거꾸로 설계하고, 4계층 인수 테스트 아키텍처 사용, 멱등성 보장과 Fixture/Builder를 이용해 데이터를 확보하는 E2E 테스트 전략 정리
- [AI] AI 에이전트 디자인 패턴 완전 가이드: 15가지 핵심 패턴과 의사결정 모델
Foundation Model 기반 AI 에이전트 개발을 위한 15가지 아키텍처 패턴과 실용적인 의사결정 플로우차트
- [react.js] React Context Module 패턴: 전역 Context의 한계를 넘어서는 설계 전략
상태 관리와 비즈니스 로직을 모듈 단위로 구조화하는 방법
- (번역) 공개적으로 학습하라
배움을 기록하고 공유하며 커뮤니티와 연결할 때 더 빠르게 성장하는 이유와 실천 방법을 소개한다.
최신 글
- [book] '내 코드가 그렇게 이상한가요?' 에서 배우는 좋은 코드 설계 입문
데이터 클래스의 한계를 짚고 생성자 유효성, 불변 값 객체, 팩토리 메서드로 응집도를 높이는 설계 원칙을 정리
- [TDD] 멱등성 보장 및 사전 데이터 구축하여 복잡한 시나리오 E2E 테스트 방법
AAA 패턴을 거꾸로 설계하고, 4계층 인수 테스트 아키텍처 사용, 멱등성 보장과 Fixture/Builder를 이용해 데이터를 확보하는 E2E 테스트 전략 정리
- [LangChain.js] RAG pipeline
LangChain.js로 RAG 파이프라인 구현: 문서 로딩, 텍스트 분할, OpenAI 임베딩 생성, pgvector 저장, 유사도 검색 흐름 정리
- [LangChain] Plan-and-Execute Agents: ReAct를 넘어선 차세대 AI 에이전트 아키텍처
LangChain의 Plan-and-Execute 스타일 에이전트 디자인을 소개합니다. 기존 ReAct 에이전트 대비 더 빠른 실행 속도, 비용 절감, 그리고 향상된 성능을 제공하는 3가지 개선된 에이전트 아키텍처를 알아봅니다.
- [mastra.ai] Mastra 101: MCP로 에이전트·툴·메모리·워크플로우 실습
MCP로 Mastra 101 실습: 에이전트·툴, MCP 통합, 메모리·워크플로우.
- [mastra.ai] mastra.ai 에이전트로 밈 생성기 만들어보기
mastra.ai를 활용해 회사 짜증나는 상황을 재미있는 밈으로 변환하는 AI 에이전트를 TypeScript로 구현해보는 실습 가이드
- [mastra.ai] Principles of Building AI Agents
TypeScript 기반 AI Agent framework인 mastra.ai의 Principles of Building AI Agents 주요 내용 정리
- [CrewAI] CrewAI를 활용한 역할 기반 에이전트 시스템 구축
CrewAI 프레임워크를 사용하여 에이전트들의 협업 시스템을 구축하는 방법과 특징들을 살펴봅니다.
- [LangChain] Javascript 로 LangChain.js 와 LangGraph 사용하기
간단한 예제로 javascript 로 langchain.js 와 LangGraph 이용하는 예제
- [AI] AI 에이전트 디자인 패턴 완전 가이드: 15가지 핵심 패턴과 의사결정 모델
Foundation Model 기반 AI 에이전트 개발을 위한 15가지 아키텍처 패턴과 실용적인 의사결정 플로우차트
- [react.js] React Context Module 패턴: 전역 Context의 한계를 넘어서는 설계 전략
상태 관리와 비즈니스 로직을 모듈 단위로 구조화하는 방법
- [AI] 생성형 AI를 이용한 서비스 이해를 위한 멘탈 모델
웹 개발자를 위한 생성형 AI 서비스 아키텍처 멘탈 모델
- [typescript] try catch 에서 error type 은 ?
TypeScript try-catch error 타입과 타입 내로잉 활용법
- [typescript] 객체 타입 유니언 사용법
TypeScript 객체 타입 유니언의 사용법과 타입 내로잉을 통한 속성 접근 방법
- [typescript] optional field 와 mandatory undefined union field 의 차이점
TypeScript optional과 mandatory undefined union field 비교
- [typescript] unknown 사용법
any 대신에 unknown 을 쓰라고 하는데, 어떻게 써야해요 ?
- [typescript] 구조적 타이핑 structural typing과 초과 속성 검사 Excess property check
TypeScript 구조적 타이핑과 초과 속성 검사의 이해
- (번역) 공개적으로 학습하라
배움을 기록하고 공유하며 커뮤니티와 연결할 때 더 빠르게 성장하는 이유와 실천 방법을 소개한다.
- 그래, 다시 시작해보자...
새로운 시작을 향한 다짐