Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- nextjs사용법
- 폼 입력 바인딩
- flex
- SCSS import
- 쌓임맥락
- git 같은계정 다른 컴퓨터
- react next
- vue 이벤트 수신
- postcss
- vue 지역 컴포넌트
- 다른컴퓨터에서 git사용
- Vue
- vuex map
- SCSS use
- 이벤트 수식어
- 프로그래머스 프론트엔드 데브코스
- intersection opserver
- 고양이 사진 검색기
- 리액트
- 프로그래머스 데브코스 프론트엔드
- vue mixin
- Spacer
- 리스트 렌더링
- SCSS forward
- SCSS extend
- netlify redirect
- 프로그래머스 데브코스
- KDT 프로그래머스 데브코스 프론트엔드
- 프로그래머스 K_Digital Training
- KDT 프로그래머스
Archives
- Today
- Total
혼자 적어보는 노트
[Node.js] Route 분리하기 본문
route들을 만들다보면 app.js파일에 너무 많은 route들이 생기게 되는데
use()를 통해 url이 겹치는 라우터들 다른 폴더로 분리할 수 있다.
일단 예시로 간단하게 작성해보았다.
[app.js]
const express = require("express");
const app = express();
const port = 8080;
app.post("/video", (req, res) => {
res.send("home");
});
app.post("/video/name", (req, res) => {
res.send("Name");
});
app.post("/video/popular", (req, res) => {
res.send("Popular");
});
app.listen(port, () => {
console.log("Server start");
});
분리 방법
routes폴더 생성 후 해당 폴더 안에
중복되는 앞부분의 주소인 video.js 파일을 생성한다.
[routes/video.js]
const express = require("express");
const router = express.Router(); // Router 설정
app.post("/", (req, res) => { // /video
res.send("Home");
});
app.post("/name", (req, res) => { // /video/name
res.send("Name");
});
app.post("/popular", (req, res) => { // /video/popular
res.send("Popular");
});
module.exports = router;
해당 코드를 복사하여 담아주고 중복되는 video를 제외한 주소를 적어준다.
다시 app.js로 돌아와서 합쳐주는 코드를 작성한다.
const express = require("express");
const videoRouter = require("./routes/video"); // 생성한 video 파일 연결
const app = express();
const port = 8080;
app.use("/video", videoRouter);
// 중복되던 앞 부분의 주소와 연결시킬 Router를 적어준다.
app.listen(port, () => {
console.log("Server start");
});
'NextJS' 카테고리의 다른 글
[Next.js] Link와 href (0) | 2022.07.29 |
---|---|
[Node.js] 로그인 구현하기 / Express, MySQL (0) | 2022.03.19 |
[Node.js] nodemon 사용 해보기 / nodemon 안될 때 (0) | 2022.03.17 |
[Node.js] express 사용하기 (0) | 2022.03.15 |
[Next.js] 세팅 / pages / Link / layout component (0) | 2022.03.01 |
Comments