1. Node.js?
React는 브라우저에서 동작하는 복잡하고 다양한 기능을 가진 js의 여러 파일을 만드는 기술이다. React를 사용해서 만들어낸 js파일들은 웹브라우저에 전달되어서 고전적인 웹브라우저가 아니라 마치 프로그램처럼 돌아갈 수 있게 만들어준다. 이를 React Application이라고 부른다. React는 Node.js기반으로 만들어졌기 때문에 Node.js 없이는 사용하기 어렵다. 따라서 React를 사용하기 위해서는 Node.js가 필요하다.
js는 js엔진 위에서 돌아간다. 예를들어, Safari의 Nitro, Firefox의 Spider Monkey, Chrome의 V8엔진 위에서 돌아간다. 이 중에서 V8 엔진이 대표적인 js엔진이다. js는 웹브라우저에 내장된 엔진을 사용해야하기 때문에 웹브라우저에서만 실행될 수 있었다.
개발자들이 생각하기에 js는 웹브라우저 안에만 가두기에는 너무 좋은 언어이기 때문에 V8 엔진을 웹브라우저에서 분리해서 어디에서나 사용가능할 수 있게 만드는 node.js를 만들었다. 즉, Node.js는 독립적인 언어가 아니라 js를 웹브라우저가 아니라 독립적으로 컴퓨터에서 사용할 수 있게 도와주는 도구, js의 런타임이라고 한다.
Node.js 덕분에 웹브라우저에서 벗어나서 js를 사용할 수 있게 되었다.
2. Node.js 설치
Node.js 홈페이지로 접속을 한 후 안정성이 높은 LTS 버전을 다운로드 받는다.
다운로드한 파일을 실행하면 어렵지 않게 Node.js 설치가 가능하다. 설치를 한 후 터미널을 열어서 node -v, npm -v 명령어를 입력하여 아래 사진과 같이 버전이 뜨면 정상적으로 설치가 완료된 것이다.
3. Node.js 실행
vscode를 사용하여 설치한 Node.js를 사용해보려고 한다. 먼저 vsc에서 index.js파일에 Hello! Node.js!!을 출력하기 위한 코드를 작성한다. 그리고 index.js 파일의 경로에 들어가서 터미널로 node index.js 명령어를 입력하면 아래와 같이 출력되는 것을 볼 수 있다.
다음은 commonJS module system을 이용해서 calc.js라는 파일을 만들고, 함수를 index.js 파일로 불러와 사용하려고 한다. add, sub 함수를 작성한 후 module.exports를 해준다. 그 다음에 index.js에서 require('./calc.js')를 해주고 출력을 해보면 아래와 같이 정상적으로 add, sub 함수를 불러온 것을 알 수 있다.
