가자미의 개발이야기

[Node.js] express를 활용한 웹 개발 본문

HTML & CSS & JS/Node.js

[Node.js] express를 활용한 웹 개발

가자미 2021. 5. 11. 16:30

1. npm i express 명령어로 express 설치

 

2. npm init 명령어로 package.json 생성

 

3. app.js 작성

const express = require('express');

const app= express();
app.set('port', process.env.PORT || 3000);

app.get('/', (req, res)=>{
	res.send('hello express');
});

app.listen(app.get('port'),()=>{
	console.log(app.get('port'), '번 포트에서 대기 중');
});

app.set('port', 포트) = 서버가 실행될 포트 지정.

app.get('주소', 라우터) = GET 요청이 올 때 어떤 동작을 할지 라우터로 지정

app.listen('포트',콜백) = 몇 번 포트에서 서버를 실행할지 지정.

 

4. 프로젝트 구조

app.js : 핵심 서버 스크립트

public : 외부에서 접근 가능한 파일들

views : 템플릿 파일

routes : 서버의 라우터와 로직

models : 데이터베이스

 

5. html 서빙

const express = require('express');

const app= express();
app.set('port', process.env.PORT || 3000);

app.get('/', (req, res)=>{
	res.send('hello express');
    res.sendFile(path.join(__dirname, '.index.html'));
});

app.listen(app.get('port'),()=>{
	console.log(app.get('port'), '번 포트에서 대기 중');
});