나아가기

로그인이 완료됐지만, F5번을 누르면 다시 로그인 창으로 돌아가는 상태.. 따라서 로그인 정보를 담아 둘 곳이 있어야 합니다. 1. backend/api-server에서 cookie를 생성해서 값을 넣어두기 1) 먼저 cookie-parser에 대한 모듈 설치 후 import 해주기 npm i cookie-parser const cookieParser = require('cookie-parser') app.use(cookieParser()); 2) member에 값이 있다면, member정보 값을 보내주는 if문에 cookie 생성하고, 옵션 값도 지정해줍니다. app.post('/api/account', (req, res) => { const loginId = req.body.loginId; const..

지금은 backend / api-server.js 에서 db를 보내주고 있으므로 계속 해당 페이지가 뜰 것입니다. 이번엔 로그인 창에서 로그인에 성공하면, 위의 페이지가 뜨도록 하는 것을 하겠습니다. 1. 로그인 정보 보내주기 # state 상태 값에 form이라는 객체를 추가해줍니다. 각각 모두 빈칸을 부여하고, const state = reactive({ account:{ mid:null, MemberName: "", }, form:{ loginId: "", loginPw: "" } }); 사용자에게 보여지는 템플렛 안에는 다음과 같이 수정합니다. 안녕하세요? {{ state.account.name }}님! 아이디 Password 로그인 # 로그인 버튼을 누르면 ..