[JS_알아가기] Node.js 설치(MAC)

1. 'node.js' 홈페이지 접속

- 영문사이트로 들어가서 다운받아도 무관(끝에만 'en'으로 바꿔주면 영문 주소.)

웹브라우저 주소창에 'nodejs.org/ko/'를 작성

 

 

 

2. 'LTS'로 다운로드 선택

- 'LTS'가 안정된 버전임, 최신버전을 다운받지 않아도 상관없다.

왼쪽은 'LTS'(안정적 버전) 오른쪽은 'CURRENT'(최신버전)

 

 

 

3. 설치 진행

설치 스탭은 모두 동의하면서 넘어간다.

 

 

 

4. 'terminal'에서 'nodejs'설치 여부를 확인한다.

- 필자는 'sportlight'에서 찾아서 진행함.

'sportlight'에서 'terminal'을 검색해 구동한다.

 

 

 

터미널이 열리면 'node -v'를 입력해 버전을 확인한다.

 

 

 

 

 

!!!! 여기서 부턴 테스트 작업입니다-1(노드설치 테스트) !!!!

5. 설치가 된 걸 확인후 콘솔을 입력해 테스트 해본다.

'node'를 작성해 실행해 본다.

 

 

 

테스트 용으로 콘솔을 입력해 결과까지 확인한다.

 

 

 

6. 'node.js'에서 나올땐 단축키 혹은 단축어를 입력한다.

- 단축키 : control + c

- 단축어 : .exit

단축키 혹은 단축어를 입력해 'node.js'를 나간다.

 

 

 

 

 

!!!! 여기서 부턴 테스트 작업입니다-2(폴더연결 테스트) !!!!

7. 데스크탑에 테스트할 폴더를 만들어준다.

- 폴더명을 'nodejs'로 지음.

다른 이름으로 지어도 무관하다

 

 

 

8. 주 사용 에디터에서 'addproject'로 만든 폴더의 디렉토리를 추가해 준다.

- 'Visual Studio Code'를 사용.

- 디렉토리 추가는 'File > Add Folder to Workspace' 로 진행.

에디터를 오픈

 

 

 

'file > add folder to workspace' 에서 생성한 파일을 불러온다.

 

 

 

9. 디렉토리 추가 후 테스트용 js 파일을 추가한다.  

- 'helloworld.js'를 만들어 주고, 테스트용 코드를 작성한다.

   ex) console.log(1+1+2); //4

추가된 폴더를 우클릭 후 'new file' 을 클릭한다.

 

 

 

새로 생성한 파일명을 임시로 'helloworld.js'로 만들고, 파일 내부에 콘솔값을 입력한다.

 

 

 

10. 'terminal'에서 'node'를 진행할 위치를 바꿔준다.

- 테스트용 폴더(nodejs)가 데스크탑에 있으므로, 경로를 'cd ~/Desktop/nodejs'로 작성.

- 어떠한 명령을 하게되면, 이 디렉토리에 있는 파일을 가지고 명령하게 된다.

터미널에서 테스트용 파일을 불러와 경로를 변경해준다.

 

 

 

경로가 변경되면서, '홈폴더명'과 '디렉토리' 경로가 바뀐다.

 

 

 

11. 'helloworld.js'를 불러와 정상 작동하는지 확인한다.

- 변경된 경로를 확인한 뒤, 'node helloworld.js' 구문 작성후 결과값을 확인.

테스트할 파일('helloworld.js')을 호출해준다.

 

 

 

호출된 파일(js) 결과값 확인

 

 

 

 

+ 참조

생활코딩 node.js 설치

https://opentutorials.org/course/3332/21029