#1. Node.js 와 Express.js

 

Node.js 

확장성 있는 네트워크 애플리케이션 ( 특히 서버 사이드 ) 개발에 사용되는 소프트웨어 플랫폼이다.

자바스크립트 런타임이며 즉, Javascript program을 실행할 수 있게 도와준다.

 

 

Express.js

Node.js 의 핵심 모듈인 http와 Connect 컴포넌트를 기반으로 하는 웹 프레임 워크이다.

그러한 컴포넌트를 미들웨어 ( middleware ) 라고 하며, 설정보다는 관례 ( convention over configuration ) 와 같은 프레임워크의 철학을 지탱하는 주춧돌에 해당한다.

즉 개발자들은 특정 프로젝트에 필요한 라이브러리를 어떤 것이든 자유롭게 선택할 수 있으며, 이는 개발자들에게 유연함과 수준 높은 맞춤식 구성을 보장한다.

즉 웹이나 어플리케이션을 쉽게 만들 수 있도록 도와주는 역할이다.

 

 

Node.js 설치 💻

터미널을 열어 기존에 node가 설치되어있는지 확인한다

> node -v

없다면 Node.js 홈페이지에서 다운로드 한다.

nodejs.org/ko/

Node.js

사용하고자하는 프로젝트에 

> npm init

하여 package.json 파일을 생성한다

 

 

Node.js 설치 결과 🥳

boiler-plate 라는 연습용 프로젝트에 package.json 파일이 생성되었다.

* package.json 내용

{
  "name": "boiler-plate",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "yerinko",
  "license": "ISC"
}

 

 

Express.js 설치 💻

터미널을 열어 Express.js 를 설치한다

> npm install express --save

다운받은 dependencies들은 다 node_module 이라는 폴더에서 관리된다.

 

 

준비 끝 ! 🎉

index.js에서 기본적인 express js 앱을 만들어보는 토이 프로젝트를 진행해 볼 것이다.

expressjs.com/en/starter/hello-world.html

Express "Hello World" example

자세한 설명이 되어있는 document를 읽어보고

index.js 파일을 만들어 코드를 넣어준다.

const express = require('express'); // package.json 에 있는 express 모듈을 가져온다.
const app = express(); // express을 이용하여 app을 만든다.
const port = 3000;

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

app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`)
});

 

다시 package.json 파일로 들어가서 npm start 시 실행되는 코드를 추가한다.

"scripts": {
    "start": "node index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

 

이제 준비 시 ~ 작 땅땅땅!