익스프레스 JS 헬로 월드
4200 단어 nodenpmjavascriptexpress
NodeJS 설치
가장 먼저 해야 할 일은 Express가 실행될 환경을 준비하는 것입니다.
install NodeJS으로 이동하여 설치 지침을 따릅니다.
작업 공간 준비 및 프로젝트 시작
Node.js와 사전 설치되어 있는 NPM(Node Package Manager)을 컴퓨터에 설치했으면 원하는 폴더에서 터미널 창(또는 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/을 로드하여 결과를 볼 수 있습니다.
최종 단어
의견에 저에게 있을 수 있는 질문을 남기는 것을 주저하지 마십시오. 기꺼이 답변해 드리겠습니다.
Reference
이 문제에 관하여(익스프레스 JS 헬로 월드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/youssefallalix/express-js-hello-world-10ph
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Node.js와 사전 설치되어 있는 NPM(Node Package Manager)을 컴퓨터에 설치했으면 원하는 폴더에서 터미널 창(또는 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/을 로드하여 결과를 볼 수 있습니다.
최종 단어
의견에 저에게 있을 수 있는 질문을 남기는 것을 주저하지 마십시오. 기꺼이 답변해 드리겠습니다.
Reference
이 문제에 관하여(익스프레스 JS 헬로 월드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/youssefallalix/express-js-hello-world-10ph
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ npm install express --save
$ touch index.js
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(3000)
이제 터미널 창으로 돌아가 코드를 컴파일하고 서버를 시작하는 다음 명령을 입력합니다.
$ node ./index.js
작동하는지 확인
마지막으로 브라우저에서 http://localhost:3000/을 로드하여 결과를 볼 수 있습니다.
최종 단어
의견에 저에게 있을 수 있는 질문을 남기는 것을 주저하지 마십시오. 기꺼이 답변해 드리겠습니다.
Reference
이 문제에 관하여(익스프레스 JS 헬로 월드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/youssefallalix/express-js-hello-world-10ph
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
의견에 저에게 있을 수 있는 질문을 남기는 것을 주저하지 마십시오. 기꺼이 답변해 드리겠습니다.
Reference
이 문제에 관하여(익스프레스 JS 헬로 월드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/youssefallalix/express-js-hello-world-10ph텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)