궁금한 내용을 검색해보세요!
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
서근 개발노트
티스토리에 팔로잉
FRONT-END/TIL

[TIL] 230202 npm / yarn

서근
QUOTE THE DAY

-
Written by SeogunSEOGUN

반응형

npm?

npm(Node Package Manager) - 서드 파디 패키지들이 모여있는 집합소.
yarn - 프론트엔드 의존성을 관리하기 위한 패키지 매니저

1. yarn 설치

터미널에서 yarn 설치

npm install -g yarn

npm의 역할과 동일하지만 npm보다 성능적으로 개선된 패키지 매니저

 

yarn에서 패키지 설치

yarn add [패키지 이름]

2. npm과 yarn의 특징

공통적인 특징

  • 자바스크립트 런타임 환경인 노드의 패키지
    • 런타임 이란? 프로그래밍 언어(자바스크립트)가 구동되는 환경을 뜻함.
      • 구동되는 환경 ↓
      • 브라우저 (크롬, 엣지, 웨일, 파이어폭스)
      • node 환경

차별적인 특징

  1. npm
    1. node.js 설치시 자동으로 생성
    2. node package manager의 약자
    3. npm 플렛폼 자체
  2. yarn
    1. 2016년 페이스북에서 개발한 패키지 관리자
    2. npm과 호환성이 좋고, 속도 및 안전성 측면에서 npm보다 월등히 좋음

3. 결론

속도 : Yarn vs npm
보안 : Yarn vs npm

'FRONT-END > TIL' 카테고리의 다른 글

[ WIL ] 23/02/06 ~ 23/02/12  (1) 2023.02.12
[TIL] 230203 JSX  (10) 2023.02.05
[TIL] 230201 SPA  (1) 2023.02.05
[TIL] 230130 백준 입력 템플릿  (2) 2023.02.01
[WIL] 230129 ES / ES5, ES6 문법 차이  (0) 2023.01.29

잘못된 내용이 있으면 언제든 피드백 부탁드립니다.


서근


위처럼 이미지 와 함께 댓글을 작성할 수 있습니다.