Express - Login && User Profile

이번엔 login과 user profile페이지를 다뤄보자.

역시 userController에 가서 get과 post방식의 두가지 컨트롤러를 만들어준다.

하나는 get 방식으로 로그인 페이지를 띄워줄 getLogin컨트롤러와

post방식으로 로그인이 이루어지면 홈화면으로 redirect해주는 컨트롤러  이렇게 만들어주고

로그인이 이루어지면 화면에 뿌려질 헤더 템플릿을 수정해주자.

ul태그 하나 만들어주고 사진과 같이 작성했다.

isAuthenticated는 요청이 인증 되었는지 확인하는 속성이다. user변수는 아직 데이터가 없기에 설정이 되진않았다.

이제 middleware에 가서 user정보를 객채로 만들어 주자

전역으로 설정할 user정보를 true로 설정하고 id: 1이라는 객체를 넣어줬다. 우선 가짜 정보로 로그인 해보는거다.

그리고 라우트로 설정한 /:id에 대해서 이제 실제 id정보가 들어가도록 변경을 해준다,

routes.js로 가서 

userDetail과 videoDetail모두 수정하는데 둘다 함수로 만들어준다.

두 라우트에 접속이 되면 id를 인자로 받아 만약 id가 있으면 url에 아이디 번호를 생성해주고

아니면 그냥 video_detail url을 원래대로 뿌려주게 된다. 

이제 userRouter와 videoRouter를 모두 수정해준다. 라우트 설정에 본 함수명을 써준다.

라우터에서는 인자를 받을 필요가 없이 화면만 뿌려주면 되지만

템플릿 상에서는 user.id를 인자로 받아 주어야 한다.