[Node JS] express tutorial / 시작하기
What is
• Node JS
Node JS란 JavaScript의 runtime으로 자바스크립트가 돌아가는 환경을 말하며 웹 브라우저 외의 영역인 서버측에서 자바스크립트 언어를 사용 할 수 있게 해준다.
자바스크립트 라는 언어는 원래 브라우저에서만 돌아갈 수 있었다.• V8
각 브라우저별로 엔진이 존재하며, Chrome: V8, IE: Chakra, Firefox: Spider monkey, Safari: JavaScriptCore등이 존재한다.
여기서 크롬 브라우저의 V8 엔진이 Node JS에 들어가있고, 엔진의 역할은 자바스크립트 언어를 기계어로 해석하는 역할을 한다.• express
Node JS의
express
라는 framework를 사용해 서버를 쉽게 구현할 수 있다.
References:
- https://stackoverflow.com/questions/42616120/what-is-the-relationship-between-node-js-and-v8
- https://nodejs.dev/learn/the-v8-javascript-engine
0. 폴더 생성
Node JS
express
를 이용해 서버를 구축할 적당한 폴더를 하나 만든다.
1. package.json
Node JS를 사용하는 프로젝트는
package.json
이라는 파일을 만들게 된다.
package.json
파일의 역할은 현재 이 프로젝트에서 사용하는 패키지들의 정보 및 프로젝트 이름, 설명, 그리고 작성자를 나타낸다.
인간과 기계의 가독성을 위해package.json
파일은 항상 JSON형식을 사용한다.▼
package.json
파일 예시▼
터미널에서 아래 코드를 입력한 후 엔터를 눌러 확인과정을 거쳐준다.
npm init
엔터를 누르며 진행을 마친 후 마지막에 재확인으로 y를 누르면 tutorial폴더에
package.json
파일이 생성된 것을 확인 할 수 있다.
2. install express
아래의 명령어를 이용해
package.json
파일에express
모듈을 설치해 줄 수 있다.
npm install express --save
맨 처음
package.json
파일과 비교했을때, 맨 마지막 부분에dependencies
항목이 추가된 것을 확인 할 수 있다.
명령어를 실행하고 난 후 현재 경로에서 파일 목록을 확인하면
package.json
,package-lock.json
그리고node_modules
파일이 생긴걸 확인할 수 있다.
package-lock.jsoon
파일과 node_modules
파일은 나중에 따로 다루도록 하겠다.
3. express 사용하기
현재 경로에
index.js
파일을 만든 후 아래 코드를 사용해 준다.
// importing express module that was installed previously.
const express = require('express');
// declaring an app using the express framework module.
const app = express();
// declaring port number. You can use this number whatever you want.
const port = 8080;
// this middleware allows to start server using port number 8080
app.listen(port, function() {
console.log('Listening on '+port);
});
// This middleware is executed when there is a get request with '/' path.
// web browser would show this message when this middleware is executed.
app.get("/", function (req, res) {
res.send("Hello World!");
});
설치했던 express 프레임워크를 가져와준다.
const express = require('express');
express 프레임워크의 반환값을
app
에 넣어준다.
const app = express();
port
번호를 선언해 준다.port
에 관해선 다음에 더 알아보도록 하겠다.
const port = 8080;
위에서 선언해준
port
를 인자로 넘겨준 후 서버가 문제없이 열리면 해당 문구가 출력된다.
app.listen(port, function() {
console.log('Listening on '+port);
});
'/' 경로의 get요청이 들어올 때 마다 이 미들웨어가 실행된다. 클라이언트는 브라우저에서 인사 메시지를 확인할 수 있다.
app.get("/", function (req, res) {
res.send("Hello World!");
});
위 코드를 전부 입력했다면 저장을 한 후 본인의 터미널(커맨드라인)에 아래 명령어를 실행시켜준다.
실행하기전 저장하는걸 까먹지 말도록 하자!
만약 파일 이름을index.js
가 아닌 다른 파일로 했다면 해당 파일 이름으로 실행시켜 주면 된다.
node index.js
서버 파일을 실행 한 후 브라우저의
http://localhost:8080
로 이동하면 세상과 인사하는 메시지가 전달되었음을 확인할 수 있다.
Author And Source
이 문제에 관하여([Node JS] express tutorial / 시작하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@kon6443/Node-JS-express-tutorial-시작하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)