[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안에 변수를 포함시킬 수 있게해줌


좋은 웹페이지 즐겨찾기