웹사이트 검색

Debian 11에서 JS 기반 애플리케이션용 MERN Stack을 설치하는 방법

이 페이지에서

  1. 전제 조건
  2. 시작하기\n
  3. MongoDB 서버 설치
  4. Node.js 설치
  5. React.JS 설치
  6. 익스프레스 설치\n
  7. 결론

MERN 스택은 MongoDB, Express, React 및 Node의 네 가지 핵심 기술로 구성됩니다. 전체 스택 웹 응용 프로그램을 보다 쉽고 빠르게 배포할 수 있도록 특별히 설계되었습니다. 응용 프로그램을 크게 개선하는 데 도움이 되는 가장 인기 있고 사용자 친화적인 개발 구조 중 하나입니다. MERN 스택을 사용하면 JavaScript 및 JSON을 사용하여 3계층 아키텍처(프론트엔드, 백엔드, 데이터베이스)를 구축할 수 있습니다.

이 튜토리얼에서는 Debian 11에 MERN 스택을 설치하는 방법을 보여줍니다.

전제 조건

  • Debian 11을 실행하는 서버.\n
  • 루트 암호는 서버에서 구성됩니다.\n

시작하기

시작하기 전에 시스템 패키지 캐시를 최신 버전으로 업데이트하는 것이 좋습니다. 다음 명령을 사용하여 업데이트할 수 있습니다.

apt-get update -y

패키지 캐시를 업데이트한 후 다음 명령을 사용하여 다른 필수 종속성을 설치합니다.

apt-get install gnupg2 curl -y

필요한 종속성이 모두 설치되면 다음 단계로 진행할 수 있습니다.

몽고DB 서버 설치

MongoDB는 대용량 데이터 저장소에 사용되는 NoSql 및 개체 지향 데이터베이스 기술입니다. 기본적으로 MongoDB는 Debian 11 기본 리포지토리에 포함되어 있지 않습니다. 따라서 APT에 MongoDB 리포지토리를 추가해야 합니다.

먼저 다음 명령을 사용하여 MongoDB GPG 키를 다운로드하고 추가합니다.

wget -qO - https://www.mongodb.org/static/pgp/server-4.4.asc | apt-key add -

다음으로 다음 명령을 사용하여 APT에 MongoDB 리포지토리를 추가합니다.

echo "deb http://repo.mongodb.org/apt/debian buster/mongodb-org/4.4 main" | tee /etc/apt/sources.list.d/mongodb-org-4.list

그런 다음 리포지토리를 업데이트하고 다음 명령을 사용하여 MongoDB 서버 패키지를 설치합니다.

apt-get update -y
apt-get install mongodb-org -y

설치 후 MongoDB 서비스를 시작하고 시스템 재부팅 시 시작되도록 활성화합니다.

systemctl start mongod
systemctl enable mongod

다음 명령을 사용하여 MongoDB 버전을 확인할 수 있습니다.

mongod --version

다음 출력이 표시되어야 합니다.

db version v4.4.8
Build Info: {
    "version": "4.4.8",
    "gitVersion": "83b8bb8b6b325d8d8d3dfd2ad9f744bdad7d6ca0",
    "openSSLVersion": "OpenSSL 1.1.1k  25 Mar 2021",
    "modules": [],
    "allocator": "tcmalloc",
    "environment": {
        "distmod": "debian10",
        "distarch": "x86_64",
        "target_arch": "x86_64"
    }
}

MongoDB를 설치한 후 Node.js 설치를 진행할 수 있습니다.

Node.js 설치

Node.js를 사용하면 서버 측 및 브라우저 외부에서 JavaScript를 실행할 수 있습니다. 분산 장치에서 실행되는 응용 프로그램에 대해 경량화하는 이벤트 기반 모델을 사용합니다.

최신 버전의 Node.js를 설치하려면 시스템에 NodeSource 리포지토리를 추가해야 합니다.

curl -sL https://deb.nodesource.com/setup_16.x | bash -

리포지토리가 설치되면 다음 명령을 실행하여 시스템에 Node.js 버전 16을 설치합니다.

apt-get install nodejs -y

설치가 완료되면 다음 명령을 사용하여 Node.js 버전을 확인합니다.

node --version

다음 출력이 표시되어야 합니다.

v16.8.0

React.JS 설치

React는 오픈 소스 JavaScript 라이브러리이며 프런트 엔드 웹 애플리케이션을 개발하는 데 사용됩니다. 단일 페이지 사용자 인터페이스에 대해 재사용 가능한 구성 요소를 만들 수 있습니다.

아래와 같이 NPM을 사용하여 create-react-app 도구를 설치할 수 있습니다.

npm install -g create-react-app

설치 후 다음 명령을 사용하여 React 앱을 만듭니다.

create-react-app reactapp

다음 출력이 표시되어야 합니다.

Success! Created reactapp at /root/reactapp
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactapp
  npm start

Happy hacking!

이제 디렉터리를 reactapp으로 변경하고 다음 명령을 사용하여 애플리케이션을 시작합니다.

cd reactapp
npm start 0.0.0.0

다음 출력이 표시되어야 합니다.

>  start
> react-scripts start "0.0.0.0"
Compiled successfully!

You can now view reactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

이제 웹 브라우저를 열고 URL http://your-server-ip:3000을 사용하여 React 애플리케이션을 테스트합니다. React 기본 페이지가 표시되어야 합니다.

Ctrl+C를 눌러 응용 프로그램을 중지합니다.

익스프레스 설치

Express는 노드 기반 웹 애플리케이션의 신속한 개발에 사용되는 Node.js 프레임워크입니다.

아래와 같이 NPM 명령을 사용하여 설치할 수 있습니다.

npm install -g express-generator

설치 후 다음 명령을 사용하여 Express 애플리케이션을 생성합니다.

express mearnapp

다음 출력이 표시되어야 합니다.

   create : mearnapp/
   create : mearnapp/public/
   create : mearnapp/public/javascripts/
   create : mearnapp/public/images/
   create : mearnapp/public/stylesheets/
   create : mearnapp/public/stylesheets/style.css
   create : mearnapp/routes/
   create : mearnapp/routes/index.js
   create : mearnapp/routes/users.js
   create : mearnapp/views/
   create : mearnapp/views/error.jade
   create : mearnapp/views/index.jade
   create : mearnapp/views/layout.jade
   create : mearnapp/app.js
   create : mearnapp/package.json
   create : mearnapp/bin/
   create : mearnapp/bin/www

   change directory:
     $ cd mearnapp

   install dependencies:
     $ npm install

   run the app:
     $ DEBUG=mearnapp:* npm start

이제 디렉터리를 애플리케이션 디렉터리로 변경하고 다음 명령을 사용하여 모든 애플리케이션 종속성을 설치합니다.

cd mearnapp
npm install

그런 다음 다음 명령을 사용하여 애플리케이션을 시작합니다.

npm start 0.0.0.0

다음 출력이 표시되어야 합니다.

>  start
> node ./bin/www "0.0.0.0"

이제 웹 브라우저를 열고 URL http://your-server-ip:3000을 사용하여 Express 애플리케이션에 액세스하십시오. 다음 페이지가 표시됩니다.

결론

위의 가이드에서 Debian 11에 MERN 스택을 설치하는 방법을 배웠습니다. 이제 웹 및 모바일 애플리케이션의 신속한 개발을 위해 이 프레임워크를 사용할 수 있습니다.