페이지가 없을때는 postman을 썼지만 이제는 react-route-dom을 사용해 Router를 사용하고있다. Axios 제이쿼리 ajax생각하면된다. 서버와 클라이언트 통신에 필요한 기능 (라우팅은 아래 글 참고) [React] 페이지 라우팅 - React SPA & SCR https://reactrouter.com/ Declarative routing for React apps at any scale | React Router Version 6 of React Router is here! React Router v6 takes the best features from v3, v5, and its sister project.. h-owo-ld.tistory.com 그렇기 때문에 이제 Axios를 사..

npm install jsonwebtoken --save 토큰 생성을 위한 jsonwebtoken 설치 npm install cookie-parser --save 쿠키에 토큰을 저장하기위한 cookie-parser 설치 app.post('/login', (req, res) => { User.findOne({ email: req.body.email }, (err, user) => { if (!user) { return res.json({ loginSuccess: false, message: "입력한 이메일에 해당하는 유저가 없습니다." }) } user.comparePassword(req.body.password, (err, isMatch) => { if (!isMatch) { return res.json..

비크립트 설치 npm install bcrypt --save index.js에서 post로 값이 들어오고 save전에 User.js에서 유저 스키마를 가져와 암호화 해줄 수 있는 pre()를 생성해준다 bcrypt A bcrypt library for NodeJS.. Latest version: 5.0.1, last published: a year ago. Start using bcrypt in your project by running `npm i bcrypt`. There are 3434 other projects in the npm registry using bcrypt. www.npmjs.com npmjs에 있는 bcrypt 예시를 참고하여 salt를 이용해 암호화 진행 const bcrypt =..

NPM(Node Package Manager) - dependencies(의존성)관리, 라이브러리들을 담고있는 곳. (npm install... ) - app을 작동시킬 때 사용 (npm run start, npm run build ...) - local / global 로 설치할 수 있다. (뒤에 -g로 플래그를 주면된다.) 리액트 앱 생성 시에도 -g 플래그를 해주어야 하나, npx로는 그렇게 해주지 않아도된다 왜? NPX(Node Package eXcute) NPM 5.2.0 버전 이상부터 지원되는 npx 을 사용하면 - -g 디렉토리를 사용하지않고 바로 node 레지스트리에있는걸 찾아서 다운로드 없이 실행시켜준다 (local path부터 적어갈 필요가 없다) - Disk Space낭비가 줄어들고 ..

Nodemon 프로그램 수정시 서버를 꼈다켜지않아도 그걸 감지해서 자동으로 서버를 재구동해주는 tool npm install nodemon --save-dev dev를 붙이는 이유는 로컬, 배포이후 모드가 다른데 dev를 붙이면 local에서 할 때만 사용을 하겠다는 의미 패키지.json 보면 dependencies 밑에 devDependencies가 생기고 그 밑에 nodemon이 들어간 것을 확인할 수 있다 그리고 스크립트 부분에 nodemon 으로 실행하겠다는 backend명령어를 입력해주었다. npm run backend 이제 서버를 껐다가 재구동하지않아도 코드수정시 적용이 된다!