[React] - 환경 세팅

npm?

NPM(Node Package Manager) - 서드 파디 패키지들이 모여있는 집합소.

yarn - 프론트엔드 의존성을 관리하기 위한 패키지 매니저

1. yarn 설치

터미널에서 yarn 설치

npm install -g 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보다 월등히 좋음

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

3. 명령어

---

React관련 파일 Github로 보기

GitHub - Seogun95/React_Note: 👨🏼‍💻 리액트 자료 정리 with 옵시디언