Node.js & React

Node, MongoDB, Express 셋팅 정리

동띠기 2020. 9. 16. 14:30
728x90

개인적으로 확인하기 위한 설치 및 세팅 총정리입니다.

 

목차

1) NodeJs 설치

2) Express 설치 및 세팅

3) MongoDB 설치 및 세팅

 

<===== NodeJS 설치 =====>

 

1. nodejs.org/en/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

2. LTS(안정된 버전) 다운로드 -> 기본값으로 설치

 

3. CMD에서 node-v로 버전 확인

 

4. package.json을 만들기 위한 세팅 / 흰색 영역은 Enter로 넘어가며 author는 이름을 적어준다

 

 

5. Vscode로 해당 폴더를 열어 백엔드 시작점인 index.js 파일 만들기 / 내용 미작성

vccode 폴더 내부
package.json 내용

<===== Express 설치 =====>

1. Vscode 터미널 실행 ( 단축기 : Ctrl + ~ )

 

2. npm install express --save로 experss 설치

3. package.json 에 experss 추가 확인

4. expressjs.com/en/starter/hello-world.html

 

Express "Hello World" example

Hello world example Embedded below is essentially the simplest Express app you can create. It is a single file app — not what you’d get if you use the Express generator, which creates the scaffolding for a full app with numerous JavaScript files, Jade

expressjs.com

 

5. 예제를 복사하여 index.js에 삽입

 

6. package.json에서 start를 index.js로 할 수 있게 세팅

"start": "node index.js" 삽입

 

7. vscode 터미널에서 npm run start로 실행 후 연결 확인

 

8. localhost:3000 접속 후 Hello World! 출력 확인

 

 

<===== MongoDB 설치 =====>

 

1. www.mongodb.com/cloud/atlas/lp/try2?utm_source=google&utm_campaign=gs_apac_south_korea_search_brand_atlas_desktop&utm_term=mongodb&utm_medium=cpc_paid_search&utm_ad=e&utm_ad_campaign_id=1718986522&gclid=CjwKCAjwzIH7BRAbEiwAoDxxTp2c4X_o3Zfk2FyQS1OtBKkwGROBXW2Kb-Lfg88xvSS-3_sS4-AE_BoCrkYQAvD_BwE

 

MongoDB Atlas: Cloud Document Database

Cloud-hosted MongoDB service on AWS, Azure, and GCP

www.mongodb.com

 

2. 회원가입 및 로그인

 

 

3.  계정 설정

주 언어 설정 및 프로젝트 명 설정

 

FREE 선택
aws 선택 및 asia에 한국은 무료버전이 없음으로 가까운 싱가폴 선택
무료 사용을 위한 tier 선택

 

4. 대기 / 만들어지는데 1~3분 정도 시간이 걸린다.

대기 중 화면
완료 된 사진

5. 유저 생성을 위해 CONNCT 선택

    1) Add Your Current IP Address 선택 후 아이피 추가

    2) UserName / Password 원하는 데로 설정 ( 꼭 기억해야 함)

    3) Create Database User 선택으로 생성 후 Choose a connection method 선택

    4) Connect yout application 선택 후 Copy

 

 

 

 

 

 

6. Mongoose 다운로드 / 터미널에서 npm install mongoose --save

 

 

7. package.json에 mongoose 추가 확인

 

8. index.js 파일로 Mongoose와 연결 코드 작성

 

아래 connect 부분의 <password>와 <dbname> 부분은 아까 기억하였던 mongoDB 생성 시 비밀번호와 name을 넣으면 된다.

 

9. 터미널에서 npm run start로 연결 후 메세징 확인

 

10. models 폴더 생성 후 User.js 파일 생성 // 유저 스키마 작성

 

11. code 작성 

// 몽구스 연결
const mongoose = require('mongoose')

// 유저스키마 작성
const userSchema = mongoose.Schema({
    // 이름
    name: {
        type: String,
        maxlength: 50
    },
    // 이메일 trim은 빈칸없이 , 유니크는 유일하게
    email: {
        type: String,
        trim: true,
        unique: 1
    },
    // 비밀번호
    password: {
        type: String,
        maxlength: 5
    },
    // 마지막 이름
    lastname: {
        type: String,
        maxlength: 50
    },
    // 운영자인지 아닌지 확인하기 위한 룰
    role: {
        type: Number,
        default: 0
    },
    // 이미지
    image: String,
    // 토큰
    token: {
        type: String
    },
    // 토큰 유효기간
    tokenExp: {
        type: Number
    }
})

// 모델로 감싸주기
const User = mongoose.model('User', userSchema)

// 다른곳에서 쓸 수 있도록 익스폴트
module.exports = { User }

 

728x90

'Node.js & React' 카테고리의 다른 글

Ionic Framework 설치  (0) 2020.09.14
Node.js 설치  (0) 2020.09.14