Creating a website with Node.js, Express, and MySQL: Part 1 (Home, Profile, Directions, Contact)

이 튜토리얼에서는 Node.js, Express 및 MySQL을 사용하여 간단한 웹사이트를 만드는 방법을 알려드리겠습니다. 이 웹사이트는 홈, 프로필, 찾아오는 길, 그리고 문의하기 페이지로 구성될 것입니다.

1. Node.js 및 Express 프로젝트 설정

먼저 Node.js를 설치한 후에는 Express 프레임워크를 설치해야 합니다. 먼저 프로젝트 폴더를 만든 후에 아래의 명령어를 실행하여 Express를 설치합니다:

npm install express

Express를 설치한 후, 프로젝트의 package.json 파일에서 main 항목을 app.js로 수정합니다. 그리고 아래와 같이 기본 서버를 설정합니다:

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

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

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

이제 웹사이트에 홈 페이지를 만들었습니다.

2. MySQL 데이터베이스 설정

다음 단계로 MySQL 데이터베이스를 설정해야 합니다. MySQL을 설치하고 데이터베이스를 만들고 연결할 수 있는 모듈을 설치합니다:

npm install mysql

그리고 MySQL 데이터베이스에 연결하고 쿼리를 실행할 수 있는 데이터베이스 모듈을 작성합니다.

const mysql = require('mysql');

const db = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: '',
  database: 'mywebsite'
});

db.connect(err => {
  if (err) {
    throw err;
  }
  console.log('Connected to database');
});

module.exports = db;

이제 MySQL 데이터베이스에 연결할 수 있습니다.

3. 프로필, 찾아오는 길, 문의하기 페이지 추가

이제 Express 앱을 확장하여 프로필, 찾아오는 길, 그리고 문의하기 페이지를 추가합니다. 각각의 페이지를 위한 라우팅 및 뷰를 작성합니다.

app.get('/profile', (req, res) => {
  res.send('Profile page');
});

app.get('/contact', (req, res) => {
  res.send('Contact page');
});

app.get('/directions', (req, res) => {
  res.send('Directions page');
});

위와 같이 각 라우트에 대한 뷰를 작성한 후, 이제 MySQL 데이터베이스에서 해당 페이지에 표시할 콘텐츠를 가져올 수 있습니다.

이제 Node.js, Express 및 MySQL을 사용하여 간단한 웹사이트를 만드는 방법을 배웠습니다. 이어지는 튜토리얼에서는 각 페이지를 디자인하고 데이터베이스와 연결하는 방법 등을 더 자세히 설명할 것입니다. 만약 더 궁금한 점이 있다면 언제든지 질문해주시기 바랍니다. 감사합니다!