Node. js
리액트 프로젝트를 시작하기 위해선 Node.js 를 설치해야 한다.
그림1-1] 구글 chrome의 v8 javascript 엔진과, 동 엔진을 기반으로 만든 Node.js자바스크립트는 웹 브라우저에서 동작하기 위한 언어로 탄생했다. 때문에 JS의 실행환경인 각 브라우저마다 JS 를 해석하고 실핼 수 있는 엔진이 있는데, 대표적으로 구글 chrome의 v8 엔진이 있다.
웹 개발 시장이 커지고 js 를 다룰 줄 아는 개발자가 늘어나면서, 웹 브라우저 이외의 환경에서도 js를 이용해 개발하고자 하는 니즈가 생겨났고, 이에 탄생한 것이 구글 chrome 의 v8 엔진 기반으로 만들어진 Node.js 이다. 즉 Node.js 는 자바스크립트가 브라우저 밖에서도 동작하게 하는 자바스크립트 실행환경이며 이는 자바스크립트의 '탈 웹' 이라고도 한다.
리액트 애플리케이션은 웹 브라우저에서 실행되기 때문에 Node.js와 직접적인 연관은 없지만, 리액트 이외에 프로젝트를 개발하는 데 필요한 주요 도구들(e.g. Babel, Webpack, etc)은 웹 브라우저가 아닌 우리의 작업 환경에서 동작해야 하기 때문에 반드시 Node.js를 설치해야 한다.
npm
Node.js 를 설치하면, Node.js 환경에서 사용할 수 있는 패키지들을 관리할 수 있는 도구인 npm (node package manager) 도 함께 설친된다. 여기서 패키지란 Node.js 환경에서 실행할 수 있는 프로그램들을 뜻하며, npm 을 통해 개발에 필요한 다양한 패키지를 설치하고 버전을 관리할 수 있다.
Node.js 와 npm 의 역할을 스마트폰에 비교하면 Node.js는 IOS 에서 사용할 수 있는 프로그램들을 다운로드, 업데이트, 삭제하는 App store 라고 할 수 있다.
터미널에서 npm 키워드로 시작하는 명령어를 통해 패키지를 관리할 수 있다.
설치
Node.js 홈페이지에 접속해서 다운로드 항목을 확인하면, Node.js는 (Long Term Support) 버전과 현재 버전으로 나뉘는데,
LTS 버전은 말 그대로 오랜 기간 지원이 가능한 버전으로, 어느정도 안정성이 입증되어 취약점, 개선사항에 대한 패치를 보증하는 버전이다.
현재 버전은 최신 기능을 탑재한 버전이긴하나, 아직 안정성이 입증되지 않았기 때문에 해당 버전에 존재하는 기능이 패치를 통해 사라지거나 변경되어 새로 코드를 작성해야 할 가능성이 존재하는 버전이다.
이러한 이유로 내가 지금 작성하고 있는 코드가 나중에도 정상적으로 동작하는 것이 보증되는 LTS 버전을 설치하는 것이 좋을듯 하다.
(macOS의 패키지 매니저인 HomeBrew로 설치하면 현재 버전이 설치되기 때문에 설치 이후 LTS 버전으로 변경하는 과정이 더 필요합니다. 때문에 HomeBrew로 설치하는 것은 지양하는것이 좋다 )
설치 확인
Node.js 설치 후에 터미널에 node-v, npm-v를 입력 후 버전을 확인 한다. 버전 정보가 뜬다면 제대로 설치가 되었다는 뜻이다.
정리
- Node.js 는 자바스크립트가 브라우저 밖에서도 동작하게 하는 실행환경이다.
- Node.js 설치 시 함께 설치되는 npm 은 Node.js 환경에서 사용할 수 있는 패키지들을 관리할 수 있는 도구 이다.
