JavaScript, React 🍦/[Node React]노드리액트기초강의

이번에는 Login Router를 만들어보자. 1. index.js에 다음의 코드 추가 2. login router에서는 이렇게 총 세가지 일을 해야 한다. 3. 먼저 요청된 이메일을 데이터베이스에서 있는지 찾는다. 4. 요청된 이메일이 데이터베이스에 있다면 비밀번호가 맞는 비밀번호인지 확인하여야 한다. isMatch를 통해 맞는 비밀번호를 확인해야하므로 isMatch메서드를 User.js에 생성한다. 5. index.js로 다시 온 후 다음과 같이 코드를 추가한다.

현재 데이터베이스에 저장된 비밀번호를 보면 너무 안전하지 않음 -> 그래서 Bcrypt를 이용해 비밀번호 암호화 후 데이터베이스에 저장해야 함! 1. bcrypt 라이브러리 다운 npm install bcrypt --save Bcrypt로 비밀번호 암호화 하는 순서 1. User.js에 bcypt라이브러리를 가져오고 2. usermodel에 정보를 저장하기 전 비밀번호를 암호화 시켜야 하기 때문에 User.js에 다음의 코드 추가 3. bcypt 사용을 위해 사이트 이동 https://www.npmjs.com/package/bcrypt bcrypt A bcrypt library for NodeJS.. Latest version: 5.1.0, last published: 3 months ago. Start..

지금은 index.js에서 나의 mongoURI를 확인할 수 있다. 이는 깃허브에 올렸을 때 개인정보가 그대로 드러나는 문제가 있으므로 gitignore를 통해 비밀 설정 정보를 관리해보겠다. 1. config폴더 안에 dev.js를 생성 후 다음과 같이 코드를 넣어준다. mongoURI의 값으로 index.js에서 가져온 mongoDB URI를 넣어주었다. 개발은 다음과 같은 두 가지 환경에서 할 수가 있다. 하나는 지금처럼 local development 모드에서, 그 이후에는 heroku 또는 클라우드 서비스를 이용해 배포한 후 개발할 수 있다. 이 두가지를 따로 생각해주어야 한다. 2. 배포한 후 개발환경을 만들기 위해 prod.js파일도 config 폴더 안에 만들어준다.key.js 파일도 만든..

NodeMon이란? 소스를 변경할 때 그것을 감지해서 자동으로 서버를 재시작해주는 tool 1. nodemon 다운로드 dev를 붙이는 이유는 development모드(local에서 할 때만 사용하겠다) npm install nodemon --save-dev package.json에서 nodemon이 dependencies가 아닌 devDependencies 안에 들어가 있다. 2. 시작할 때 nodemon으로 시작하기 위해 script 하나 더 만들기 package.json의 scripts 부분에 backend 부분 추가 이제 npm run backend로 프로그램을 가동시킨다.

Client에서 Server로 정보를 보낼 때 body-parser라는 dependency를 이용한다. body-parser : Body데이터를 분석(parse)해서 req.body로 출력해주는 것 1. 다음의 코드를 통해 body-parser를 다운받는다. npm install body-parser --save 2. PostMan 다운로드 지금 client에 data를 보낼 수 없으니 대신 PostMan을 이용한다. https://www.postman.com/ Postman API Platform | Sign Up for Free Postman is an API platform for building and using APIs. Postman simplifies each step of the API l..

저번 포스트에서는 소스 코드들을 git repository(local)에 올렸다면 이번 포스트에서는 git repository에 있는 파일들을 git push를 이용해 github에 올려보겠다. 1. github에서 새로운 레포지토리 생성 2. 우리의 기기와 github 서버가 안전하게 통신하기 위해 SSH(Secure Shell)설정 이미 SSH가 설정되어있는지 확인하려면 터미널에 다음의 코드 입력한 후 id_ras, id_rsa.pub가 있는지 확인 ls -a ~\ssh SSH가 없으면 생성하기 위해 다음의 사이트 접속 https://docs.github.com/ko/authentication/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-a..

1. 먼저 git이 설치되어 있는지 확인 cmd창에 git --version입력 2. 만들던 프로젝트에서 터미널 키고 git init git init은 git 저장소를 만들어주는 역할 git저장소가 sub디렉토리에 생성됨 3. git status 통해 깃의 상태 확인 4. 파일들이 지금 작업하고 있는 working directory에서 github까지 push되는 과정을 살펴보면 다음과 같다. staging area는 git repostiory에 파일들을 넣기 전 대기시켜주는 장소 5. git add . 를 통해 파일들을 working directory에서 staging area로 이동시킨다. 6. node_modules는 용량이 너무 커서 git에 올리지 않아도 된다. .gitignore파일을 만든 후..

Model은 Schema를 감싸주는 역할! model 폴더를 생성 후 그 안에 User.js 를 다음과 같이 생성한다 .

1. 몽고디비 사이트 접속 몽고디비 사이트에 접속한다. https://www.mongodb.com/home MongoDB: The Developer Data Platform Get your ideas to market faster with a developer data platform built on the leading modern database. MongoDB makes working with data easy. www.mongodb.com Build a Database 버튼을 눌러 cluster를 생성한다. 다음과 같은 설정으로 cluster를 생성해준다. cluster 이름은 boilerplate로 해주었다. username과 password를 입력하여 몽고DB 유저도 생성해주었다. mongoD..

1. nodejs가 설치되어있는지 확인 검색창에 cmd를 입력하고 cmd창 내에서 node -v 명령어를 통해 nodejs가 설치되어 있는지 확인한다. 2. boiler-plate 폴더 생성 documents폴더로 들어간 뒤 boiler-plate 폴더를 생성하고 boiler-plate 폴더 안으로 들어간다. 3. npm init npm init 입력 후 다음과 같이 환경설정하여 새로운 or 존재하는 npm package를 만들어준다. author에는 자신의 이름을 입력한다. 4. visual studio로 프로젝트 열기 visual studio에서 방금 만든 프로젝트를 열면 package.json에서 npm init을 통해 설정한 내용을 확인할 수 있다. 5. index.js 생성 백엔드 시작점인 in..