[포스코x코딩온] Node.js 간단한 백엔드 구축

Node.js 장점

• 스크립트 언어이기 때문에 어느환경에서도 동작한다.
• 성능이 빠르고 좋다.
• 배우기 쉽다.
• Javascript를 쓰는 개발자가 많다.

 

백엔드 구축

• npm 
  • 노드 패키지 관리 틀
  • npm 사용 
    • npm init : 프로젝트 시작 명령어
    • npm init --yes : package.json이 생성될 때 기본값으로 생성
    • npm install packageName : 프로젝트에서 사용할 패키지 설치, 설치된 패키지의 이름과 정보는 package.json의 dependencies에 입력 됨.
• nodejs
  • 노드 서버 구축시 필수 설치
• nvm
  • ubuntu 환경에서의 진행을 위해 노드의 버전 설정

 

모듈

필요한 함수들의 집합이다. 

const test_module = require("module_name");

 

Express

node.js의 서버 프레임워크 중 하나이다. 

웹 애플리케이션을 만들이 위한 각종 메소드와 미들웨어 등이 내장되어 있다.

express 설치

• npm instal express

-> package.json의 dendencies에 express 기록됨.

 

Express 사용

express() : Express 모듈이 export 하는 최상위 함수로, express application을 만든다.

app 객체 : express() 함수를 호출함으로써 만들어진 express application 

require() 을 호출하면 node.js에서 express를 사용할 수 있다. 

get() 메소드를 사용해 루틴과 표시할 내용을 설정한다. 

포트 번호까지 설정한 후 커맨드 창에서 프로젝트 폴더오 이동해 node.js 파일을 실행하면 화면에 hello express! 가 나타난다. 

 

.gitignore

git에 올리지 않을 항목들을 모아놓은 파일이다. 

*.txt  → 확장자가 txt로 끝나는 파일 모두 무시

!test.txt → test.txt는 무시하지마

test/   →  test 폴더 내부의 모든 파일 무시

/test  →  현재 폴더 내에 존재하는 폴더 내부의 모든 파일 무시 

 

템플릿 엔진

Embedded Javascript의 약자로 ejs는 문법 설정에 따라 파일을 html 형식으로 변환시키는 모듈이다. 

• ejs 템플린 설치하기

$ npm install ejs

 

ejs 템플릿

const express = require('express');
const app = express();
const PORT = 8080;

app.set('view engine', 'ejs'); //app에 view engine을 ejs로 사용
app.set('/views', 'views');  //views파일에 ejs 파일 모음

/* 라우팅 */
// 가장 처음의 경로인 / 경로로 들어오면 test.ejs를 렌더링
app.get('/', (req, res) => {
res.render('test'); 
console.log('test 연결됨?'); // ejs 파일의 이름
});

app.listen(PORT, () => {
console.log(PORT + 'is OPEN!');
})

 

ejs 문법 사용하기

//자바스크립트 코드 안으로, 줄바꿈을 할 경우 새로운 <% %> 사용
<% %>

//값을 템플릿에 출력할 때 사용
<%= %>

//다른 view 파일 불러올 때 사용
<%- include('view의 상대주소') %>