[Vue.js] Today I Learned - API 프로젝트 구성

API 프로젝트 구성하기

Node.js 버전 확인

node -v 명령어를 이용하여 설치된 Node LTS 버전을 확인하고 프로젝트 환경과 동일하게 맞춘다.

현재 PC 에 설치 된 버전은 v12.18.3 이기 때문에 프로젝트 환경인 v10.16.x 버전으로 다운그레이드가 필요하다.

이전 릴리즈 다운로드 페이지로 접속하여 설치한다.

 

※ OS 별 설치 파일

• Windows 64bit : x64-msi
• Windows 32bit : x86-msi
• Mac OS : pkg
• Linux : tar

NVM(Node Version Manager)

여러 버전의 Node.js 를 설치하고 관리하고 사용할 수 있게 하는 bash 스크립트 프로그램

 

설치하기

공식 GitHub에 접속하여 하단 Installing and Updating에 스크립트를 복사하여 실행한다.

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.36.0/install.sh | bash

NVM 명령어 인식 방법

공식 GitHub에 접속하여 하단 Installing and Updating 내 export 스크립트를 복사하여 vi 편집기를 이용하여 bashrc 파일에 붙여넣는다.

vi ~/.bashrc

export 구문

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

※ Windows 에서 설치 방법

1. github.com/coreybutler/nvm-windows/releases에 접속하여 nvm-setup.zip 파일을 다운받아 설치

2. Windows CMD 창을 관리자권한으로 실행

3. nvm --version 을 입력하여 설치 확인 (Windows는 위에 NVM 명령어 인식 방법 내용을 하지 않아도 된다.)

 

NVM 으로 Node.js 버전 변경 및 설치

- 설치 방법

nvm install 10.16.3

- 버전 변경 방법

nvm use 10.16.3

- 현재 설치되어 있는 Node.js 버전 확인

nvm ls

데이터 베이스 연결

MongoDB Cloud

API 프로젝트는 MongoDB를 이용하도록 구성되어 있다. 따라서 MongoDB를 구축하여 사용해야 하지만 MongoDB 에서 제공하는 클라우드 서비스를 이용하여 구축해보려고 한다.

 

계정 생성

1. MongoDB Cloud 접속

2. Sign In -> Sign Up 클릭

 

3. 가입 정보 작성 및 Sign Up 클릭

 

4. 계정 추가정보 설정

 

Cluster 생성

1. 클러스터 선택

 

2. 클러스터 생성 (기본 설정 유지)

 

3. 클러스터 생성 완료

 

Node.js 연결을 위한 Network Access 설정

1. 좌측 Security 탭에 Network Access 클릭

 

2. IP Access List에 IP Address 추가

 

3. Allow Access from Anywhere -> Confirm 클릭 (0.0.0.0/0 입력 확인 후)

 

4. IP Address 추가 확인

 

Node.js 연결을 위한 Database Access 설정

1. 좌측 Security 탭에 Database Access 클릭

 

2. Database Users에 Database User 추가

 

3. Username, Password 입력 후 Add User 클릭

 

4. Database User 추가 확인

 

Node.js 연결하기

1. 좌측 Clusters 메뉴로 이동 -> Connect 클릭

 

2. Connect your Application 클릭

 

3. Connection String 복사

 

4. Application에 Connection String 붙여넣기

mongoose.connect(
  // Connection String
  // mongodb+srv://test:<password>@cluster0.f8z6v.mongodb.net/<dbname>?retryWrites=true&w=majority
  "mongodb+srv://test:1234@cluster0.f8z6v.mongodb.net/test?retryWrites=true&w=majority",
  {
    useNewUrlParser: true,
  }
);

5. Application 실행하여 접속 확인