티스토리 뷰

프론트엔드 깍두기/React.js 조각

DAY 01

최삐뚤빼뚤씨 2024. 8. 10. 17:40

패키지 관리툴

- 라이브러리들을 관리하고 설치할 수 있는 도구

npx, npm, yarn, yarn2, 3(yarn berry)

 

npm

- node에서 기본적으로 내장되어 있는 패키지 관리 툴

 

라이브러리 설치

npm install 라이브러리명

npm i 라이브러리명

 

라이브러리 삭제

npm remove 라이브러리명

npm rm 라이브러리명

 

yarn

- 과거에는 npm보다 속도, 안정성, 보안이 모두 뛰어나서 이목을 끌었지만, 현재는 크게 차이가 없다.

 

 

yarn을 설치하기 위해서는 실행규칙을 바꿔주어야 한다.

Windows PowerShell을 우클릭해서 관리자 권한으로 실행한다.

 

명령어

1) get-ExecutionPolicy

2) set-ExecutionPolicy RemoteSigned

3) 권한 변경, y입력 후 엔터

 

VScode 터미널에서 아래 순서대로 명령어 입력해서 확인해준다.

1) yarn 설치

2) npm install -g yarn

3) yarn -v

 

 

아래의 명령어도 입력해서 패키지를 설치한다.

 

 

yarn create react-app day01 입력

성공!

그러면 이렇게 파일과 폴더가 생긴다.

 

cd day01

yarn start

명령어 순서대로 입력!

 

 

총정리!

더보기

패키지 관리툴
- 라이브러리들을 관리하고 설치 할 수 있는 도구
npx, npm, yarn, yarn2, 3(yarn berry)

npm
- node에서 기본적으로 내장되어있는 패키지 관리 툴

라이브러리 설치
ex) npm install 라이브러리명
ex) npm i 라이브러리명

라이브러리 삭제
ex) npm remove 라이브러리명
ex) npm rm 라이브러리명

yarn
- 과거에는 npm보다 속도, 안정성, 보안 모두 뛰어나서 이목을 끌었지만
현재 크게 차이가 없다.

명령어
powershall 관리자 권한으로 실행 후 권한을 변경
get-ExecutionPolicy
set-ExecutionPolicy RemoteSigned
권한 변경 y

yarn 설치
npm install -g yarn
yarn -v

yarn 명령어
yarn add 라이브러리명
yarn global add create-react-app
yarn create react-app [폴더명]

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함