[JavaScript] 위튜브 클론코딩 - (3) Routers, Exports, URL Parameters
2021.11.12 > #4.0~#4.8 수강
2021.11.16 > 복습, 정리
REF: control + c -> 서버종료
Command + 클릭 -> 경로로 이동
ROUTERS
#4.0~#4.2 - Routers
- 공통시작부분을 기반으로 url을 정리해서, url의 관리를 쉽게 해줌.
controller(handler)의 관리도 쉽게해줌(???)
app.get("url", controller);
-
data: 우리프로젝트의 도메인이 되는 data를 생각해보자.
예를 들어, 우리의 wetube 프로젝트의 경우, 비디오(영상) data + 유저 data로 이루어져 있다. 이를 바탕으로 url을 디자인하자.
-
라우터를 도메인별로 나누기: 동영상 url, 유저 url을 가져와서 라우터안에 넣기.
라우터는 우리가 작업중인 주제를 기반으로 url을 그룹화해줌.
-
Router규칙의 예외사항??? For url을 깔끔하게, 마케팅러 편하게
-
step1// routers>router 만들기
const constName = express.Router();
- step2// routers>route url 가져오기
name.get("url", callBackName);
- step3// Clean Code -> controllers, routers 폴더로 코드 나누기 아래는 controllers
const callBackName = (req, res) => res.send("");
#4.3 - Exports
JS에서는 모든 파일이 자기만의 세계를 가짐. 모든 파일은 분리된 모듈이고, 거품과 같다. 그래서 이것을 외부로 공유하려면 export를 먼저 해야한다.
- 중요// import->express를 꼭 해주자!
import express from "express";
- method1// export default
import할 때 constName 맘대로 설정가능, but 한 가지의 변수만 export가능
export default constName
import constName from "./파일경로";
- method2// export
모든 변수 export가능, but import{}안의 변수명은 반드시 일치해야한다.
export const callBackName = (req, res) => res.send("");
import { callBackName } from "../파일경로";
#4.4~#4.5 - Recap
-
../ : 지금 이곳을 나간다는 의미
-
./ : 지금의 장소를 의미
#4.7~#4.8 - URL Parameters
- :id : 파라미터. url안에 변수를 포함시킬 수 있게해줌
Author And Source
이 문제에 관하여([JavaScript] 위튜브 클론코딩 - (3) Routers, Exports, URL Parameters), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@sunyoung1542/JavaScript-위튜브-클론코딩-3
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
controller(handler)의 관리도 쉽게해줌(???)
app.get("url", controller);
data: 우리프로젝트의 도메인이 되는 data를 생각해보자.
예를 들어, 우리의 wetube 프로젝트의 경우, 비디오(영상) data + 유저 data로 이루어져 있다. 이를 바탕으로 url을 디자인하자.
라우터를 도메인별로 나누기: 동영상 url, 유저 url을 가져와서 라우터안에 넣기.
라우터는 우리가 작업중인 주제를 기반으로 url을 그룹화해줌.
Router규칙의 예외사항??? For url을 깔끔하게, 마케팅러 편하게
step1// routers>router 만들기
const constName = express.Router();
name.get("url", callBackName);
const callBackName = (req, res) => res.send("");
JS에서는 모든 파일이 자기만의 세계를 가짐. 모든 파일은 분리된 모듈이고, 거품과 같다. 그래서 이것을 외부로 공유하려면 export를 먼저 해야한다.
import express from "express";
import할 때 constName 맘대로 설정가능, but 한 가지의 변수만 export가능
export default constName
import constName from "./파일경로";
모든 변수 export가능, but import{}안의 변수명은 반드시 일치해야한다.
export const callBackName = (req, res) => res.send("");
import { callBackName } from "../파일경로";
../ : 지금 이곳을 나간다는 의미
./ : 지금의 장소를 의미
Author And Source
이 문제에 관하여([JavaScript] 위튜브 클론코딩 - (3) Routers, Exports, URL Parameters), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@sunyoung1542/JavaScript-위튜브-클론코딩-3저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)