1. 기본 연결
   npm init
   npm i express cors dotenv
   npm i nodemon -D

-> .env 파일 생성해서 PORT=3000 입력

server.js >

require('dotenv').config();
const express = require('express');
const app = express();
const PORT = process.env.PORT || 3000;

const cors = require('cors');
app.use(cors());

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

app.listen(PORT, () => {
	console.log(`server running on PORT ${PORT}`);
})

터미널에서 npx nodemon server 실행 시

서버가 잘 연결되었다

2. 페이지 분할해서 연결 server.js에 코드 추가 > ``` const path = require('path'); app.use(express.static(path.join(__dirname, 'views')));

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

코드 작성한대로 디렉토리 / 파일 생성
![](https://velog.velcdn.com/images/yu9562/post/bdcf4e11-c027-4fe9-8a49-32def0b70537/image.png)

views/index.html >

main

Main

```

새로고침 해주면

잘 변경된 것을 확인할 수 있다.

3. mongoDB 연결하기 npm i mongoose

.env >

MONGO_URI=mongodb://localhost:27017/blog

server.js >

const mongoose = require('mongoose');

// const PORT = process.env.PORT || 3000;
const { PORT, MONGO_URI } = process.env;	// 비구조화 할당

mongoose
.connect(MONGO_URI, { useNewUrlParser: true })
.then(() => {
	console.log('Connected to MongoDB');
})
.catch(e => {
	console.error(e);
});

mongoDB 연결도 성공