만드는 조건이 마이페이지는 로그인이 되어있는 사람만 방문할 수 있으며,
마이페이지 레이아웃에 현재 로그인된 유저의 id가 표시되어야 한다는 조건이었다!
그럼 만들어보자..
만들려면 우선 글로 작성해보고 코드로 옮기는 것이 좋다고 했던 것 같아 순서를 한 번 적어보겠다..
mypage.ejs파일 생성하고 /mypage get요청 처리- get요청이 왔을 때 if문을 사용하여 인증값 유무를 확인하기.
- 값이 있으면 mypage를 보여주고, 없는 경우 로그인창 보여주기
mypage.ejs파일에서 username 값을 전달받아 출력해주기
server.js
app.get("/mypage", (요청, 응답, next) => {
if (요청.isAuthenticated()) {
응답.render("mypage.ejs", { username: 요청.user.username });
} else 응답.redirect("/login");
});mypage.ejs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>마이페이지</title>
<link rel="stylesheet" href="/main.css" />
<link rel="stylesheet" href="/list.css" />
</head>
<body class="grey-bg">
<%- include('nav.ejs') %>
<h4>환영합니다, <%= username %>님</h4>
</body>
</html>
10분의 정리로 10시간을 아낄 수 있다는 마음으로 글을 작성하고 있습니다💕