NodeJS 및 ExpressJS - Hello World 👨🏻‍💻

안녕하세요 여러분 👋 저는 최근에 freeCodeCamp "백엔드 개발 및 API"를 완료했습니다. 관심이 있으시면 여기FCC에서 찾을 수 있습니다. 나는 꽤 많은 것을 배웠고 이것이 NodeJS를 사용한 백엔드 개발에 대한 훌륭한 입문서라고 생각했습니다. 그래서 저는 Express와 NodeJS를 사용하여 고전적인 "Hello World"앱을 만드는 방법을 모두 보여드리지 않을 이유가 없다고 생각했습니다.

내용의 테이블

Introduction

Pre-requisites

Server set up

Hello world

소개

With NodeJS, you can now write backend code with JavaScript. While, for some people, it might not be too difficult to learn a new language to write server-side code, I think that being able to write both frontend and backend with the same language makes learning full stack developer easier (maybe 😁). So what is NodeJS? - NodeJS is a JavaScript runtime environment that comes with many tools to help you write server-side code using JS. You can learn more about it with nodejs .

ExpressJS는 사용하기 쉬운 NodeJS 프레임워크입니다. 다양한 경로(경로/URL)에 대한 다양한 HTTP 요청(GET, POST, PUT 등)에 대한 핸들러 함수를 작성할 수 있습니다. 또한 템플릿을 사용하여 정적 파일 및 동적으로 생성된 콘텐츠를 제공하는 데 사용할 수 있습니다. 자세한 내용은 tutorialpoint 및 express에서 확인할 수 있습니다.

전제 조건

You should:

• Know some JavaScript code
• Have NodeJS installed
• Have VSCode installed (this is the editor I use, but you can use others you are comfortable with)

If you don't have NodeJS yet, you can download it here at nodejs 다양한 패키지와 종속성을 설치하는 데 사용할 수 있는 패키지 관리자npm와 함께 제공됩니다. ExpressJS.

서버 설정

After you have installed NodeJS, you can create a new folder (call anything you want) and open it up in VSCode, and within VSCode you can open the terminal and initialize a node project with:

npm init -y

This will start a new NodeJS project and create a package.json file with populated information. You can then run:

npm install express

This will add ExpressJS to the dependencies list in the package.json file and install it along with other node built in modules (you will see the node_modules folder appear).

Next, you will need to create a JavaScript file to start coding the "Hello world" app, you can call it app.js or index.js (or whatever).

코드 헬로 월드 앱

To begin, let's import ExpressJS using require , as express is a function, you will need to call it and store it in a variable typically called app . We can then start the server by telling app (a.k.a express) to listen on a specific port.

const express = require("express"); // import express
const app = express(); // initiate express
const PORT = 8000;

app.listen(PORT, () => console.log("Server is running on http://localhost:" + PORT)); 

The second argument to the .listen method lets us define a callback function so we know when the server is up and running.

We can start the server by going to the terminal and run this command (*note: my js file is called index.js, so you will need to use whatever you named your js file):

node index.js

Right now, you won't be able to do much because we have not set up any routes (end-points), but you can still view and check if the server is up and running. You should see the "Server is running on http://localhost:8000 "콘솔에서 "Cannot GET/"메시지가 브라우저에서 해당 페이지를 방문해야 합니다.

다음으로 홈 페이지 또는 루트 URL("/")에 대한 GET 끝점을 설정하고 "Hello world"로 응답합니다. 여기서는 .get() 를 사용합니다. 이는 GET 요청에 응답하는 방법을 서버에 알려주는 Express 메서드입니다. 첫 번째 매개변수는 실행하려는 경로(URL/엔드포인트)를 알려줍니다. 이 예에서는 루트 URL("/")을 원하고 두 번째 매개변수는 요청 및 응답 객체. "Hello world"를 인쇄하려면 res 객체와 .send 메시지를 사용할 수 있습니다.

app.get("/", function(req, res) {
   res.send("Hello world!");
});

짜잔! 해냈어! 지금 브라우저에서 페이지를 방문하면 서버가 "Hello world!"라는 메시지로 GET 요청에 응답한 것을 볼 수 있습니다. (또는 사용한 메시지). 아무 것도 표시되지 않으면 Ctr + C를 눌러 서버를 다시 시작하고 node index.js를 다시 실행하십시오.

단계를 따랐다면 모든 것이 제대로 작동하고 ExpressJS 및 NodeJS를 사용하여 "Hello world"앱을 코딩했을 것입니다. 여기replit에서 내 예를 볼 수 있습니다.

전체 프로젝트는 다음과 같습니다.

const express = require("express"); // import express
const app = express(); // initiate express
const PORT = 8000;

app.get("/", function(req, res) {
   res.send("Hello world!");
});

app.listen(PORT, () => console.log("Server is running on http://localhost:" + PORT)); 

요약

NodeJS는 서버 측에서 JS 코드를 작성할 수 있는 기능을 제공하는 JavaScript 런타임 환경입니다. 많은 유용한 도구가 내장되어 있습니다. ExpressJS는 HTTP 요청 등을 처리하는 데 도움이 되는 NodeJS 프레임워크입니다. 이 두 가지를 사용하여 간단한 "Hello World"앱을 만들 수 있습니다.

읽어주셔서 감사합니다. 의견이 있으시면 댓글을 남겨주시거나 Twitter(으)로 저에게 DM을 보내주세요.