라이브러리 선택을 하는경우 무작정 사내 프로젝트에 적용할 수는 없습니다.
이유는 크게 다음과 같습니다.
- 라이브러리에 오류가 없는지 확인
- 프로젝트 반영에 필요한 기능을 충분히 제공하는지 확인
물론, 커뮤니티가 활성화 되어서 에러핸들링하기 적절할지, 공식문서가 잘 작성되어있어서 개발자들이 빠르게 적용할 수 있는지, 여러 라이브러리중 필요한 기능만 포함된 경량 버전인지 등을 확인하는것도 필요할 수 있습니다.
여기에서는 DnD 라이브러리, AJV를 선택한 과정을 예시로하여, 템플릿화하여 공유한 내용을 설명합니다.
DnD 라이브러리 선택이유
라이브러리를 선택하면서 npmtrends사이트를 통해서 다운로드, 깃허브 관리를 통해 커뮤니티가 활성화되어있는지 확인하였습니다.
다른 라이브러리의 공식문서 제공여부 demo사이트가 있는지, 기능을 충족하는지 등을 간략하게 정리하였습니다.
https://docs.google.com/spreadsheets/d/1ZbGembs5OF0EMjO9x3WC2TSa94XkFKNxQeMzGGn6CzQ/edit?gid=0#gid=0
라이브러리 선택 과정
ABCDEFGHIJKLMNOPQRSTUVWX2023.08.31 문서 업데이트Builder R3의 Finder모달 오른쪽 영역에 사용할 라이브러리1. 라이브러리 조사https://npmtrends.com/react-beautiful-dnd-vs-react-dnd-vs-react-draggable 라이브러리 종류공식문
docs.google.com
코드샌드박스를 이용하여 프로젝트에 필요한 기능을 데모로 구현해보고 라이브러리에 문제가 없고, 프로젝트 반영에 충분한 기능을 제공하는지 점검합니다.
아래에는 기능별 데모를 동영상으로 만들어서 팀내 공유했던 내용을 캡쳐한 내용입니다.
AJV 선택과정
AJV선택과정에서도 동일한 패턴으로 정리하였습니다.
라이브러리 선택 과정
ABCDEFGHIJKLMNOPQRSTUVWXYZAJV선택과정사이트라이브러리 종류사이트ajvhttps://ajv.js.org/jsonschemahttps://json-schema.org/joihttps://github.com/hapijs/joi성능비교라이브러리 종류성능(1000회 실행)ajv0msjsonschema0.1msjoi0.29ms
docs.google.com
템플릿 작성 및 공유
라이브러리 검증 과정에서 필요한 요소가 어느정도 패턴화 된것으로 판단하여 다른 개발자의 생산성을 높이고자 템플릿을 작성하여 공유하였습니다.
라이브러리 선택 과정
ABCDEFGHIJKLMNOPQRSTUVWXYZ대상 : 새로운 기술 도입보다는 서비스에 필요한 기능에 부합하는 라이브러리를 찾아야하는 경우 작성포인트 : 이 문서의 포인트는 라이브러리가 서비스의 필요 기능에 충족
docs.google.com
'실무 > 라이브러리 및 프레임워크' 카테고리의 다른 글
| react-fast-marquee v1.6.5: Duration 계산 불안정으로 인한 속도 불일치 이슈 제기 (0) | 2025.03.28 |
|---|---|
| vue3, Pinia (2) | 2025.03.23 |
댓글