강디너의 개발 일지

준비물 1. express 서버 키기 2. mysql 서버 키기 3. Vue 서버 키기 *설치 모듈* 서버와 통신하기 위한 axios 설치 상태 관리를 위한 Vuex 설치 Login 기능 만들기 + 인증 1. axios를 main.js 에 넣어서 전역으로 쓸수 있게 합니다. 2. 로그인을 해봅시다. loginSubmit: function() { console.log("로그인"); this.$Axios.post(`http://127.0.0.1:3000/auth/login`, { id: this.user_id, pwd: this.user_pwd}).then( res=> { console.log(res); this.$router.push("/"); } ) }, 리턴값이 이쁘게 나오는 것을 볼 수 있습니다. 3..

JWT 으로 로그인 인증을 하겠습니다. 우선 jsonwebtoekn 모듈을 다운받겠습니다. 이 모듈은 jwt를 편하게 만들수 있도록 도와줍니다. JWT 로그인 1. user 테이블에서 user_pwd를 가져온 뒤 2. hash 해서 hash 한 값과 가져온 값과 비교 하고 맞으면 3. Token 을 만듭니다. 토큰이 성공적으로 만들어지면 성공 메시지와 함께 토큰을 보내줍니다. app.post('/auth/login', (req, res) => { // 로그인 인증 User.user_id = req.body.id; User.user_pwd = req.body.pwd; let jwt_secret = 'DinnerKang'; console.log(req.body.id); if (User.user_id) { c..

CRUD 중 R은 전 시간에 했고, C 와 D 를 해보겠습니다. CreateReadUpdateDelete *준비물*Insonomia 1. 모델을 정의해줍니다. User로 정의했습니다. class User { constructor(user_id, user_pwd, user_role){ this.user_id = user_id; this.user_pwd = user_pwd; this.user_role = user_role; }} 2. 비밀번호 암호화 Node 에는 crypto 라는 내장 모듈이 있습니다. 우선 config 에 KEY를 하나 추가해줍니다. 그 후 crypto와 secret 을 선언해줍니다. 테스트 해보겠습니다. 암호화가 잘 되는것을 볼수 있습니다. 3. 사용자 등록 사용자 등록 쿼리이름, 비밀..

프로젝트_4 Express API 개발 *준비물*insomnia REST API 테스트 툴 1. body-parser, mysql, cors 설치 npm install --save body-parser npm install --save mysql npm install --save cors 2. body-parser, mysql, cors 변수 입력 3. mysql 설정 파일 및 Model 만들기 models 라는 폴더 -> user -> user.js 파일 만든 후 User 모델을 만듭니다. config.js 라는 파일도 만들고 본인 MySQL의 정보를 적습니다. 4. DB 설정 입력 아까 만든 config를 잘 연결시켜줍니다. 5. 테스트 하기위한 사용자 전체 조회 API만들어 봅니다. 아 그러기 위해..

1. app.js 를 만들고 터미널에 npm init을 해줍니다. 2. npm init은 node package manager를 시작하는것입니다. *주의사항*entry point에 app.js 를 확인해주세요이건 app.js 라고 만들었기 때문입니다.나머지는 무시하셔도 됩니다. 3. package.json 이 잘 만들었는지 보시고scripts 부분에start : node app.js 를 쳐주세요이 의미는 npm start 명령어를 쳤을때 서버가 시작되게합니다. 4. express 를 설치해줍니다. 5. 우선 세팅을 여기까지 하겠습니다 !