개발 REPO

데이터베이스에 비밀번호가 그대로 저장되면 해커가 그냥 호다닥 가져갈 수도 있으니까 비밀번호를 암호화시킬 방법을 찾고 있었습니다. 그때 나타난 bcrypt bcrypt는 어떤 데이터를 hash로 포장해서 만들어주는 모듈입니다. 좀 더 다양한 설명은 아래 공식 홈페이지에서 찾아보시기 바랍니다. www.npmjs.com/package/bcrypt bcrypt A bcrypt library for NodeJS. www.npmjs.com 설치방법 npm install --save bcrypt-nodejs 구현 다른 파일들은 건드릴 필요없이 post역할을 하는 파일인 home.ctrl.js파일만 건드려줬습니다. 먼저 require로 모듈을 가져온 후 회원가입 기능에 bcrypt기능을 넣어주면 됩니다. 여기서 gen..

ejs와 연결되는 js 파일 location.href 는 현재 화면을 입력한 페이지 주소로 바꾸는 기능입니다. location.href 파라미터만 쓰면 현재페이지를 확인할 수 있습니다. 1. text에 입력된 값들을 data 오브젝트에 저장합니다. 2. 아래 url로 들어가면 POST프로토콜로 JSON인코딩된 데이터를 보내는 방법이 있습니다. 그 방법을 이용해 body에 데이터를 넣어 보내었습니다. 3. then으로 결과값을 받아 값이 존재한다면 빈 오브젝트인 response의 값을 받아 성공인지 아닌지를 판단합니다. 4. 맞다면 사용자의 이름을 넣어 알림을 줍니다. developer.mozilla.org/ko/docs/Web/API/Fetch_API/Fetch%EC%9D%98_%EC%82%AC%EC%9..

ejs 파일들 라우터 역할 js 파일 보시면 output과 process로 나누었습니다. output은 보여지는 프런트 process는 데이터를 가공하는 기능을 합니다. output res파라미터를 받아 컴포넌트를 html로 바꾸어 브라우저에 나타나게 하는 render 메서드를 이용해 ejs파일과 연결해주었습니다. process 회원가입과 로그인할 때 db에 데이터를 입력하고 검색하는 기능을 해줍니다. req파라미터를 받아 각 js파일에서 던져준 body의 값을 저장합니다. body에는 사용자가 입력한 값이 저장되어있습니다. db.query는 첫번째인자는 sql명령어, 두번째 인자에는 배열로 된 값을 넣어줄 수 있습니다. process.signup 사용자가 입력한 값을 받아 insert문으로 데이터베이스..

🔗 시작하기 전 깔아야하는 모듈 1. express - 웹 프레임워크로써 API개발을 위해 사용합니다. 2. ejs - html 대신 ejs를 사용하기 위해 사용합니다. 3. body-parser - post request data의 body로부터 파라미터를 추출할 때 사용합니다. 4. nodemon - 변경사항이 있을 때 서버를 자동으로 업데이트하기 위해 사용합니다. 5. mysql - 저는 mysql를 데이터베이스로 사용할 것이라 깔았습니다. npm install --save express, ejs, body-parser, nodemon 📋 기능별 폴더 나누기 로그인과 회원가입을 할 때 필요한 기능을 나눠보겠습니다. 1. 데이터베이스와 연결하는 기능 2. 데이터베이스와 프론트를 연결해주는 역할을 하는..