2. VSCode와 Node.js를 통한 환경 설정

1. Node.js와 npm 소개

Node.js

• Node.js는 주로 서버 사이드 애플리케이션 개발에 사용되며 이에 필요한 모듈, 파일 시스템, HTTP 등 빌트인 API를 제공한다.

• 데이터를 실시간 처리하여 빈번한 I/O가 발생하는 SPA(Single Page Application)에 적합하다.

• 하지만 CPU 사용률이 높은 애플리케이션에는 권장하지 않는다.

npm

• npm이란 node package manager로 Node.js에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할과 패키지 설치 및 관리를 위한 CLI(Command Line Interface)를 제공한다.

2. Node.js 설치

• https://nodejs.org/en/ 에 접속하자.
• 하단의 이미지처럼 보일 텐데 LTS는 (Long Term Supported) 버전으로 장기적 안정된 지원이 보장된다
• Current 버전은 최신 기능을 제공하는 대신 업데이트가 발생하고 있는 버전으로 안정적이지 않을 수 있다.
• LTS 버전을 추천하고, Node.js를 설치하면 npm도 동시에 설치가 된다.

3. Node.js 설치 확인

• cmd창을 열어서 Node와 npm의 버전을 확인해봄으로 설치를 확인할 수 있다.

4. Visual Studio Code 설치

• code.visualstudio.com/ 에서 설치가 가능하다.
• 이후 첫 번째 사진과 같이 정사각형 모양의 확장 탭을 눌러서 Code Runner와 Live Server 확장을 설치해준다.
• 코드 실행을 위해 Code Runner를, 실시간으로 로컬 웹페이지에서 html 파일을 볼 수 있게 Live Server를 설치한다.

ㅣ 

5. index.js를 실행시켜보자

•   간단하게 console에 로그를 찍어보는 js파일을 생성했다.
•  ctrl + ` 을 눌러서 터미널 창을 열 수 있다.
• node + 파일 이름을 하면 터미널에 hello가 찍히는 것을 볼 수 있다.

 + 'node'은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램 또는 배치 파일이 아닙니다. 의 오류가 나올 수가 있는데, 이 글을 참고해보길 바란다.

 

bbeomgeun.tistory.com/37

'node'은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램 또는 배치 파일이 아닙니다. cmd창, vscod

 

이렇게 VSCode에서 js파일을 실행시킬 수 있게 된다. 또한 HTML 파일을 이용해서 코드를 구성하면 Live Server를 이용해서 브라우저에서 실행시켜볼 수 있다.