MEAN.JS-MEAN 프로젝트 설정

이 장에는 MEAN 응용 프로그램 생성 및 설정이 포함됩니다. 우리는 NodeJS와 ExpressJS를 함께 사용하여 프로젝트를 만들고 있습니다.

전제 조건

MEAN 애플리케이션 생성을 시작하기 전에 필요한 필수 구성 요소를 설치해야합니다.

당신은에서 Node.js를 웹 사이트에 방문하여 Node.js를 최신 버전을 설치할 수 있습니다 Node.js를을 (이것은 윈도우 사용자를위한 것입니다). Node.js를 다운로드하면 npm이 시스템에 자동으로 설치됩니다. Linux 사용자는이 링크 를 사용하여 Node 및 npm을 설치할 수 있습니다 .

아래 명령을 사용하여 Node 및 npm의 버전을 확인하십시오.

$ node --version
$ npm --version

명령은 아래 이미지와 같이 버전을 표시합니다.

Express 프로젝트 생성

아래와 같이 mkdir 명령을 사용하여 프로젝트 디렉토리를 만듭니다.

$ mkdir mean-demo //this is name of repository

위의 디렉토리는 노드 응용 프로그램의 루트입니다. 이제 package.json 파일을 생성하려면 아래 명령을 실행하십시오.

$ cd webapp-demo
$ npm init

init 명령은 package.json 파일 생성 과정을 안내합니다.

이 유틸리티는 package.json 파일을 만드는 과정을 안내합니다. 가장 일반적인 항목 만 다루며 합리적인 기본값을 추측합니다.

See `npm help json` for definitive documentation on these fields and exactly what they do.
Use `npm install --save` afterwards to install a package and save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (mean-demo) mean_tutorial
version: (1.0.0)
description: this is basic tutorial example for MEAN stack
entry point: (index.js) server.js
test command: test
git repository:
keywords: MEAN,Mongo,Express,Angular,Nodejs
author: Manisha
license: (ISC)
About to write to /home/mani/work/rnd/mean-demo/package.json:

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC"
}
Is this ok? (yes) yes

예를 클릭하면 아래와 같은 폴더 구조가 생성됩니다.

-mean-demo
   -package.json

package.json의 파일은 다음과 같은 정보를해야합니다 -

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC"
}

이제 Express 프로젝트를 현재 폴더에 구성하고 프레임 워크에 대한 구성 옵션을 설치하려면 아래 명령을 사용하십시오.

npm install express --save

프로젝트 디렉토리로 이동하여 package.json 파일을 열면 아래 정보가 표시됩니다.

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC",
   "dependencies": {
      "express": "^4.17.1"
   }
}

여기에서 명시 적 종속성이 파일에 추가 된 것을 볼 수 있습니다. 이제 프로젝트 구조는 다음과 같습니다.

-mean-demo
   --node_modules created by npm install
   --package.json tells npm which packages we need
   --server.js set up our node application

응용 프로그램 실행

새로 생성 된 프로젝트 디렉토리로 이동하여 아래 내용으로 server.js 파일을 생성합니다.

// modules =================================================
const express = require('express');
const app = express();
// set our port
const port = 3000;
app.get('/', (req, res) ⇒ res.send('Welcome to Tutorialspoint!'));

// startup our app at http://localhost:3000
app.listen(port, () ⇒ console.log(`Example app listening on port ${port}!`));

다음으로 아래 명령으로 응용 프로그램을 실행하십시오-

$ npm start

아래 이미지와 같이 확인을 받게됩니다.

Express 응용 프로그램이 실행 중임을 알려줍니다. 브라우저를 열고 다음을 사용하여 애플리케이션에 액세스합니다.http://localhost:3000. Tutorialspoint에 오신 것을 환영합니다! 아래에 표시된 텍스트-