Express + MovaXterm Seting 2. Riuting part

init.js 파일생성

index.js 를 app.js 로 파일명 변경

 

코드를 이렇게 정리한다 

 

맨아래 export default app; = 누군가가 import 하면 app object를 주겠다는 의미이다

 

app object 는 app덩어리를 말함

 

그리고 app.js에 있던 코드를 작성 

 

1번 줄에 경로를 반듯이 넣어준다

 

start 부분도 init.js 로 수정해준다

 

router 설치 

router.js 파일생성

 

express 를 import 해주고 router를 만들어 준다

 

useRouter 를  export 해준다 (내보내기)

 

6번라인 처럼 작성하면 router를 app.js에서 router를 받을수 있다 

app.js 에 코드를 작성한다

app.use("/user", useRouter); 에서 use는 useRouter를 사용하겠다는 의미다

 

MVC =

Model = data(데이터)

View = how does the data look (데이터가 어떻게 생겼는지)

Control = that looks for rhe data (데이터를 찾는 함수)

 

페턴이라고 할수 있으며 일종의 구조이다

 

 

 

코드정리

 

router.js 파일을 userRouter.js 로 파일명 변경

 

routers 폴더 생성 videoRouter, userRouter 를 넣는다

 

 

Export

default export 는 전체를 export 한다는 의미 

 

오직 이 변수만 export 하겠다는 의미다 

 

globalRouter 파일도 생성

위와 같은 방식으로 작성해준다

 

 

router import 와 경로 설정을 해준다 

 

 

routes.js 파일생성 후 URL을 한 곳에서 처리 할 수 있게 모아둔다 

router를 모아놓았다

globalRouter.js 부분도 routes 만들어 놓은것 import 해준다

 

URL 완성 경로 뒤에 /home 처럼 쳐주면 경로로 들어갈수 있다

 

나머지 router 도 위 방식으로 작성한다

 

 

 

Controller 컨트롤러는 어떤일이 어떻게 발생하는지에 관한 로직이다 

 

controllers 폴더 생성 안에

videoController.js

userController.js

파일생성

 

뒷부분을 추가 해준다 코드를 입력하고 목록 아래로 내려가서 auto import 해준다(사각형안에 두줄있는 모양이다)

export 했을때만 사용 할 수 있는 기능이다

이부분이 자동으로 생긴다 

 

서버에 접속되는지 확인한다

 

나머지 router도 아래와 같이 코드를 완성해준다