☀️ Node.js 설치하기
react를 사용하려면 node를 설치해야 합니다. 컴퓨터에 노드가 설치되어 있는 지 모르겠다면 다음 명령어를 입력해 설치 여부를 확인할 수 있습니다.
node -vnode가 설치되어 있다면 v18.17.1과 같이 버전 번호가 나옵니다.
node가 설치되어 있지않다면 Command not found라고 오류메시지가 뜹니다. 노드 사이트로 이동해 다운로드를 하고 설치합니다.
☀️ npm
npm install
노드를 설치하면 노드 패키지 관리자인 npm이 함께 설치됩니다. 대부분의 프로젝트에는 package.json파일이 있습니다. 이 파일은 프로젝트와 의존성을 기술한다고 하는데, 쉽게 말하자면 해당 프로젝트를 개발하고 실행하기 위해 필요한 것들을 기술해 놓은 것입니다.
npm install위의 명령어를 실행하면 npm이 프로젝트에 필요한 모든 패키지를 설치해 줍니다. (npm i로 줄여서 사용할 수도 있습니다.)
npm init
새로운 프로젝트를 시작하며 package.json 파일을 만들어 의존 관계를 포함하고 싶으면 다음명령어를 입력한다.
npm init -y프로젝트를 초기화하고 package.json파일이 생성됩니다.
패키지 설치 / 삭제
npm install {패키지 이름}
npm remove {패키지 이름}☀️ yarn
📍
What's a yarn ?
프랑스어로 ‘빠르다’는 뜻을 가진 자바스크립트 빌드 툴
프로젝트 스캐폴딩 템플릿을 지원하고, 설정이 매우 간단함(거의 불필요함)
CRA에 비해 프로젝트에 담긴 의존성 규모가 작아서 인스톨 시간에 대한 부담이 없음
HMR 및 빌드 속도가 매우 빠름
페이스북이 npm 대안으로 발표한 도구입니다. 의존 관계를 좀 더 신뢰성 있게 관리하도록 도와줍니다.
npm install -g yarn-g라는 전역 옵션을 사용해 설치합니다.
이 후에 npm 대신에 yarn을 이용해 명령어를 입력합니다.
다양한 프로젝트에 'yarn'이 포함되어 있고 npm init 대신 yarn init을 입력하면 package.json 대신 yarn.lock파일이 생깁니다. npm install 대신 yarn install을 실행하면 비슷하게 의존관계를 설치할 수 있습니다.
하지만 npm의 package.json과 다르게 yarn.lock파일은 항상 yarn이 자동으로 관리하도록 하고 직접 수정하지 않습니다!!
👀 Reference
