nodejs로 웹페이지 작성하는 방법-프런트엔드 Q&A-php.cn

nodejs로 웹페이지 작성하는 방법

PHPz

풀어 주다： 2023-05-17 09:06:37

원래의

849명이 탐색했습니다.

Node.js는 JavaScript 개발자가 서버 측에서 프로그램을 작성할 수 있게 해주는 매우 인기 있는 서버 측 JavaScript 실행 환경입니다. 가볍고 효율적이며 확장이 용이하여 서버사이드 및 모바일 애플리케이션 개발 분야에서 널리 사용됩니다. 이번 글에서는 Node.js를 이용해 웹페이지를 작성하는 방법을 소개하겠습니다.

Node.js 설치

먼저 컴퓨터에 Node.js를 설치해야 합니다. Node.js 공식 웹사이트(https://nodejs.org/en/download/)에서 사용 중인 운영체제에 맞는 버전을 다운로드할 수 있습니다.

웹 서버 만들기

Node.js에서 웹 서버를 만드는 것은 매우 쉽습니다. HTTP 모듈을 가져오고 서버를 생성하기만 하면 됩니다. 다음은 간단한 예입니다.

const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello, world!');
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

로그인 후 복사

위 코드는 HTTP 서버를 생성하고 서버에서 포트 3000을 수신하기 시작하며 "Hello, world!"를 웹 클라이언트에 보냅니다.

요청 및 응답 처리

Node.js의 콜백 함수를 사용하여 HTTP 요청 및 응답을 처리할 수 있습니다. 위의 예에서 서버는 "Hello, world!"로 응답하지만 HTML 페이지, JSON 형식 또는 기타 유형의 콘텐츠를 반환하도록 응답을 사용자 정의할 수도 있습니다. 다음은 HTML 웹페이지 반환의 예입니다.

const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/html');
  res.write('<html><body><h1>Hello, world!</h1></body></html>');
  res.end();
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

로그인 후 복사

위 코드는 HTTP 서버를 생성하고 "Hello, world!"라는 텍스트가 포함된 "h1" 태그가 포함된 HTML 페이지를 반환합니다. " 헤더 "text/html"로 설정합니다.

타사 모듈 사용

Node.js는 일반적으로 사용되는 많은 모듈을 제공하지만 완전한 웹 애플리케이션을 만들려면 타사 모듈을 사용해야 할 수도 있습니다. 다음은 Node.js에서 Express 프레임워크를 사용하여 웹 서버를 생성하는 예입니다.

const express = require('express');
const app = express();

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

app.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

로그인 후 복사

위 코드는 Express 프레임워크를 기반으로 HTTP 서버를 생성하고 "Hello, world!"를 클라이언트에 보냅니다.

템플릿 엔진 사용

템플릿 엔진을 사용하면 HTML 페이지를 쉽게 만들 수 있습니다. EJS, Handlebars, Mustache 등과 같은 많은 템플릿 엔진을 Node.js와 함께 사용할 수 있습니다. 다음은 EJS 템플릿 엔진을 사용하여 동적 HTML 페이지를 생성하는 예입니다.

const express = require('express');
const app = express();

app.set('view engine', 'ejs');

app.get('/', (req, res) => {
  const data = {
    title: 'Homepage',
    message: 'Hello, world!'
  };
  res.render('index', data);
});

app.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

로그인 후 복사

위 코드는 EJS 템플릿 엔진을 사용하여 동적 HTML 페이지를 생성합니다. 페이지에서는 "데이터" 개체의 데이터를 사용하여 제목과 메시지를 렌더링합니다.

요약

이 기사에서는 Node.js를 사용하여 웹 서버를 작성하고 HTTP 요청 및 응답을 처리하는 방법을 배웠습니다. 또한 타사 모듈과 템플릿 엔진을 사용하여 웹 애플리케이션 개발을 단순화하는 방법에 대해서도 논의했습니다. 기술이 향상됨에 따라 Node.js의 더욱 발전되고 복잡한 기능을 점차적으로 마스터하여 더 나은 웹 애플리케이션을 개발할 수 있습니다.

위 내용은 nodejs로 웹페이지 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!