라이브러리 고르는 법
프론트엔드 개발을 하려면 라이브러리가 굉장히 많아서 회사에서 주로 쓰거나 학원에서 배우면서 알게된 라이브러리만 쓰게되는데,
그렇게 누가 알려준 라이브러리를 그냥 사용할 때엔 몰랐던 라이브러리 후보군을 고르고 선택하는 방법에 대한 강의였다.
오늘은 약속이 있어서 핸드폰으로 강의를 수강해야되었던 터라 따라쳐보면서 익히는 강의는 피하고
이론적인 강의로 골라서 들어봤다.(사실 순서에도 맞았다. 더 듣지 못했을 뿐)
지난 시간에 날짜(date) 관련 라이브러리의 사용법과 해당 라이브러리를 비교했었는데
이번에는 그에 대한 복습을 진행하고 라이브러리를 선택하는데 도움이 되는 사이트들을 알아보았다.
먼저 npm으로 설치가능한 패키지(라이브러리)를 검색하거나
package.json 파일을 올리면 해당 패키지의 상세가 나온다
moment.js 를 검색했더니 번들 사이즈가 289.7KB 이고, 비슷한 패키지로 LUXON, dayjs, date-fns 가 나왔다.
이는 지난 번에 moment팀에서 추천한 라이브러리와 일치했다(많이 사용하는 라이브러리가 나오는거 같다)
해당 라이브러리의 사이즈와 검색한 라이브러리와 사이즈를 비교해주기도 한다.
어플리케이션에 사용된 라이브러리의 사이즈는 어플리케이션의 성능과도 직결되어있는 추세이기 때문에 매우 유용하게 사용할 것 같다.
npm trend는 npm에서 제공하는 서비스이다.
그래서 비슷한 라이브러리끼리 npm으로 다운로드(인스톨)한 수를 비교해볼수 있다.
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다
#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #한번에끝내는React의모든것초격차패키지Online.
'ETC > 패캠환급챌린지(리액트)' 카테고리의 다른 글
패스트캠퍼스 챌린지 22일차 - 리액트 라이브러리 styled-component (2) (0) | 2021.11.22 |
---|---|
패스트캠퍼스 챌린지 21일차 - 리액트 라이브러리 styled-component (1) (0) | 2021.11.21 |
패스트캠퍼스 챌린지 19일차 - 리액트 Date 라이브러리 비교(Day.js / date-fns / moment.js) (0) | 2021.11.19 |
패스트캠퍼스 챌린지 18일차 - 리액트 라이브러리 intro, Moment.js (0) | 2021.11.18 |
패스트캠퍼스 챌린지 17일차 - 리액트 PropTypes 로 타입 검사하기 (0) | 2021.11.17 |