프론트엔드
여러 프레임워크에서 사용할 수 있는 라이브러리 만들기
두줄요약
Framework Agnostic 개념을 바탕으로 코어와 어댑터를 분리하는 라이브러리 설계 방식을 소개했습니다. Tanstack Query와 계산기 예시로 프레임워크 독립성과 통합 구조를 설명했습니다.
핵심 내용
- Framework Agnostic 개념을 바탕으로 특정 프레임워크에 종속되지 않는 라이브러리 설계 방식 소개
- Tanstack Query의 코어와 어댑터 분리 구조를 예시로, 공통 로직과 프레임워크 통합 로직의 역할 구분 정리
- React에 강결합된 계산기 라이브러리를 코어와 React 어댑터로 재설계하는 흐름 설명
- 코어는 이벤트 발행·구독과 상태 관리 중심, 어댑터는 프레임워크 상태와 라이프사이클 연동 중심
장단점
- 코어 변경 없이 새로운 프레임워크 대응 가능
- 코어와 어댑터의 독립 개발로 유지보수 효율 향상
- 프레임워크별 어댑터 추가·갱신 부담과 테스트 비용 증가
- 코어 인터페이스 변경 시 모든 어댑터 동반 수정 필요
적용해볼 점
- 프레임워크 결합 로직과 도메인 로직의 분리 여부 점검
- 이벤트 기반 인터페이스로 상태 동기화 지점 설계
- 범용성 필요 수준에 따라 어댑터 제공 여부 재검토