교육 | 패스트캠퍼스 React & Redux로 시작하는 웹 프로그래밍 4주차

국민내일배움카드로 국비지원받고 프론트엔드 학습
열공 챌린지 4주차

 

🎥 목차

1. 목표

2. 알게된 점

3. 오류 해결한 것 

 

🚀 목표

패스트 캠퍼스에서 학습주차별로 구분지어줬기 때문에, 4주차 학습강의 듣기가 학습 목표이다.

 

 

💡 알게된 점

Node.js

LTS(Long Term Supported)는 장기적으로 안정되고 신뢰도가 높은 지원이 보장되는 Node.js 버전

 

Node.js 최신버전보다 유지 보수 및 보안에 좋아, 대부분의 사용자에게 추천되는 버전이다.

 

Node.js를 설치한다면, LTS 버전을 설치하면 된다.

 

NVM 설치

Node.js 버전을 관리하는 도구이다.

 

이미 개발된 프로그램의 Node.js 버전과 동일한 버전으로 맞추기 위해 사용한다.

 

Mac OS를 사용하는 경우에는, VSCode 터미널에 다음과 같은 명령어를 입력하여 NVM을 설치한다.

# VS Code Terminal
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

 

Windows OS를 사용하는 경우에는, NVM-Windows를 설치한다.

Releases · coreybutler/nvm-windows

 

VSCode에서 명령어를 입력하여, 잘 설치되었는지 확인하기

# VS Code Terminal
nvm -v

nvm 버전이 1.1.9버전인 것을 알 수 있다.

 

NVM으로 Node.js 버전 변경하기

VSCode에서 명령어를 입력하여, 컴퓨터에 설치된 Node.js 버전 확인하기

# VS Code Terminal
nvm ls

 

VSCode에서 명령어를 입력하여, 버전이 다른 Node.js 설치하기

# VS Code Terminal
nvm install 12.14.1

이 버전을 사용하고 싶다면 nvm use [버전]을 입력하라! 라고 적혀있다.

 

VSCode에서 명령어를 입력하여, 컴퓨터에 설치된 Node.js 버전 확인하기

# VS Code Terminal
nvm ls

설치된 node.js가 2개 인것을 알 수 있다.

 

VSCode에서 명령어를 입력하여, Node.js 버전 변경하기

# VS Code Terminal
nvm use 12.14.1

 

VSCode에서 명령어를 입력하여, Node.js 버전 확인하기

# VS Code Terminal
node -v

# 또는
nvm ls

 

npm init -y

패키지 목록 관리 및 실행 스크립트 정의하는 파일( = package.json) : npm init -y

# VS Code Terminal
npm init -y

 

npm install

특정 패키지 설치: npm install [특정 패키지 이름]

# VS Code Terminal
npm install [특정 패키지 이름] -D

※ -D옵션을 추가로 작성하면, package.json 파일에 devDependencies에 내가 설치한 패키지 이름이 작성된다. 

-D는 개발용 패키지를 사용할때 사용하고, 배포도 가능한 패키지를  사용할때는 -D 옵션을 붙이지 않고 패키지를 설치한다.

 

node.modules가 없어더라도, package.json 파일에 관리되는 패키지를 토대로 설치가 가능하다.

 

package-lock.json 파일은 특정 패키지 설치시, 자동으로 패키지를 관리하는 파일이 생성된다.

 

nodepackage.json과 package-lock.json 파일은 삭제되지 않도록 주의한다.

 

특정 패키지의 특정 버전 설치: npm install [특정 패키지 이름]@버전

 

npm update [특정 패키지]

특정 패키지의 최신버전으로 업데이트

# VS Code Terminal
npm update [특정 패키지 이름]

 

package.json scripts 작성

scripts에 실행시킬 스크립트 명령어를 작성한다.

 

해당 스크립트를 실행시키려면, npm run [스크립트 명령어]를 입력한다.

# VS Code Terminal
npm run dev

 

build 명령어는 내가 만든 파일을 압축하여 새로운 파일을 생성해준다.

 

압축된 파일은 사람이 읽기 어렵고, 코드 파일용량을 줄여주는 역할을 해준다.

 

유의적 버전

버전에 의미를 주어, 버전을 구분한다.

 

Major : 기존버전과 호환되지 않는 새로운 버전

Minor : 기존버전과 호환이 되는 새로운 기능이 추가된 버전

Patch : 기존버전과 호환이 되는 버그 및 오타가 수정된 버전

 

캐럿 기호(^) : Major 버전중에서 최신 버전 업데이트를 허용한다는 뜻이다.

만약 캐럴기호가 없으면, update 명령어를 입력해도 업데이트가 진행되지 않는다.

 

예를 들어서, 11.14.1버전과 12.14.1버전은 호환되지 않는다.

또한, 11.14.1버전과 11.13.1버전은 호환이 된다.

마지막으로 11.14.1.버전과 11.14.2버전은 호환이 된다.

 

😥 오류 해결방법

스크립트 오류

NVM을 이용하여, Node.js의 버전을 변경하려고 스크립트 명령어를 입력한 순간, 오류가 발생해서 당황했다.

 

왜냐하면, 강사님께서는 오류가 나오는 사람도 있을거라고는 얘기를 하지 않았기때문이다.

 

처음에는 NVM이 제대로 설치되지 않았나 생각이 들어서, 재설치도 해봤지만 똑같은 오류메시지만 나오는 것이다.

 

나중에 알고보니 스크립트 실행 정책을 설정해야된다는 것을 알게되었고, 오류를 해결하자 NVM 스크립트 명령어를 사용하여 node.js의 버전을 변경할 수 있었다.

 

아래는 내가 해당 오류에 대한 해결방법을 정리해봤다.

내가 오류가 발생한 원인이 다르지만, 해결방법에 대한 내용은 동일하다.

 

오류 | Script Execution Policy