REACT

NPM 과 YARN

이파댥 2024. 7. 22. 22:07

npm (Node Package Manager)

  • npm Node.js 기본 패키지 관리자
  • 수많은 자바스크립트 패키지를 관리
  • 패키지를 설치, 업데이트, 제거 가능
  • 널리 사용되는 패키지 관리자

npm 주요 명령어

  • npm init : 새로운 Node.js 프로젝트 초기화
  • npm install : 패키지 설치  -> npm i 도 가능
  • npm update : 패키지 업데이트
  • npm uninstall <패키지명> : 패키지 제거
  • npm run start : 스크립트 실행

 

 

Yarn

  • Yarn Facebook에서 개발한 패키지 관리자.
  • npm 문제점을 보완하기 위해 개발됨
  • 병렬 설치와  나은 캐시 시스템 제공
  • 빠른 설치 속도 제공

Yarn 주요 명령어

  • yarn init : 새로운 Yarn 프로젝트 초기화
  • yarn add <패키지명> : 패키지 설치
  • yarn upgrade <패키지명> : 패키지 업데이트
  • yarn remove <패키지명> : 패키지 제거
  • yarn run <스크립트명> : 스크립트 실행

 

리액트 환경설치

npm                                                                                            yarn


npx create-react-app                                                          yarn create react-app
<프로젝트명>리액트 애플리케이션 생성                           <프로젝트명>리액트 애플리케이션 생성   


npm run start                                                                      yarn start
리액트 개발 서버 시작                                                         리액트 개발 서버 시작


npm run build                                                                       yarn build
프로덕션용 빌드 생성                                                         프로덕션용 빌드 생성