[Node.JS] 5. express 설치 및 Hello World 띄우기

제가 개인적으로 참고하려고 정리하는 Node.js 입니다.
다섯번째 시간은 express 설치와 express를 이용해서 hello world를 띄어보도록 하겠습니다.

---

 

Q. express가 뭔가요?

express는 Node.js 웹 프레임워크중에 가장 유명한 프레임워크입니다.
Node.js를 더욱 손쉽고 빠르게 개발 할 수 있는 이점이 있습니다.

주요기능
(참고:https://junspapa-itdev.tistory.com/7)
HTTP 통신 요청(Request; GET, POST, DELETE 등)에 대한 핸들러를 만든다.
템플릿에 데이터를 넣어 응답(response)을 만들기 위해 view의 렌더링 엔진과 결합(integrate)한다.
접속을 위한 포트나 응답 렌더링을 위한 템플릿 위치같은 공통 웹 어플리케이션 세팅을 한다.
핸들링 파이프라인(reqest handling pipeline) 중 필요한 곳에 추가적인 미들웨어 처리 요청을 추가한다.

 

Q. express 사이트

https://expressjs.com/ko/

Express - Node.js 웹 애플리케이션 프레임워크

---

Q. express 설치 및 확인

1. node js 프로젝트 폴더 생성
원하는 프로젝트 폴더를 생성합니다.
(예 C:\nodeTest )

2. npm install express 
(참고: nodejs가 설치 되어있어야 npm을 사용 할 수 있습니다.)
생성한 프로젝트 폴더에서 npm install express를 입력하면 express모듈이 설치됩니다.
express가 로컬모드로 node_modules폴더에 설치 됩니다.
기본적으로는, npm은 모듈을 로컬모드로 설치되며 프로젝트에 설치됩니다. 
 
3. package.json 
모듈을 설치하면 프로젝트 package.json 파일의 defendencies에 프로젝트가 의존하는 모듈과 모듈버전의 정보가 업데이트 됩니다. (참고:  https://programmingsummaries.tistory.com/385 )
{  
"name":"nodeexp",
"version": "1.0.0",  
"description": "", 
 "main": "index.js",  
"scripts":  
  {    "test": "echo \"Error: no test specified\" && exit 1"
  },  
"dependencies": {    
    "body-parser": "^1.20.0",    
    "ejs": "^3.1.8",    
    "express": "^4.18.1",    
    "express-session": "^1.17.3",   
     "mysql": "^2.18.1",    
    "pug": "^3.0.2",    
    "request": "^2.88.2"  }}

 

 

---

Q. express로 Hello World 생성 및 서버띄우기

(참조: express 나무위키)

 

1. C:\nodeTest에 app.js파일을 만들어 아래의 코드를 입력하여 저장합니다.

var express = require('express'); //express 모듈 가져오기
var app = express(); //express 어플리케이션을 app에 할당,라우터설정가능
var port = 3000; //port 설정

app.get('/', (req, res) => {
    res.send('Hello World!');
})
app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`);
});

 

2. C:\nodeTest\node app.js 실행

cmd를 실행시켜 C:\nodeTest 폴더로 이동 후 node app.js를 입력후 엔터를 쳐서 웹서버를 실행합니다.
그럼 터미널에는 'Example app listening at http://localhost:3000'이라는 메세지가 나옵니다.

 

3. 브라우저 실행

브라우저 실행 후
http://localhost:3000에 들어가면 Hello World 응답을 받을 수 있습니다.

 

---

다음글 : [Node.JS] 6. view EJS 연결하기

[Node.JS] 6. view EJS 연결하기

 

이전글 : [Node.JS] 4. npm사용법

[Node.JS] 4. npm사용법