감자도 개발해요

** es7 다운 받으면, rfce만 해도 자동으로 파일의 기본형식을 채워준다. 1. 폴더 설정 client -> src -> components -> views -> LandingPage/LoginPage/RegisterPage 폴더 생성. client -> src -> hoc 2. react router dom 다운로드 - 강의에서는 버전5인데 현실에서는 6으로 업데이트되면서 많은 것이 바꼈다. 그치만 강의로 따라가기로 결정했기 때문에 버전 5로 다운받았다. 이미 6으로 설치했다면 npm uninstall react-router-dom --save 고 $ npm install react-router-dom@5 --save *참고사이트 https://v5.reactrouter.com/web/guides..

client 폴더를 생성해주어, react 를 다운받았다. $ mkdir client $ cd client $ npx client-react-app . * npm 과 npx의 차이 npm (node package manager) 1. 레지스터리 라이브러리 보관. 2. 배포할 때, 사용. 3. -g 을 추가하면 글로벌로 다운받아지고, 일반적으로는 로컬로 다운받아 프로젝트 안에서만 사용가능하다. npx 1. npm의 모듈의 일종. 2. 모듈을 로컬에 저장하지 않고, 매번 최신 버전의 파일을 임시버전으로 불러와 실행시킨 후에, 다시 파일이 없어지는 방식으로 돌아가는 방식. 3. 즉 변동사항이 잦은 create-react-app 같은 보일러 플레이트 모듈에 효과적이다. 장점 - 저장공간 낭비 없음. 항상 최신 ..

1. [index.js] 로그아웃 라우트 만들기 동작 방식 로그아웃하면, 쿠키에 저장된 토큰을 가져와서 DB에서 ""으로 업데이트 해주어 로그아웃을 완료한다. //auth -> 쿠키에 저장된 userId를 바탕으로 토큰을 찾아 user 반환하는 미들웨어. app.get('/api/users/logout', auth ,(req,res) => { User.findOneAndUpdate( {_id : req.user._id}, {token : ""}, (err,user) => { console.log("user, ", req.user); if (err) return res.json({success:false, err}); return res.status(200).send({ success: true }); }..

Auth 기능이란? 특정 서비스를 로그인한 유저 혹은 관리자 유저 처럼 특정 유저들만 쓸 수 있도록 하는 기능. 1) 쿠키에 저장된 토큰을 서버에 가져와서 복호화한다. 2) 복호화를 하면 user ID가 나오는데, 그 user ID를 이용해서 데이터베이스 User Controller에서 User를 찾은 후, 쿠키에서 받아온 토큰을 갖고 있는지 확인한다. userSchema.statics.findByToken = function(token, cb) { var user = this; // verify a token symmetric //토큰을 디코드 한다. //decoded -> userId jwt.verify(token, 'secretToken', function(err, decoded) { //conso..

회원가입 구현 1. [models/User.js] user 관리를 위한 user 스키마 만들기. https://nebulaisme.tistory.com/20 [express] mongoose 이용 : 회원 관리를 위한 User 스키마 만들기 * 스키마 (Schema) 란? 데이터베이스의 구조와 제약조건에 대한 전반적인 명세를 기술한 것을 의미함. 1. 만들고자 하는 프로젝트 폴더에 스키마 저장을 위한 models 폴더를 만들고, User 스키마를 만 nebulaisme.tistory.com 2. [index.js] 회원가입 할 때 필요한 라우트 생성 app.post('/register', (req, res) => { //회원가입 할 때 필요한 정보들을 client에서 가져오면 데이터베이스에 넣어준다. c..

비밀번호를 그대로 DB에 올리면 안전하지 않기 때문에 암호화해서 DB에 올려야한다. 1. bcrypt 설치. $ npm install bcrypt --save https://www.npmjs.com/package/bcrypt bcrypt A bcrypt library for NodeJS.. Latest version: 5.1.0, last published: 7 months ago. Start using bcrypt in your project by running `npm i bcrypt`. There are 3879 other projects in the npm registry using bcrypt. www.npmjs.com 위의 사이트에 사용법은 나와있다! 2. salt를 이용해서 비밀번호를 암호화..

JSON 형태로 보내는 과정에서 말 그대로 MongooseError: Model.prototype.save() no longer accepts a callback 에러가 떴었다. 이유를 찾아보니까, mongoose 7.0(?) 아무튼 현재 버전에서는 문법이 바꼈단다. 콜백 함수를 더이상 지원하지 않는다고.. 어떡하지? ㅎㅎ https://stackoverflow.com/questions/75586474/mongoose-stopped-accepting-callbacks-for-some-of-its-functions Mongoose stopped accepting callbacks for some of its functions I've been using callbacks for .save() and .fi..

* 스키마 (Schema) 란? 데이터베이스의 구조와 제약조건에 대한 전반적인 명세를 기술한 것을 의미함. 1. 만들고자 하는 프로젝트 폴더에 스키마 저장을 위한 models 폴더를 만들고, User 스키마를 만들기 위한 User.js 파일을 만들어준다. 2. 코드 : userSchema에 스키마를 작성한다. const mongoose = require('mongoose'); const userSchema = mongoose.Schema({ name: { type: String, maxlength: 50 }, email: { type: String, trim: true, unique: 1 //unique 속성 추가. }, password: { type: String, minlength: 5 }, last..