SYDev

Create 경로에 대한 설정 파일명: main.js const express = require('express'); const app = express(); const port = 3000; //app.set - 환경변수 설정 //app.use - 모든 리퀘스트에 대해서 괄호 안의 내용을 적용 //app.get - 경로에 대한 get 방식의 요청에 대한 뒤 함수 처리를 해줌 app.set('view engine', 'ejs'); app.set('views', 'views'); const expressLayouts = require('express-ejs-layouts'); app.use(expressLayouts); app.set('layout', 'index.ejs'); app.set('layout ..

.ejs 파일 중복 내용 처리 파일명: main.js const express = require('express'); const app = express(); const port = 3000; //app.set - 환경변수 설정 //app.use - 모든 리퀘스트에 대해서 괄호 안의 내용을 적용 //app.get - 경로에 대한 get 방식의 요청에 대한 뒤 함수 처리를 해줌 app.set('view engine', 'ejs'); app.set('views', 'views'); const expressLayouts = require('express-ejs-layouts'); app.use(expressLayouts); app.set('layout', 'index.ejs'); //기본 layout을 ind..

소제목 눌렀을 때 페이지 구현 파일명: main.js const express = require('express'); const app = express(); const port = 3000; app.set('view engine', 'ejs'); app.set('views', 'views'); //Controllers const homeController = require('./controllers/homeController.js'); const topicController = require('./controllers/topicController.js') app.get('/', homeController.getTopics); app.get('/topic/read/:topic_id', topicContr..

Controller 분리 controllers/homeController.js 파일 생성 파일명: homeController.js const homeModel = require('../models/homeModel.js'); //호출문이 포함되는 파일의 디렉토리가 변경됐으니 경로도 변경 module.exports = { getTopics: async (req, res) => { const topics = await homeModel.home(); res.render('index.ejs', {topics: topics}); } } 파일명: main.js const express = require('express'); const app = express(); const port = 3000; app.set(..

데이터베이스 호출문 분리 models/homeModel.js 파일 생성 후 DB 관련 문장을 main.js에서 옮겨옴 파일명: homeModel.js require('dotenv').config(); const mysql = require('mysql2/promise'); const db = mysql.createPool({ host: process.env.DB_HOST, user: process.env.DB_USER, password: process.env.DB_PASSWORD, database: process.env.DB_NAME }); /* async function home() { const query = 'SELECT * FROM Topics;'; //테이블에 추가한 요소들 읽기(*는 전체 출력..

Ejs Embedded JavaScript Template 기존의 자바스크립트는 html과 script가 태그로 분리되어 있어 script를 html에 적용하기에 어려움이 있었다. 반면에 ejs는 html의 태그처럼 자바스크립트 내용을 삽입할 수 있다. 이로 인해 페이지를 동적으로 짜는 것이 기존보다 훨씬 수월해진다. //설치 코드 npm install ejs template의 내용을 views/index.ejs 파일로 옮긴다. 파일명: index.ejs WEB create 파일명: main.js const express = require('express'); require('dotenv').config(); const mysql = require('mysql2/promise'); const app = ..

dotenv Node.js 프로젝트에서 환경 변수를 좀 더 효과적으로 관리하기 위해 사용하는 라이브러리 환경 변수를 파일에 저장해놓고 접근할 수 있게 도와줌 //설치 코드 npm i dotenv main.js와 같은 디렉토리에 다음과 같은 .env 파일을 생성 DB_HOST='localhost' DB_USER='root' DB_PASSWORD='mymysql' DB_NAME='egoing' process.env.DB_~~ 위와 같은 형태로 접근 가능 process 객체는 Node.js에 기본적으로 내장된 전역 객체로 별도로 import할 필요 없이 프로그램의 어디서든 사용 가능 다만, 브라우저와 같은 다른 자바스크립트 실행 환경에서는 존재하지 않는 전역 객체 MySQL 전 세계에서 가장 인기 있는 오픈소..

Express 웹 서버 구축 Express란?: Node.js를 사용하여 쉽게 서버를 구성할 수 있게 만든 클래스와 라이브러리의 집합체 웹 애플리케이션을 만들기 위한 각종 라이브러리와 미들웨어 등이 내장되어 있어 개발하기 편함 개발 규칙을 강제하여 코드 및 구조의 통일성을 향상할 수 있다. //설치 코드 npm install --save express const express = require('express'); const app = express(); const port = 3000; app.get('/', (req, res) => { res.send('Hello World!'); }); app.listen(port, () => { console.log(`Example app listening on ..