express.js - frontend 부분 동작 과정

0. 기본 구성

1) public : 정적 파일 저장 - img, font ...

2) routes :

- 각 기능별 app 폴더 만들기

1. routes폴더

1) 기능별 app폴더 안에 html 호출해 줄 router 만들기 (views.py의 render 부분과 비슷함)

#routes/class/classplan.js

: render('class/classplan') 은 views폴더에 있는 class폴더의 classplan.ejs (html) 가져올 것이라는 뜻

{layout: './class/classplanlayout'} 은 views폴더의 class폴더의 classplanlayout.ejs (템플릿 상속) 파일을 css로 쓰겠다는 뜻

 

2. views폴더 (html, css 작성)

1) 각 기능별 app폴더 만들어주기 (class, join 폴더)

2) 각 기능별 layout파일(classplanlayout.html) 과 본 파일 (classplan.ejs) 만들기

#views/class/classplanlayout.ejs   :    템플릿 상속 !

: 저 바디부분에 classplan.ejs가 들어갈 것임 

 

 

3. app.js (urls.py 에서 불러올 views.py 함수 호출 하듯 여기서는 파일을 호출함)

1) app.js 파일안에 router 만들어주기

2) app.js 파일안에 불러올 파일의 url명 정해주기