익스프레스 JS 헬로 월드

NodeJS 설치



가장 먼저 해야 할 일은 Express가 실행될 환경을 준비하는 것입니다.
install NodeJS으로 이동하여 설치 지침을 따릅니다.

작업 공간 설정 및 프로젝트 시작



컴퓨터에 사전 설치된 Node.js 및 NPM(노드 패키지 관리자)을 설치했으면 원하는 폴더에서 터미널 창(또는 Windows의 경우 CMD)을 열거나 다음 명령을 사용하여 폴더를 만들고 작업 공간으로 사용:

mkdir ./hello_world



cd ./hello_world


이제 첫 번째 애플리케이션을 시작할 준비가 되었습니다. 이를 위해 다음 명령을 입력합니다.

npm init -y


기본적으로 수행하는 작업은 프로젝트 및 해당 종속성에 대한 모든 정보가 포함된 package.json라는 파일을 생성하는 것입니다.
여전히 NPM이 무엇인지 궁금할 경우를 대비하여 간략한 정의가 있습니다.

npm is the pre-installed package manager for the Node.js server platform. It installs Node.js programs from the npm registry, organizing the installation and management of third-party Node.js programs


익스프레스 설치



다음으로 다음 명령을 통해 NPM을 사용하여 익스프레스 모듈을 설치해야 합니다.

npm install express --save


이제 우리가 필요한 것은 기본 스크립트를 만드는 것입니다. index.js가 기본 이름이므로 이름을 지정합니다(다른 일반적인 이름은 app.js 또는 server.js 일 수 있음).

다음 명령을 사용하여 터미널에서 새 빈 파일을 만들 수 있습니다.

touch index.js


IDE나 텍스트 편집기( Notepad , Notepad++ , Atom ...)에서 새로 생성된 파일을 열겠습니다. 하지만 VS Code와 같은 정교한 IDE를 사용하는 것이 좋습니다. 다음 줄을 순서대로 입력해 보겠습니다.

const express = require('express');


첫 번째 줄은 앱에 사용 중인 모듈을 가져오라고 지시합니다(express).

const app = express();


이 두 번째 줄은 express를 함수로 정의합니다.

그런 다음 서버에 HTTP 요청을 보내고 Hello World!라는 응답을 받을 수 있도록 웹 사이트의 루트에 대한 "경로"라는 것을 정의해야 합니다.

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


마지막으로 해야 할 일은 포트(예: 포트 3000)에서 수신 대기하도록 앱에 지시하는 것입니다.

app.listen(3000)


서버 앱 실행



이제 터미널 창으로 돌아가 코드를 컴파일하고 서버를 시작하는 다음 명령을 입력합니다.

node ./index.js


작동하는지 확인



마지막으로 브라우저에서 http://localhost:3000/을 로드하여 결과를 볼 수 있습니다.



최종 단어



의견에 저에게 있을 수 있는 질문을 남기는 것을 주저하지 마십시오. 기꺼이 답변해 드리겠습니다.

좋은 웹페이지 즐겨찾기