[React] 개발환경 설정하기 - Node.js + npm 설치하기

2024. 3. 12. 17:03프론트엔드/react

# Node.js

- Javascript 코드를 브라우저 밖에서 실행할 수 있게 해주는 런타임 환경 

- 비동기 이벤트 기반 환경으로 빠른 입출력 처리를 지원하여 대규모 애플리케이션에서도 높은 성능 유지 가능 

- npm을 통하여 수많은 패키지와 모듈을 제공하여 개발자가 필요한 기능을 쉽게 추가할 수 있어 코드의 재사용성 증가 

- 다양한 운영 체제에서 동작하여 특정 플랫폼에 종속되지 않고 어디서나 사용 가능 

# npm 

- node.js 설치하면 자동으로 설치

- 엄청난 규모의 JS 모듈 생태계를 보유, Javascript 프로젝트에서 필요한 패키지 및 모듈을 쉽게 관리 가능 

- 스크립트 실행하는 기능을 제공하여 프로젝트 빌드, 테스트, 배포 등을 자동화 가능 

- 프로젝트의 의존성을 자동으로 관리하여 패키지가 의존하는 또 다른 패키지를 자동으로 설치하고 관리 

 

# React를 구동시키기 위해 node.js를 사용하는 이유는 무엇일까? 

- React를 구동시키기 위해 node.js가 필수는 아님

- Node.js가 Javascript 런타임 환경이기에 React 애플리케이션을 개발하고 실행할 수 있는 환경을 제공 

- React 애플리케이션을 서버에서 렌더링 하여 초기 로딩 성능을 개선하고 검색 엔진 최적화가능 

- Node.js를 사용하게 되면 서버 측에서 API 호출 및 데이터 처리 로직 구현 가능 

 


 

Node.js 설치하기

 

# 패키지로 설치하기 

 

1. node.js 다운로드 

download url : https://nodejs.org/en 접속 후 원하는 버전 다운로드 

LTS : 안정화되어 있는 버전 / Current : 제일 최신 버전 

 

2. 정상적으로 설치가 되었는지 버전확인하기

node --version


# homebrew로 설치하기 

 

1. node 설치하기 

# 설치 명령어
brew install node

 

2. node, npm 설치 확인하기 

# node 확인
node

# npm 확인 
npm -version