#1. 설치방법 + 개발환경 설정

Node.js 란?

구글 크롬의 Javascript 엔진 (V8 엔진) 으로 만든 다른 런타임 환경 이다.

무슨말이냐면 Javascript 는 크롬과 같은 브라우저에 내장되어 있는데
(독립적인 언어가 아니라 스크립트 언어로 특정한 프로그램에서만 사용하는 스크립트 언어라는거)

이걸 브라우저에서만 쓸게 아니라 밖에서도 다른용도로 써보자... 해서 끄집어 낸게 Node.js 이다.

즉, 크롬과 Node.js 는 같은 엔진을 사용하지만 다른 런타임 환경을 가지고 있다고 보면 된다.

※ Node.js는 Server를 다루고 , Javascript는 Client(BOM,DOM) 를 다룬다.

---

 

설치 서버 사양 정보

 

---

 

첫번째로 

서버에 Node.js 를 설치한다

nodejs.org/ko/

Node.js

 

 

12.18.3 버전 선택

 

 

굳이.. 모험 할 필요 없으니

안정적이고 신뢰도가 높다는 12.18.3 버전을 다운받는다

 

 

다음, 다음, 다음...

 

버전 확인 명령어를 통해 설치가 됨을 확인하였다

 

npm 이라는 것도 같이 설치가 되었는데

npm 이란?

Node Pacackage Manager

노드 패키지 매니저

 

node.js 를 통해 만들어진 모듈들을

손쉽게 웹에서 다운받아 설치하는 패키지 관리 툴이다

 

일단 여기까지 설치만 완료

테스트한번 해보자

 

메모장에 로그 한줄 추가

 

js 파일 저장한거 실행시켜봄

 

---

 

Express.js ?

Express 는 Node.js 의 framework 이다. Node.js 자체는 server 가 아니지만, Node.js 의 framework 를 통해

server 를 만들 수 있다. 웹 어플리케이션을 만들기 위한 틀(frame)을 제공하는 라이브러리의 집합!

 

express 모듈 설치

npm install express-generate -g

express-generator 모듈 설치

 

설치할 경로로 이동 후 

명령어 : express --view=pug {앱 이름}

으로 기본 틀 만들기

 

https://expressjs.com/en/starter/generator.html

Express application generator

↑ Getting Started 참고

 

위에 공식 메뉴얼대로 따라해봤다 

express --view 옵션에 기본값 jade 에서 pug 으로 바꾸랜다.

jade는 뭐고 pug는 뭐지

 

해봤다

create : ....

밑에 보면 다음 명령어 뭐 하라는지도

친절하게 알려준다 (cd mobilesvr, npm install, set,...)

 

cd mobileSvr
npm install
SET DEBUG=mobilesvr:* & npm start

 

기본 골격이 만들어졌다

 

cd mobileSvr 폴더로 이동하고

npm install 을 한다

음.. 깔끔하게 npm install 이 안된 것 같다. 1개가 뭔가 손볼게 있나본데

뭔가 잘 안됬다

npm audit 를 통해 상세보기를 해봤다

 

pug 3.0.0 를 인스톨 하니까 더 손볼건 없나보다

 

실행

 

야호