'리액트' 태그의 글 목록 (7 Page)
본문 바로가기
728x90
반응형

리액트30

WEB 만들기 10,11 - 로그인 기능 만들기 로그인 만들려면 그 공간을 만든다고 생각합시다. 그것이 라우터 이고 그것은 index.js 부분에서 하기 전에 생각해보면 우리가 지금 비밀번호를 암호화 했기때문에 그 암호화된것과 입력된 비번과 비교를 해야합니다. userSchema.methods.comparePassword=function(plainPassword,cb){ //painPassword 1234567 암호화된 비밀번호 "$2b$10$LnOrbKhg... //이두개가 맞는지 확인하는 과젖이 필요하다. bcrypt.compare(plainPassword,this.password, function(err,isMatch){ if(err) return cb(err), cb(null,isMatch) }) } 우선은 저렇게 User.js 부분에 아래에 .. 2021. 1. 18.
WEB 만들기 -9 Bcrypt을 이용해 비밀번호 암호화 Bcrypt 라이브러리를 이용해서 암호화 시킬예정이다. 회원가입한 내용의 비밀번호를 암호화 해야하는이유는 우리가 postman을 이용해서 보낸 부분을 보게되면 저렇게 비번이 노출이 되어있다. 그것을 해결하기 위해서는 암호화해서 데이터베이스에 저장하는 형식을 취한다. 우선 bcrypt를 다운받아야합니다. npm install bcrypt --save 를 입력해서 다운해주세요. req.body에 우리가 비번을 넣었는데 그것이 몽고디비에 올라가기전에 암호화를 해야한다. 그래서 우리가 index.js 부분에 save 전에 처리를 해주면 됩니다. 일단 유저 모델로 가서 const bcrypt = require('bcrypt'); 선언하고 userSchema.pre('save',function(next){ //비밀.. 2021. 1. 18.
WEB 만들기 - 6 회원 가입 기능 서버로 회원가입했을때 이메일이나 비번을 보내기 전에 Body-parser 라는것을 이용한다. >npm install body-parser --save 이명령으를 이용해서 바디 파서를 다운을 받습니다. 그리고 POST Man을 다운을 받으세요. www.postman.com/downloads/ Download Postman | Try Postman for Free Try Postman for free! Join 13 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster. www.postman.com 여기로 들어가서 다운로드를 해줍니다. 다운을 해놓고 Regis.. 2021. 1. 17.
WEB 만들기 - 4 git 설치 git은 분산 관리 제어 시스템이다. 우선 우리 컴퓨터에 git이 설치되어 있는지 확인을 해야한다. 커멘드창에 git --version 이라고 입력해보면 이렇게 나온다면 깔려 있는 것이다. 하지만 깔려 있지 않다면 아래 사이트에서 깔면됩니다. git-scm.com/ Git git-scm.com git을 설치를 하고 나서 현재 우리가 만들었던 디렉토리 부분에서 git init를 해줍니다. 그리고 나서 상태를 확인 해보는 명령어로 git status 를 입력을 하면 위와 같이 나옵니다. Untracked files 안에 있다는 소리 이고 이것에 대해서 자세히 보자면 이렇습니다. 처음 working 디렉토리 아무것도 안한 상태이고 git add 한다면 staging Area 로 가는것이다. 그리고 여기서 중요.. 2021. 1. 16.
728x90
반응형