SYDev

Post 방식으로 Delete Topic 파일명: topic.ejs Delete >>각 topic에 post 방식의 delete 버튼 추가 파일명: main.js const express = require('express'); const app = express(); const port = 3000; const bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({ extended: false })) app.use(bodyParser.json()) //app.set - 환경변수 설정 //app.use - 모든 리퀘스트에 대해서 괄호 안의 내용을 적용 //app.get - 경로에 대한 get 방식의 요청에 대한 뒤 함수 처리를 해줌 app..

Create 정보를 입력완료 -> POST 데이터 처리 파일명: main.js const express = require('express'); const app = express(); const port = 3000; const bodyParser = require('body-parser'); //body-parser 모듈 호출 //body-parser를 사용하여 'application/x-www-form-urlencoded' 형식의 POST 요청의 본문을 해석하도록 설정 //extended: false는 중첩된 객체를 지원하지 않고 단순한 객체만 해석 app.use(bodyParser.urlencoded({ extended: false })) //body-parser를 사용하여 'application/..

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 = ..