📝

2. Node 설치 및 환경설정

설치는 2가지 방식으로 알려드리겠습니다. 내 컴퓨터에 설치하는 방법과 클라우드에 설치하는 방법입니다.
항상 내 컴퓨터면 좋지만 가끔은 나와서 수업을 들을 수도 있잖아요? 그런 경우에는 내 노트북이 아닌 곳에 노드를 설치하지 마시고, 클라우드를 활용하세요. 어느 컴퓨터에서든, 심지어 패드에서도 동일한 환경을 보장합니다.

1. 로컬에 설치(수업)

google에서 node를 검색한 후 node를 설치해 주세요. 21년 10월 기준으로 14.18을 설치하면 됩니다. 다운로드 후 실행시키시고 Next를 눌러주시면 됩니다.
💡
간혹 설치가 다 된 후 node -v 명령어를 입력했을 때 오류가 나는 경우가 있는데, 이 경우 custom setup화면에서 add to PATH 항목이 모두 선택되었는지 확인하셔야 합니다.
notion imagenotion image
notion imagenotion image
notion imagenotion image
 

2. 구름IDE 활용(AWS 사용합니다.)

google에서 구름IDE를 검색한 후 구름IDE에 접속해 주세요. 회원가입을 하셔야 합니다. 무료에요. 로그인 후 콘솔로 가기를 클릭해 주세요.
notion imagenotion image
 
새 컨테이너를 클릭해 주세요.
notion imagenotion image
  1. 컨테이너 이름은 영문자 소문자로만 띄어쓰기 없이 작성
  1. 소프트웨어 스택은 node
  1. 맨 아래 추가 모듈/패키지 에서 노드 14.xx 로 선택하시면 됩니다.
다 기입하셨다면 왼쪽 상단 생성하기 버튼을 눌러주세요.
notion imagenotion image
notion imagenotion image
notion imagenotion image
CodeAnyWhere나 Codesandbox를 사용하셔도 좋습니다. 개인적으로 가장 간단한 것은 codesandbox에요.
 

3. hello world

3.1 VSC

바탕화면에 node 폴더를 만들어 주시고, 해당 폴더 기준으로 VSC를 열어주세요. Shift + 마우스 오른쪽 버튼을 눌러 power shell을 해당 폴더 기준으로 연 다음 code . 명령어를 사용하여 VSC를 여는 방법이 있고, VSC를 실행시키고 폴더를 여는 방법이 있습니다.
 
notion imagenotion image
 
VSC가 열렸다면 Ctrl + Shift + ` 를 사용하여 터미널을 열어주세요. 여러분이 입력하는 곳에서 개행을 했으니 참고해 주세요.
Ctrl + C를 2번 누르면 밖으로 빠져나옵니다. console.log 뿐만 아니라 console.warn, console.error, console.table도 사용해 보세요.
🖥️
브라우저에서는 window.console.log('hello'); 노드에서는 global.console.log('hello');
PS C:\Users\paullab\Desktop\node> node -v v14.18.1 PS C:\Users\paullab\Desktop\node> node Welcome to Node.js v14.18.1. Type ".help" for more information. > console.log('hello world'); hello world undefined
 
이런 방식을 REPL(레플이라 읽습니다.) 방식으로 사용한다고 합니다. 여러분의 명령어를 읽고(Read), 평가해서(Eval), 출력하고(Print), 다음 루프로(Loop) 이동하는 것이죠.
이렇게 사용하지 않고 파일을 만들어 사용할 수 있습니다. helloworld.js 파일을 해당 폴더에 만들어 다음과 같이 입력해 주세요. 저는 챕터 구분을 위해 001 이라는 폴더를 만들어 그 안에 파일을 넣었습니다.
console.log('hello world');
001/helloworld.js
 
실행해봅시다. js는 생략 가능합니다.
 
PS C:\Users\paullab\Desktop\node> cd 001 PS C:\Users\paullab\Desktop\node\001> node helloworld hello world
 
자, 다시 정리해봅시다. node는 무엇인가요?
 

3.2 구름IDE

구름IDE도 똑같이 실행돼요. 누르시고 새 터미널 창을 눌러주세요.
notion imagenotion image
root@goorm:/workspace/nodetest# node main Hello goorm!
 
여기는 main.js에 미리 코드가 입력되어 있습니다.
notion imagenotion image