[Node JS 기초] #2 NODE JS 와 EXPRESS JS 다운로드 하기

Node js ❓

Java 언어가 모든 OS 운영체제에서 Virtual Machine 환경 안에서 Runtime 이 구동 되듯이 Node.JS 는 웹브라우저에 종속적인 자바스크립트에서 외부에서 실행할 수 있는 Runtime 환경을 Chrome V8 엔진을 제공하여 여러 OS 환경에서 실행할 수 있는 환경을 제공하게 됩니다. 이것을 Node.JS 라고 정의할 수 있습니다.

출처 : https://medium.com/@candoublej

 

js를 브라우저 속에서만 썼는데, node js 로 브라우저에서 떼어내서 서버사이드에서도 쓸 수 있게 되었다!👍

 

Express js ❓

nodejs를 쉽게 이용하게 해주는 프레임워크

 

 

 

자 이제 무엇인지 알게 되었으니 요놈들을 설치하고 , 아주 간단한 ExpressJS 앱을 만들어 봅시다😃

 

---

1. 노드가 다운되어있는지 확인하기

1-1. VS Code 에서 터미널 실행

1-2. node -v 를 입력하여 버전확인!

---

2.노드가 없다면 NodeJs 공식홈페이지 에서 다운로드

추천되는 버전으로 다운(왼쪽)  

---

3. package , index.js 만들기

3-1. 터미널에서 npm init 입력 (새로운 or 존재하는 npm package 만들기)

3-2. 기본정보 입력 후에 package.json 이 생성 된 모습(저는 author 부분만 수정하였습니다)

3-3. index.js 생성

✨백엔드 서버에서 시작을 하면 index.js 에서 시작을 한다.(시작점)

 

---

4. Nodejs의 프레임워크인 Expressjs 다운

4-1. 터미널에서 npm install express --save 입력하여 설치

4-2. 설치가 완료 된 모습 - (package.json 에 express가 추가되었고, 왼쪽 디렉토리에도 node_modules가 설치되었다)

✨node_modules 폴더를 펼쳐보면 엄청 많은기능들이 있는데 직접 손대는 일은 거의 없으니 걱정하지 않아도 된다!

---

5. index.js 에서 기본적인 express js 앱 만들기

index.js가 시작점이라고 했으니, 기본적인 앱을 만들어보자!

expressjs 의 documentation 을 참고해보자 (자세한설명이 되어있다)

5-1. express js 의 공식 문서로 시작해보자! 위 코드를 복사 한 후

5-2. index.js에 붙여넣기!

✨위 함수들이 잘 작동 된다면 브라우저에서 Hello World! 를 띄워줄 것이고

콘솔창(여기서는 Terminal) 에는 Example app ~~~ at localhost:3000 이 출력될 것이다!

5-3. package.json 파일의 scripts 항목에 "start" : "node index.js", 를 추가 해준다. 그 다음 저장!

5-4. 터미널을 보게 되면 Console.log 내용이 잘 뜬다! (만약 아무반응도 없다면 npm run start 를 타이핑 해 보자)

✨npm run start은 package.json의 scripts에 있는 start 명령어를 실행하는 부분입니다.(run 생략 가능) 만약 start 명령어를 따로 설정하지 않았다면 node server.js가 실행됩니다.

5-4. 로컬호스트3000번으로 가보면 Hello World!! 성공!

축하드립니다!!

 

 

다음은 이 앱에다가 몽고DB 연결하러 가 봅시다!