익스프레스 시작하기

에서 NodeJS 시작하기를 설명했습니다. 이 기사에서는 PC에 이미 노드가 설치되어 있다고 가정합니다. 그렇지 않은 경우 NodeJS 시작하기를 읽어 보는 것이 좋습니다.

이 문서에서는 다음을 다룹니다.

디렉토리 생성 및 디렉토리로 이동

package.json 파일 생성

급행이란 무엇인가

익스프레스 설치

새 파일 만들기

기본 예

디렉터리 생성 및 디렉터리로 이동

1단계: 명령 프롬프트에서 데스크탑의 아무 곳에나 새 애플리케이션을 위한 디렉토리 또는 폴더를 생성합니다.

mkdir learn-express

2단계: 다음 명령을 사용하여 명령 프롬프트에서 생성된 폴더 또는 디렉토리로 이동합니다.

cd learn-express

package.json 파일 생성

npm init -y 명령을 사용하여 동일한 디렉토리에 응용 프로그램에 대한 package.json 파일을 만듭니다.

npm init -y

package.json 파일을 표시하면 수락한 기본값이 표시되고 라이센스로 끝납니다.

{
  "name": "learn-express",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

익스프레스 란 무엇입니까

Express은 웹 및 모바일 응용 프로그램을 위한 강력한 기능 집합을 제공하는 최소한의 유연한 Node.js 웹 응용 프로그램 프레임워크입니다.

익스프레스 설치

Express는 Node의 기본 패키지가 아니므로 설치해야 합니다. 노드 모듈에 포함되어 있는지 확인하고 싶기 때문에 로컬로 설치한 다음 서버에서 요구해야 합니다.

이제 명령 프롬프트에서 명령Express을 실행하여 learn-express 디렉토리에 npm install express를 설치합니다.

npm install express

이제 package.json의 종속성 섹션이 package.json 파일 끝에 표시되고 Express가 포함됩니다.

{
  "name": "learn-express",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1"
  }
}

새 파일 만들기

learn-express 디렉토리 안에 새 파일을 생성합니다. 원하는 이름으로 부를 수 있지만 저는 main.js라고 부르겠습니다.

기본 예:

생성된 파일 안에 다음 코드를 추가합니다.

const express = require('express');
const app = express();
const port =process.env.port || 8000;

app.get('/', (req, res) => {
  res.send('Hello World!')
});

app.listen(port, () => {
  console.log(`App listening on port ${port}!`)
});

위 코드에 대한 설명:

필요하다

Require은 modules , JSON 및 local files 를 가져오는 데 사용됩니다. Modules는 node_modules에서 가져올 수 있습니다.

예시:

const yourModule = require( "your_module_name" );

ExpressJS는 NodeJs Module입니다.express는 모듈의 이름이며 언급한 것과 같은 코드에서 모듈의 기본 기능을 참조하는 데 사용하는 변수에 일반적으로 할당하는 이름입니다.

NodeJS는 require function 을 제공합니다. 이 모듈의 작업은 모듈을 로드하고 해당 내보내기에 대한 액세스 권한을 제공하는 것입니다.

변수 express를 호출할 필요가 없습니다. 할 수 있습니다.

var myvariable = require('express');

대신 myvariable를 사용하지만 관례는 모듈의 이름을 사용하거나 모듈의 한 부분만 사용하는 경우 모듈 문서에 정의된 대로 해당 부분의 이름을 사용하는 것입니다.
Express's 기본 내보내기는 그 자체가 함수(메소드)인 속성이 있는 함수라는 점에서 약간 독특합니다. 이것은 JavaScript에서는 절대적으로 허용되지만 다른 언어에서는 그다지 허용되지 않습니다. 그렇기 때문에 express()를 사용하여 Application 객체를 빌드하는 것 외에도 express.static(/*...*/)를 사용하여 정적 파일 제공을 설정할 수도 있습니다.

자바스크립트 참고:

The backticks in the `App listening on port ${port}!` let us interpolate the value of $port into the string.

명령 프롬프트에서 스크립트로 노드를 호출하여 서버를 시작할 수 있습니다.

>node main
App listening on port 8000

여기까지 오셨다면 대단히 감사합니다. 이 튜토리얼이 도움이 되었기를 바라며 다음에 뵙겠습니다.

내 작업이 마음에 든다면 고려하십시오.

더 많은 프로젝트와 기사를 제공할 수 있도록

웹 개발에 대해 더 알고 싶다면 다음을 잊지 마세요.