JNarin Development Story

비밀번호는 아무리 판매자라 하여도 사용자의 비밀번호를 보아서도 알아서도 안된다. 그렇기에 비밀번호를 암호화하는 것이 중요하다. 이번에는 bcrypt 패키지를 이용하여 회원가입 시 암호화를 진행하려 한다. 일단 mongoDB를 확인하면 맨 처음 가입 시 테스트했던 것을 확인하면, 비밀번호가 너무 잘 보인다. 그래서 그 부분을 보완하기 위해서 bcrypt패키지를 설치해야 한다. yarn add bcrypt OR npm install bcrypt moduls/User.js ... const bcrypt = require('bcrypt'); const saltRounds = 10; ... userSchema.pre('save', function(next){ // 회원가입할 정보를 저장하기 전에 함수 실행 let..

저번 시간에는 nodemon을 설치함으로써 서버다운 없이 리프레시를 할 수 있는 모듈을 설치하였다. 또한 package에 대해 개발/배포에 따라 구별을 하는 방법을 알았다. 그래서 이번에는 서버 설정을 하다 보면 깃에 올리지 말아야 할 것이 있다. 보완성을 더욱 높이는 방법에 대해 정리를 해보았다. index.js ... const config = require('./config/key'); ... mongoose.connect(config.mongoURI, { useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false // 미사용시 에러발생 }).then(() => console.log('Mo..

몽고DB 수업하다가 Connect를 진행하려고 하였는데 마지막까지 Connect가 되지 않았다. 이유를 확인해보니 IP Add를 제대로 하지 않아서 생긴 문제였다. 그래서 이번에는 connect를 하기 전에 해야할 부분과 IP Address를 추가하는 방법을 정리하려고 한다. IP Address를 하는 첫번째 방법 cluster를 만들었다면 connect를 클릭하면 다음과 같은 화면이 나오게 된다. 여기서 먼저 Add Your Current IP Address를 눌러 현재 내 아이피 혹은 다른 아이피를 추가하도록 한다. 현재 내 아이피가 필요하다면 자동적으로 IP를 추적하여 IP Address값에 들어가게 되므로 바로 추가하면 된다. IP Address를 하는 두번 째 방법 mongodb 우측에 Netw..

리액트 공부를 찾다가 MongoDB에 대한 초기 세팅에 대한 정보가 있어서 정리하게 되었다. 이번 내용은 한번 하고 나면 별로 쓰일일이 없지만, 누군가에게는 업데이트가 된 몽고 디비가 헷갈릴 수 있기에 이 글을 쓰게 되었다. MongoDB ? 몽고 DB는 자바스크립트 문법을 사용하는 데이터베이스다. 다른 DB와 다르게 NoSQL이기에 SQL을 배우는 부담이 적어져 초반에 접근하는데 어려움이 적다고 한다. 또한 다른 SQL에 있는 스키마가 없기 때문에 형식에 구애받지 않고 자유롭게 데이터를 넣을 수 있는 장점이자 단점을 가지고 있다. How to use...? 이번에는 몽고DB 웹사이트에서 사용하는 방법을 정리해보았다. mongodb 혹은 mongodb.com을 주소창에 입력하면 왼쪽과 같은 사이트가 나온..

저번 시간에는 회원가입과 관련된 내용을 정리를 하였다. 그래서 오늘은 nodemon에 대한 내용을 적어보려고 한다. NODEMON이란? node.js 앱 개발 중 사용하기 위한 간단한 모니터 스크립트 이전까지 진행을 할 때 서버를 항상 다운을 한 후 다시 yarn run start를 해야지만이 리프레시가 가능하였다. 하지만 nodemon을 설치하게 된다면, 수정한 부분들을 자동적으로 업데이트를 해주어서 서버다운 없이도 확인을 할 수 있는 기능을 제공한다. 단, 현재 열려있는 화면 리프레시는 직접 해줘야 한다. yarn add nodemon --save --dev 뒤에 --dev의 경우 현재 로컬에서만 사용을 하겠다는 의미다. 꼭 붙여야 하는 이유가 없고, 붙이고 안 붙이고의 차이는 크게 없지만 디테일하게..

오늘의 스터디는 boiler-plate에 업로드된 body-parser, Postman을 사용한 스터디 내용을 정리하려고 한다. body-parser Node.js 본문 파싱 미들웨어. 터미널에서 설치 명령어를 통해 설치를 해주면 된다. TMI 추가 설명 더보기 이전에는 body-parser을 따로 설치를 한 후, 임포트를 진행하였지만 Express v4.16.0을 기준으로 body parser가 추가가 되었다고 한다. 그래서 따로 설치를 하지 않고 다음과 같은 코드로 변경할 수 있다. // 일부 생략 index.js app.use(express.urlencoded({extended: true})); app.use(express.json()); // 일부 생략 또한 Postman을 설치하게 되면 API ..

오늘은 벡앤드 프로그래밍 Koa에 대한 기본 사용법에 대한 정리를 하려고 한다. 1. 서버 띄우기 index.js const Koa = require('koa'); const app = new Koa(); app.use((ctx) => { ctx.body = 'hello world'; }); app.listen(4000, () => { console.log('Listening to port 4000'); }); index.js를 다음과 같이 작성하고, cmd창에 다음과 같은 명령어를 실행한다. $ node src Listening to port 4000 node src를 입력하게 되면 다음과 같이 Listening to port 4000이라는 문구가 나오며, 웹브라우저 http://localhost:40..

오늘은 파이썬을 시작하기 앞서 기본세팅을 하는 방법을 적어보려고 한다. 이 방법은 추후 로그인에 기초가 될 방법이므로 순서를 자세히 적으려 하니 참고바란다. 참고로 필자는 Windows10 Pro 사용자로 파이썬 관련 명령어는 맥과 일부가 다를 수 있음을 감안을 하신 후 참고하기 바란다. 먼저, 벡앤드 관련 폴더부터 만들기 mkdir back mkdir은 폴더를 만들겠다는 명령어로 cmd 화면이나 git base에서 동일하게 사용할 수 있다. 만든 폴더로 들어가기 cd back cd는 자주 쓰이는 명령어로 cd..으로 할 경우 상단 폴더로 올라간다. 또한 'cd 폴더명'을 할 경우 해당하는 하위 폴더명으로 이동을 한다. 가상머신 만들기 가상머신을 만드는 이유는 다른 프로젝트의 패키지와 충돌을 방지하기 위..