FRONT-END/Javascript

[Node.js] Node.js 개발환경 셋팅#Mac

단비_danbee 2020. 9. 30. 22:24

VScode에서 javascript 개발환경 설정

 

1) npde.js 사이트에 접속한다.

nodejs.org/ko/

 

2) 안정적인 옛날 버전 또는 트렌디한 최신 버전 중에 하나를 설치한다.

 

3) 설치가 됐다면 실행해서 다운로드한다. 약관동의만 하면 1분도 안되서 다운로드된다.

 

최신버전으로 다운받았음

 

4) 설치가 완료 되었다면 터미널을 실행한 후 설치가 잘 됐는지 확인한다.

node -v

npm -v

위의 명령어를 터미널에 입력하고 아래 처럼 버전에 대한 정보가 나오면 설치 성공

 

 

5) 그럼 이번에는 node를 실행해본다.

터미널에 node 를 입력하고 엔터를 쳐본다.

 

 

6) 아래처럼 javascript 언어로 이것저것 입력해본다.

 

> var a = 1;

> a

1

> function b() {

... return 'hello node';

}

> b()

'hello node'

> 

코드 앞에 > 가 표시되어 있는데 이것은 웹브라우저에서 F12를 눌렀을때 나오는 콘솔에 입력하면 나오는 화면과 똑같다.

 

7) 이런 입력방식을 REPL 레플 이라고 한다.

 

Read : 읽다

Evaludate : 평가하다

Print : 출력하다

Loop : 반복하다 (다음 명령을 기다린다)

 

8) 터미널을 종료하려면 Ctrl + C 를 두번 누르거나 exit 를 입력한다.

 

9) 이제 Editor 편집기를 설치할 차례다. WebStorm, VScode, Atom 등 기호에 따라 어떤것을 설치해도 괜찮다.

WebStorm 은 유료고, Atom 은 익숙치 않아서 나는 VScode 를 사용하기로 했다.

 

 

Node.js 는 이벤트 기반, 논 블로킹 I/O 모델을 사용해 가볍고 효율적이다.

그리고 한가지 더, 싱글스레드라는게 있다.

자바스크립트를 잘하기 위해서는 이벤트 루프라는것을 알아야한다.