포시코딩

Node.js, MongoDB 로 웹서비스 만들기 - 5. express.router (라우터 분리) 본문

Node.js

Node.js, MongoDB 로 웹서비스 만들기 - 5. express.router (라우터 분리)

포시 2022. 6. 9. 19:33
728x90

로그인 페이지와 비슷하게 회원가입 페이지도 하나 만들어주었다. 

- login.ejs

- register.ejs

 

이제 server.js 에 아래처럼 두 라우터가 있는데

app.get('/member/login', (req, res)=>{
    res.render('login.ejs');
})
app.get('/member/register', (req, res)=>{
    res.render('register.ejs');
})

server.js 에는 앞으로 여러 라이브러리 선언 등의 코드들이 올거기 때문에 

좀 더 보기 편하도록 해당 코드들을 따로 빼줄거다.

 

일단 nfp 프로젝트에 routes 폴더 추가 후 member.js 파일 생성

 

 

member.js 파일 오픈 후 아래 코드 추가

var router = require('express').Router();

router.get('/login', (req, res)=>{
    res.render('login.ejs');
})
router.get('/register', (req, res)=>{
    res.render('register.ejs');
})

module.exports = router;

server.js 에서 썼던 아래 코드들에서 app -> router 로, 경로에서도 /member 부분을 빼버렸다.

 

server.js 에 아래 내용 입력

app.use('/member', require('./routes/member.js'));

/member 로 시작되는 경로가 요청될 경우 routes 폴더의 member.js 에 있는 라우터를 사용한다는 내용

 

그럼 server.js 에 있는 라우터들은 필요없을듯

지우고 저장한다음 테스트 ㄱㄱ

 

이렇게 하면 좀 더 정돈된 프로젝트 구성을 만들 수 있다.

앞으로 만들 페이지들도 다 이런식으로 만들거임

 

 

 

 

https://4sii.tistory.com/12

 

Node.js, MongoDB 로 웹서비스 만들기 - 6. MongoDB 세팅 및 연결(1)

https://cloud.mongodb.com MongoDB Cloud MongoDB Cloud is a unified data platform for modern applications and includes a global cloud database, search, data lake, mobile, and application services. www.mongodb.com mongodb 사이트에 들어가 구글 아이

4sii.tistory.com

728x90