[nodejs MVC 로그인기능] 9. 프론트엔드를 위한 JS파일 생성, 미들웨어 등록

이제 본격적으로 프론트를 만들기위한 js폴더를 생성해줍니다

src폴더 아래 public,

public폴더 아래js,

js폴더 아래 home폴더,

home 폴더에 login.js 파일을 생성합니다.

 

이제 views의 ejs파일들과 js를 연결해주기위한 미들웨어를 생성해줍니다.

app.js에서 내용을 다음과 같이 바꿔주겠습니다.

 

 

 

login.js파일은 생성만 하고 login.ejs파일을 먼저 수정해 둘을 연결해 줍니다.

 

이제 login.js가 잘 연결되는지 확인하기 위해 login.js파일에서 로그를 찍겠습니다.

login.js 파일에 다음과 같이 작성해줍니다.

 

 

 

다시 서버 실행후, localhost:3000/login을 접속하고 개발자 도구 -> 콘솔을 보면

log가 잘 출력됩니다