Node.js 및 Express를 사용하여 웹 서버를 설정하는 방법

Node.js 및 Express를 사용하여 웹 서버를 설정하는 방법

반응형

프런트엔드 개발자로서, 백엔드는 나를 두렵게 한다. 회사에서는 서버 쪽 코드를 자주 보지만, 완전히 길을 잃은 기분입니다.

하지만 개발자로서 학습을 계속하고 호기심을 유지하는 것이 중요합니다. 그래서 2021년 하반기 제 목표는 백엔드 개발을 배우는 것입니다. 이것은 제가 미래에 풀스택 개발자가 되기 위한 첫 번째 단계입니다.

나는 항상 무언가를 배우는 가장 좋은 방법 중 하나가 그것을 가르치는 것이라고 믿는다. 그래서 이번 기사 시리즈에서 제가 배워온 백엔드 개발의 부분들을 소개하겠습니다. Node.js, Express 및 MongoDB를 사용하여 완벽한 기능을 갖춘 백엔드를 구축하려고 하니 이번 여정에 참여해 주십시오.

이 첫 번째 기사에서는 Express를 살펴보고 이를 사용하여 웹 서버를 구축하겠습니다.

익스프레스란 무엇입니까?

Express는 웹 서버를 쉽게 구축할 수 있도록 해주는 Node.js용 웹 프레임워크입니다. NPM에서 매주 1600만 번 이상의 다운로드를 받을 수 있는 가장 인기 있는 Node.js 프레임워크 중 하나입니다.

Express를 사용하면 다음과 같은 이점이 있습니다.

Node.js 응용 프로그램을 빠르고 쉽게 개발할 수 있습니다.

코드 행 수가 적은 REST API 서버를 신속하게 설정

추가 작업을 수행하기 위한 다양한 미들웨어 포함

애플리케이션 아키텍처를 구성하는 데 도움이 됩니다.

오류 처리에 도움이 됩니다.

데이터베이스에 쉽게 연결

이제 Express를 사용하여 웹 서버를 구축하겠습니다. 이 문서를 따라가려면 컴퓨터에 Node.js가 설치되어 있어야 합니다.

프로젝트 초기화 및 Express 설치

먼저 새 디렉터리를 만들고 엽니다. 이 디렉토리에서 npm init-y를 사용하여 새 프로젝트를 초기화할 수 있습니다.

이렇게 하면 패키지가 생성됩니다.이제 패키지 설치를 시작할 수 있습니다.

익스프레스 설치

// Install express npm install express

노드 데몬을 dev 종속성으로 설치(옵션)

Nodemon은 Node.js 응용 프로그램을 개발할 때 도움이 되는 도구입니다. 이 도구는 파일 변경이 감지될 때마다 노드 응용 프로그램을 다시 시작합니다. 데몬은 필요하지 않지만 강력히 권장됩니다.

// Install nodemon as a dev dependency npm install nodemon --save-dev

스크립트 설정

이 스크립트를 사용하여 npm start를 입력하여 서버를 시작할 수 있습니다.

// If you installed nodemon "scripts": { "start": "nodemon app.js" } // If you did not install nodemon "scripts": { "start": "node app.js" }

웹 서버 만들기

이제 프로젝트가 설정되었으므로 웹 서버를 만들기 시작할 것입니다. 첫 번째 단계는 익스프레스 패키지를 가져오는 것입니다. 프런트엔드 개발자로 일해 본 경험이 있는 경우 다음과 같은 가져오기 문장에 익숙할 수 있습니다.

import express from 'express';

Node.js에서 이 옵션을 사용할 수 있지만 패키지에서 "type"을 "module"로 설정해야 합니다.json 파일. 자세한 내용은 여기를 참조하십시오.

그렇지 않으면 프로젝트에 외부 모듈을 포함할 수 있는 내장 함수인 require를 사용할 수 있습니다.

const express = require('express');

다음으로, 익스프레스 함수를 호출하여 앱이라는 변수에 저장할 것입니다. 앱 변수를 사용해서 서버를 구성할 수 있습니다.

앱 객체의 한 가지 방법은 app.listen 메서드입니다. 이 함수에는 포트 번호와 콜백 함수라는 두 개의 인수가 사용됩니다.

app.listen(3000, () => { console.log(`Listening on port 3000`); });

위의 코드를 사용하여 수신 대기 메서드를 호출하면 포트 3000에서 서버가 시작됩니다. 서버가 시작되면 콜백 기능이 실행됩니다.

이제 npm을 실행하여 서버를 시작할 수 있습니다. 콘솔에 대한 로그 "포트 3000에서 수신 중"이 표시되어 서버가 실행 중임을 확인할 수 있습니다.

경로 만들기

이 기사에서 살펴볼 마지막 부분은 경로를 만드는 것입니다. 서버가 실행 중이지만 localhost:3000에 방문하면 다음과 같은 오류가 표시됩니다.

이 오류는 서버가 아직 아무 작업도 수행하도록 설정하지 않았기 때문에 발생합니다. app.get 방법으로 경로를 만들 수 있습니다. get 함수는 경로와 콜백 함수라는 두 개의 인수를 사용합니다.

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

경로 매개변수의 경우 "/"를 전달합니다. 콜백 함수는 요청과 응답이라는 두 가지 매개변수를 사용합니다.

요청은 들어오는 데이터이며, 응답은 우리가 돌려보내는 데이터입니다. 이 예에서는 "Hello World!"라는 텍스트와 함께 응답을 보낼 것입니다.

이제 localhost:3000을 다시 보면 다음 텍스트가 표시되어 "/" 경로가 응답을 보내고 있음을 확인할 수 있습니다.

축하합니다! 첫 번째 웹 서버를 만들고 HTTP 요청에 대한 응답을 보냈습니다.

아래의 전체 소스 코드를 확인하십시오.

결론

읽어주셔서 감사합니다! 이 기사가 익스프레스를 시작하는 데 도움이 되었기를 바랍니다.

특히 Node.js Express와 MongoDB와 함께 백엔드 개발에 더 뛰어들 것입니다. 제 목표는 REST API 구축을 완료하고 몇 가지 다른 기능들을 살펴보는 것입니다. 채널 고정!

추가 읽기

from http://issue-disk.tistory.com/530 by ccl(A) rewrite - 2021-07-28 05:00:38