안녕하세요

세션방식을 통한 로그인 기능 구현 1. 세션 로그인이 뭐고 어떻게 동작하는 건가요? 회원가입을 하면 ID와 Password 를 DB에 저장합니다. 유저가 로그인을 하면 DB에 저장된 ID와 Password가 존재할 때 로그인을 시켜주는데 이 때 유니크한 session id를 만들어줍니다. 그리고 유저의 브라우저 쿠키에 session id 를 저장시킵니다. 유저가 로그인이 필요한 활동을 할 때 쿠키에 담겨져 있는 session id를 DB의 seesion id와 비교하여 통과시켜줍니다. 로그인하면 session id 발급, DB에 session id 저장 > 유저 브라우저 쿠키에 발급된 session id 저장 됨 > 로그인 필요 활동 시 브라우저 쿠키의 session id와 DB의 session id 대..

수정하기 기능 만들어 봅시다. 앞부분은 상세페이지에서 했던 거랑 똑같습니다. 1. /edit/아무입력 로 접속하면 띄울 페이지를 만듭니다. app.get("/edit/:id", (요청, 응답) => { return 응답.render("edit.ejs"); }); 2. url에 입력된 파라미터와 일치하는 데이터를 찾습니다. app.get("/edit/:id", (요청, 응답) => { db.collection("post").findOne({ _id: parseInt(요청.params.id) }, (에러, 결과) => { => 문자열로 저장되기 때문에 parseInt로 int형으로 바꿔줍니다. return 응답.render("edit.ejs", { post: 결과 }); => 찾은 데이터를 post 변수에 ..

server로 render할 때 css파일 넣기 public 폴더에 css파일을 저장합니다. => css 파일을 public에 저장하는 이유는? 변하지 않는 파일(static files)은 보통 public 폴더 안에 저장하는 관습이 있다. server.js에도 middleware를 아래와 같이 추가해주어야 합니다. app.use("/public", express.static("public")); => static파일은 public폴더에 보관할게요. 부트스트랩 클래스 약간 알고 가기 container: 컨테이너처럼 좌우 마진 고정, width 화면너비에 따라 변함 mt-3: margin-top 같은거! btn btn-danger: 버튼 꾸미기! (btn과 한 세트임) text-center: text 옵션..

params를 이용하여 상세페이지 만들기 1. params가 뭐에요? /detail/13에 접속을 할 때 13 이녀석을 params라고 부른다. 정확히는 url parameters 라고 하여 url에 입력되는 query 값(여기서는 13)을 가리킨다. app.get("/detail/:id", (요청, 응답) => { => '/detail/:아무문자열' 로 접속을 하면 callback 실행해주세요 연결할 경로 뒤에 ":" 를 적게 되면 /detail/13 과 같이 아무런 숫자나 문자열을 입력하게 되더라도 /detail 페이지로 이동할 수 있게 되는데, ":" 뒤에 입력한 문자열을 변수명으로 활용할 수 있게 된다. 2. 변수명으로 활용해봐요. 요청.params.입력한변수명(여기서는 id)에 저장됩니다. ap..