익스프레스 JS 헬로 월드
4271 단어 expressnodenpmjavascript
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/을 로드하여 결과를 볼 수 있습니다.
최종 단어
의견에 저에게 있을 수 있는 질문을 남기는 것을 주저하지 마십시오. 기꺼이 답변해 드리겠습니다.
Reference
이 문제에 관하여(익스프레스 JS 헬로 월드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/youssefallali/express-js-hello-world-10ph
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
컴퓨터에 사전 설치된 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/을 로드하여 결과를 볼 수 있습니다.
최종 단어
의견에 저에게 있을 수 있는 질문을 남기는 것을 주저하지 마십시오. 기꺼이 답변해 드리겠습니다.
Reference
이 문제에 관하여(익스프레스 JS 헬로 월드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/youssefallali/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/youssefallali/express-js-hello-world-10ph
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
의견에 저에게 있을 수 있는 질문을 남기는 것을 주저하지 마십시오. 기꺼이 답변해 드리겠습니다.
Reference
이 문제에 관하여(익스프레스 JS 헬로 월드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/youssefallali/express-js-hello-world-10ph텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)