[Node.js] 입문기 2_세팅하기

안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다.

비전공자 출신으로 IT 웹 기획자로서 살아남기 위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요.

온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다.

저처럼 초보자 웰컴이에용.

 

오늘도 주제는 Node.js 입니다. 

이론시간에 이어서 오늘은 세팅하는 방법에 대해 이야기해보겠습니다.

 

이론 관련 포스팅은 아래에서 확인하세요.

https://hjp-recipe.tistory.com/15

[Node.js] 입문기 1_이론

---

 

Node.js 세팅하기

Node.js는 LINUX 베이스이기 때문에 Windows OS 사용자는 git Bash를 다운받아 사용해야 한다.

 

1. github에 가입한다.

2. git for window를 검색해 윈도우 환경의 git을 다운받는다. 

3. git Bash를 실행한다.

 

여기서 잠깐,

★git이란? 

   소스를 사람들과 효율적으로 공유하기 위해 만들어진 공유환경, 공유 문법이다.

★github란? 

   git을 연결해주는 것으로 '리누스 토발즈'가 개발했다.

 

---

Node.js를 실행하기

 

git Bash를 열어 Window OS에서 Node.js를 실행해보자.

 

LINUX의 명령어

• ls = 현재폴더의 파일 및 폴더를 볼 수 있다.
• ~ = 최상위 폴더
• touch = 파일을 생성
      ex) touch README.md (파일이름.확장자) : README.md 파일을 생성
• cd (change directory) = 폴더에 진입
      ex) cd desktop : ~/desktop : 바탕화면의 폴더에 들어가는 것
• mkdir 폴더명 = '폴더명'의 폴더 만들기
      ex) mkdir 8일차 : '8일차' 폴더 만들기
• vi 파일명 = '파일명'의 내용을 수정 (vim)
• i  --insert 또는 끼워넣기-- 
• Esc누르고 : = 아래칸에 커서가 옮겨진다. 
  • :q = 나가기
  • :w = 쓰기
  • :wq = 쓰고 나가기 (저장하고 나가기)
  • 이 세가지 뒤에 ! = 강제행동

Node.js의 npm 사용하기

 

1. 

* npm을 사용하기 위해서는 초기화를 해주어야 한다.

[초기화 하는 법]

git Bash에서,

npm init

  - package name

  - exapmle

  - version 0.0.1

  - description

  - entry point  : *중요! : index.js  → 진입점

  - author  

  - ISC → 오픈소스 재단 : 이것을 사용하면 다른사람들이 내 소스를 쓰는데 동의하겠다 라는 뜻

npt init 화면

 

2. VS Code에서

package.jason 생성

: npm을 사용하겠다라는 것. 프로젝트의 전체 설명이 들어가있는 파일

(node에서 html의 head의 title의 역할을 한다.)

 

: Scripts 공간

 - 명령어를 입력하는 공간

 - 이 곳에 start를 입력하고 node index.js 작성 = node는 자바스크립트를 실행시키는 구문

 - 의미: 이를 start에넣어놨으니, npm run은 script안에 start을 실행시킨다는 뜻

           start을 실행시켰으니 

           결국 start안에 있는 node index.js를 실행시킨다는 뜻

package.jason

 

3. git Bash에서

touch index.js : index.js파일 생성

 

*vs code에서는 총 3가지의 파일이 생성된다.

 

4. VS Code에서

index.js에 console.log('HelloWorld') 작성

 

5. git Bash에서

npm run start 

 

HelloWorld 작성이 된다면 실행 완성!!

npm run start