Node.js로 사칙연산 계산기를 만들어봐요 - 1편(환경설정)

빠르고 가벼운 서버 개발을 위해 Node.js를 많이 사용한다는 말을 듣고 Node로 기존적인 웹 개발방법을 인프런을 통해 배우고 있어요. 강의만 듣는거보다 직접 찾아가면서 배우는게 더 재밌고 즐거우니 간단한 계산기를 만들어보자라는 생각으로 만들었습니다.

자바로 계산기를 만들어봤었는데, 강의를 들을 때 강의 그대로 만든거라서 제가 직접 만든건 아니쥬. 그래서 제가 생각한 로직으로 계산기를 만들어봤습니다. 아마 로직이 안 좋을지도 모르지만, 공부를 하는게 목적이었어요. 

* npm이 설치되어 있다는 전제로 설명할게요~

필요한 의존성으로는

body-parser : json형태로 데이터를 주고받기 위해서!

ejs: 웹 강의를 듣던 프로젝트에서 바로 올려 만든거라서... 딱히 여기서는 필요없어 보이지만 사용해보기로!

express: Node.js를 사용한 웹 프레임워크

nodemon: 소스 변경시 자동으로 서버 재구동(노드몬 덕택에 개발이 편했다) 

1. 먼저 사용할 폴더를 만들어주세요.(예: NodeCalculator)

2. 터미널로 해당 폴더 위치로 가주세요.

3. npm init으로 기본 프로젝트 생성을 합니다.

$ npm init

4. 굳이 입력할 것은 없습니다. description에 설명을 남기고 싶다면 남겨도 좋아요. 쭉쭉 엔터 눌리면 생성

그러면 package.json이 생성된 걸 확인할 수 있습니다!

{

"name": "nodecalculator",

"version": "1.0.0",

"description": "",

"main": "index.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1"

},

"author": "",

"license": "ISC"

}

5. node.js의 웹 프레임워크인 express를 깔아보도록 합시다! express 공식 홈페이지

$ npm install express --save

--save는 현재 위치한 폴더에만 저장되게 해줍니다. 

6. 소스가 바뀔 때마다 자동으로 서버 재구동을 해주는 nodemon 설치하기.

$ npm install -g nodemon

-g는 전역변수로 사용할 수 있어서 다른 폴더 위치에서도 사용 가능하게 만들어줘요. 

7. 위와 같은 식으로 ejs, body-parser을 다운 받도록 하겠습니다.

$ npm install ejs
 
$ npm install body-parser

ejs는 Node.js에서 사용하는 대표적인 템플릿 엔진입니다.

body-parser는 json형태로 데이터를 주고 받으려고 설치합니다.

이렇게하면 의존성 설치는 끝납니다~ express가 서버로 잘 동작하는지만 확인하고 환경설정 부분 포스팅은 마칠게요.

8. 서버 동작하는지 확인하기.

NodeCalculator 폴더에 app.js 파일을 생성해줍니다. 그리고 아래와 같은 코드를 작성합니다.

app.js

var express = require('express') // require로 express 모듈을 가져온다.

var app = express() // 가져온 모듈을 app이라는 변수로 사용한다.

app.listen(3000, function() { // 3000 포트로 서버 확인

    console.log("start! express server on port 3000");

});

위와 같은 코드를 작성했다면 서버를 한 번 돌려봅시다.

터미널에서 이렇게 타이핑. 

$ nodemon app

아직 구현한게 없어서 url에는 아무것도 안 나올테지만 터미널 창에는 콘솔창이 잘 찍힐거에요.

2편에서는 ejs를 만들고 Router을 사용해 어떻게 모듈을 분리시키는지 포스팅 하겠습니다.