Express + MovaXterm Seting 4. Join part

 

Join 부분 기능 코드작성

routes를 import 한다

body정보를 가져오고 

if문으로 password가 다르면 경고가 나오게 설정한다

redirect는 home으로 설정하면 

join 되면 홈으로 이동된다 

 

 

 

 

-사용자가 로그인 되면 볼 화면 구성하기 

Login 에 가상 아이디 정보를 넣어 주고 동작을 확인 해보기

 

post부분 작성

if문 작성

가상 아이디 

post 부분 생성 및 get수정

 

실행화면 

 

 

pofile 부분으로 클릭시 이동 시키기 위해서 라우터를 수정해줘야한다

express는 이해할수 있지만 html은 routers를 이해하지 못하기 때문이다

 

 

routers 수정

 

 

 

유저 라우터도 수정

 

 

 

header도 수정

 

 

 

실행하면 /:id가 아니라 users/1 정보가 실행되어있다 

 

 

video detail도 수정

 

 

사용자 페이지는 잠시 이대로 두고 누군가가 비디오를 클릭하면 비디오 상세 페이지로 보이도록 

하기 위해서 mixin을 수정한다

 

코드를 수정해준다

 

코드를 추가해준다

실행할 라우터가 함수로 되어있는경우 함수 실행()을 넣어 줘야 실행된다 

페이지 실행이 정상작동하면 경로와 사용자 아이디도 나온다 

 

 

 

-로그아웃을 누르면 홈으로 돌아가는 기능만들기

 

로그아웃시에 홈으로 가는 코드 작성

로그아웃 페이지는 홈으로 보내기 기능을 적용했으므로 필요 없기 때문에 삭제 한다 

만약 로그아웃 확인 페이지를 만들고 싶다면 만들 수 도 있다 

 

-업로드 부분 경로 수정

 

경로이동 코드 수정

경로대로 이동 해서 실행된 화면

 

 

지금 아무 정보도 입력안하고 상세 페이지로 넘어가게 되어있다 보안을 위해서 requierd 추가하여 준다