[node js] node js 설치 및 테스트

node js를 먼저 설치합니다.

구글 혹은 네이버에서 node js 설치를 쳐보시면 공식 홈페이지가 바로 '짠!' 하고 나타납니다.

구글에 검색!

자신의 운영체제에 맞게 설치를 해 줍니다.

저는 mac을 사용하기 때문에 mac 버전을 선택하겠습니다.

node.js 설치 페이지

installer를 다운로드하고 실행하시면 node.js 설치 페이지가 뜹니다.

바로 설치해줍니다.

node.js 설치페이지

설치가 완료되었으면 제대로 실행이 되는지 확인을 해 줍니다.

1. finder에서 원하는 폴더로 이동 hello world!!라고 적은 test.js 파일을 만들어 줍니다. (visual studio code 이용)

2. 터미널 혹은 iterm2를 실행하시고 test.js 파일이 있는 곳으로 이동하신 후 (cd 명령어 사용)

3. node test.js를 입력하시면 hello world!!라고 뜹니다.

 

만약 node.js가 되어 있지 않으면 아래 그림처럼 node라는 명령어가 빨간색으로 뜨고 찾을 수 없다고 경고를 합니다.

main.js를 실행하였으나 node.js가 없어서 실행이 안됨

node.js가 잘 설치되어 있다면

hello world!!

잘 실행되는 것을 보실 수 있습니다.

 

기본적인 index.html 파일을 하나 만들어서

index.html에 test.js 연결

<title> 태그 밑에 <script> 태그를 삽입하고 src="test.js"를 작성함으로써 index.html과 test.js를 연결해 주었습니다.

cmd + shift + p를 누르시고 open with live server를 실행하면 바로 옆에서 확인이 가능합니다.