나아가기

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

https://www.youtube.com/channel/UCfm6gDYNrEW2hXCcIrVvj0w 아프리카도서관 africalibrary21@gmail.com www.youtube.com 해당 영상을 보며 공부한 것을 정리한 내용입니다. 추천!! 1. 프로젝트 생성 1) Test 폴더를 하나 만들어줍니다. 2) 폴더 안으로 들어가서 개발환경을 셋팅합니다. // frontend 폴더 생성 vue create frontend //생성 후, fontend 실행 cd fontend npm run serve npm run serve를 했을때, 다음과 같은 화면이 뜬다면 지금까지 아주 잘하고 있는 것!!! 3) 최상위 폴더로 가서 backend 폴더 만들어주기 mkdir backend //backend 환경 설..

backend 파일 생성하기 1. 최상위 파일로 이동해서 mkdir backend 파일 생성하기 mkdir backend //bakend 파일로 이동한 후, node 모듈 생성 cd backend npm init //express 설치 npm install express --save 2. backend/index.js 파일을 만들고, 다음의 코드를 작성하기 const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) app.listen(port, () => { console.log(`Example app listening at ht..