Page 27 -

리액트 애플리케이션은 웹 브라우저에서 실행되는 코드이므로 Node.js와 직접적인 연관은 없지만,

프로젝트를 개발하는 데 필요한 주요 도구들이 Node.js를 사용하기 때문에 설치하는 것입니다. 이
때 사용하는 개발 도구에는 ECMAScript 6(2015년 공식적으로 업데이트한 자바스크립트 문법으
로, 주요 문법은 리액트를 공부하면서 틈틈이 소개합니다)를 호환시켜 주는 바벨(babel), 모듈화된
코드를 한 파일로 합치고(번들링) 코드를 수정할 때마다 웹 브라우저를 리로딩하는 등 여러 기능을

지닌 webpack 등이 있습니다. 책 후반부에서는 Node.js를 사용하여 백엔드 서버를 구현합니다.
npm은 Node.js 패키지 매니저로 수많은 개발자가 만든 모듈(재사용 가능한 코드)을 설치하고 해

당 모듈 버전을 관리하는 도구입니다. 리액트 역시 하나의 모듈입니다. 현재 npm 저장소에 등록
된 모듈은 약 30만 개로, 하루에 약 444개씩 새로운 모듈이 등록됩니다. 이런 생태계는 자바스크
립트 개발 환경을 더욱더 강력하게 만들어 주는 주된 요소입니다.

그림 1-14 npm

npm은 Node.js와 함께 설치합니다. 이제 Node.js와 npm을 설치해 봅시다.

노트 Node.js 버전
책에서는 LTS 버전인 v8.x.x를 사용합니다.

1.3.1.1 설치: macOS, Ubuntu

macOS와 Ubuntu에서는 Node.js를 여러 버전으로 설치하여 관리해 주는 nvm 도구를 권유합니
다. 추후 Node.js 버전을 업데이트하거나 프로젝트별로 버전이 다른 Node.js를 사용해야 할 때,
이 도구가 가장 용이하기 때문입니다.

먼저 터미널을 열고 다음 명령어를 입력하세요.

$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash

036

리액트를 다루는 기술(본문출력용)0720.indb 36 2018-07-20 오전 11:25:19