Node js 로 웹 사이트를 만들기 위해서는 프레임워크가 필요하다.

 

파이썬에 flask, Django 등이 있듯, Node js 에서 활용 가능한 프레임워크가 몇 가지 있는데 그 중 Express 프레임 워크를 사용하였다.

 

환경 구성을 하기 위해, 작업을 시작할 폴더를 생성한 후, 패키지 설치를 위해 아래와 같이 입력한다

 

npm init -y // -y는 옵션

패키지 설치와 관리를 위해 위와 같이 입력하며, -y 옵션을 추가하면 생성을 위한 여러 질문들을 모두 yes 인 응답으로 스킵이 된다.

 

그 후 프레임워크 설치를 위해 아래와 같이 입력한다.

npm install express

설치 후, package.json 파일 중, "main"과 같은 이름을 하는 js 파일을 생성하자.

 

package.json 파일 내부 정보

 

여기서는 main의 값이 app.js 이므로, app.js 생성 후 아래와 같이 입력했다.

 

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
    res.send('Hello World!');
});

app.listen(port, () => {
    console.log(`Listing at port num : ${port}`);
});

먼저, express를 사용하기 위해 불러온다. 그 아래로는 요청을 받을 수 있는 포트 번호를 지정하고,

 

각 URL 로 요청이 들어올 때 마다 어떤 내용을 전달 할 지 설정해주는 작업이 있다. (app.get('/') 이후)

 

마지막으로, app이 실행되었을 때, 어떤 내용을 전달할지 설정한다. (app.listen() 라인)

 

파일을 실행하면,  터미널 창으로는 Listing at port num : 3000 이 출력되며

 

브라우저를 열고, localhost:3000으로 접속하면 app.get('/') 에서 설정한 것과 같이 'Hello World!' 가 보일 것이다.