[React] 환경설정

1. VSCode 설치

 

2. Setting Node.js

 

 

3. Setting Package Manager

NPM(node package manager)

• javascript 라이브러리들을 설치하고 버전 관리
• project 폴더와 node modules 라는 폴더에 라이브러리들 저장
• package.json 이라는 파일에 라이브러리들의 정보를 담아 저장

[문제] 개발을 하다보면 node modules 가 매우 커짐
→ 프로젝트를 주고 받을 때 라이브러리까지 주고받기에는 너무 크다 
[해결] package.json 파일만 주고 받으면 몇 버전의 무슨 라이브러리를 썼는지 알 수 있어 npm을 통해  각자 다운 받아 프로젝트 환경을 동일하게 한다.

 

Yarn

facebook에서 npm의 단점을 보완한 라이브러리 관리 도구

[Macbook Air m1] 해당 과정에서 오류가 났다  → homebrew로 yarn 설치

 

1) brew install yarn --ignore-dependencies (실패)

(* intel macbook과 m1 macbook의 경로 차이 때문에 생기는 오류인 듯)

해당 명령으로 오류난 terminal 캡쳐

 

2) arch -arm64 brew install yarn (성공)

yarn 설치 성공 terminal 캡쳐