npmtrends.com 소개 및 사용 방법 - npm package 트렌드 확인 및 비교 사이트

npmtrends.com 소개 및 사용 방법 - npm package 트렌드 확인 및 비교 사이트

 

npm을 사용하여 프로젝트를 진행하면서 많은 패키지들 사용하게 되는데요.

비슷한 기능을 하는 패키지들이 많다보니

어떤 패키지들이 많이 사용되는지 비교해보고 싶고, 사용하려고 하는 패키지와 비슷한 패키지는 어떤것이 있는지, 다운로드 수, github stars, 최신 업데이트 날짜등에 대한 정보 및 트렌드를 파악하고 싶을 때,

유용하게 사용할 수 있는 사이트인 https://www.npmtrends.com 를 소개 해드리려고 합니다.

npm trends: Compare NPM package downloads

 

심플한 디자인의 홈페이지에서 원하는 패키지를 검색할 수 있습니다.

검색창 밑에는 많이 검색되는 패키지 들을 보여줍니다.

 

많이 비교되는 대표 Front-end Framework 인,

Angular, React, Vue 를 비교 해보겠습니다.

 

angular, react, vue의 다운로드 수를 그래프로 한눈에 확인할 수 있습니다.

최근 1년을 보여주고 있지만 최근 1개월, 3개월, 6개월, 1년, 2년, 5년, 전체 기간 등으로 설정해서 확인할 수도 있습니다.

React의 다운로드 수가 가장 많은 것을 한눈에 확인할 수 있습니다.

 

다운로드 수 아래에는 검색한 패키지별 Stars, Issues, Version, Updated, Created, Size 등의 정보를를 한눈에 확인할 수 있습니다.

패키지별 npm, github, website로 바로 이동할 수 있는 링크도 존재합니다.

 

Stats 아래에는 현재 검색한 패키지들의 관련 패키지와 홈페이지에서 보였던 많이 검색되는 패키지들을 보여줍니다.

현재 검색한 패키지와 관련있는 패키지를 발견하여 추가하고 함께 비교해보는 것도 좋을 것 같습니다.

 

날짜 관련 패키지에 대표적인 date-fns, dayjs, luxon, moment 를 비교한 사진도 하나 첨부 해보겠습니다.

이런식으로 패키지들의 정보와 트렌드를 한눈에 비교해보면서,

라이브러리, 패키지를 사용하는데 있어서 많은 도움이 될 사이트라고 생각됩니다.

 

이상으로 npmtrends.com 소개 및 사용 방법에 대한 설명을 마치도록 하겠습니다.

 

 

도움이 되셨다면 공감, 댓글 부탁드립니다!

궁금하신 점이나 요청사항은 언제든지 말씀해주세요!

피드백도 언제나 환영입니다!

 

감사합니다.