dev

이번에는 삭제버튼을 만들어볼 것이다.edit버튼과 마찬가지로 특정 글이 선택되었을 때에만 출력하려고한다.   if topic li a(href='/topic/'+topic.id+'/edit') edit li a(href='/topic/' + topic.id + '/delete') deleteif문 조건 안에 있는 edit버튼 아래에 delete버튼을 추가했다.이 상태에서 delete버튼을 누르면 Cannot GET /topic/id/delete 에러메시지가 날 것이다.우리는 이에 해당하는 라우팅을 또 해줘야한다. app.get('/topic/:id/delete', function (r..

저번 포스팅에 이어 편집 기능을 더 개선할 것이다.   app.post(['/topic/:id/edit'], function (req, res) {});post 방식으로 접근하는 프레임코드이다.   var title = req.body.title;var description = req.body.description;var author = req.body.author;var id = req.params.id;var sql = 'UPDATE topic SET title=?, description=?, author=? WHERE id=?'; sql을 포함한 데이터에 들어갈 변수들을 선언해준다.   conn.query(sql, [title, description, author, id], function (err..

이번 포스팅의 개요는 사용자가 topic/:id/edit 경로로 접근하면 edit.pug 파일을 열어서 화면에 표시해주고, 수정작업이 끝난 다음 전송을 누르면 똑같은 주소로 POST방식으로 전송이 될 것이다.수정이 끝나면 redirect를 시켜서 topic의 id값으로 가서 사용자에게 수정이 잘 끝났다라는 것을 암시적으로 보여줄 수 있는 코드를 만들 것이다.또한 사용자가 특정 title을 선택했을 때에만 edit 버튼이 보이게 하고 싶다.(홈으로 갔을 때에는 edit버튼이 사라지는 기능도 포함)첫번째로, add버튼 옆에 edit버튼을 생성해야한다.ul li a(href='/topic/add') add if topic ..

이번에는 글을 추가하는 기능을 포스팅할 것이다.localhost:7777/topic/add로 접근시 add.pug을 이용해 글을 작성할 수 있는 폼을 만들 것이다.views_mysql 디렉토리 내에 add.pug 파일을 만든다.그리고 기존에 사용하였던 new부분을 add로 다음과 같이 변경하였다.(추가로 view.pug 파일 내에 있는 new도 add로 바꿔줘야한다.)app.get('/topic/add', function (req, res) { fs.readdir('data', function (err, files) { if (err) { console.log(err); res.status(500).send('Internal Server Error..

이번 포스팅에서는 글 상세보기 기능을 구현해볼 것이다.   conn.query(sql, function (err, topics, fields) { res.render('view', {topics: topics}); });부분을 아래와 같이 수정했다. conn.query(sql, function (err, topics, fields) { var id = req.params.id; if (id) { var sql = 'SELECT * FROM topic WHERE id=?'; conn.query(sql, [id], function (err, topic, fields) { if (err) { ..

var express = require('express');var bodyParser = require('body-parser');var multer = require('multer');var _storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, 'uploads/') }, filename: function (req, file, cb) { cb(null, file.originalname); }})var upload = multer({storage: _storage});var fs = require('fs');var app = express();app.use(bodyPar..

npm install --save node-mysqlJavascript에서 MySQL을 제어하기 위해서는 node-mysql 이라고 하는 모듈을 설치해야한다.   그리고 database_mysql.js 라는 파일을 생성한다.var mysql = require('mysql');var conn = mysql.createConnection({ host : 'localhost', user : 'root', password : '3816', database : 'o2'});conn.connect();require('mysql')의 mysql은 node-mysql의 모듈을 의미한다.그리고 mysql의 데이터베이스에 대한 정보를 적어준다.순서대로 호스트, 유저, 비밀번호, 데이터베이스 이름을 적..

sql에서는 추가, 검색 말고도 수정, 삭제를 할 수 있다.이 때 쓰이는 문법이 UPDATE, DELETE이다.UPDATE, DELETE의 사용법을 알아보자. UPDATE topic SET title='npm' WHERE id=2;이 쿼리문은 id값이 2인 데이터의 title을 수정하는 구문이다.대문자 'NPM'을 소문자 'npm'으로 바꿔주기 위해 위와 같이 작성했다. 정상적으로 변경되었는지 SELECT문을 이용하여 확인해보자.다음과 같이 정상적으로 데이터가 바뀐 것을 확인할 수 있다.   그렇다면 이번에는 데이터를 삭제하는 방법에 대해 알아볼 것이다.DELETE FROM topic WHERE id=2;위와 같이 id값이 2인 데이터가 정상적으로 삭제된 것을 확인할 수 있다.

C:\Program Files\MySQL\MySQL Workbench 8.0우선 cmd (명령 프롬프트)를 실행시켜준다.  MySQL이 설치된 경로로 이동해서 cmd화면에서 실행할 것이다.MySQL이 설치된 기본 경로는 다음과 같다.C:\Program Files\MySQL\MySQL Workbench 8.0cd C:\Program Files\MySQL\MySQL Workbench 8.0 를 입력해준다.현재 디렉토리 위치가 C:\Program Files\MySQL\MySQL Workbench 8.0로 이동된 것을 확인할 수 있다.   mysql -uroot -p 를 입력해준고 엔터를 누른다   비밀번호를 입력하라는 창이 나올텐데 자신이 설정한 MySQL 비밀번호를 입력한다.   다음과 같은 화면이 나오면 ..

데이터베이스를 사용하기 위해서는 MySQL 같은 프로그램을 설치해야한다.물론 Oracle Live SQL 같이 웹으로 실행할 수 있는 서비스도 제공하지만 필자는 웹서버와 연동하기 위해 MySQL을 설치하기로 했다.https://dev.mysql.com/downloads/windows/installer/8.0.html우선 위 홈페이지에 접속한다. 그러면 다운로드가 2개가 보이는데 이 중 아래 것을 선택해 다운로드하면 된다.파일명은 (mysql-installer-community-8.0.38.0.msi)이다. 용량은 303.6M 정도 된다.   Download 버튼을 클릭하면 다음과 같은 화면이 나올 것이다.No thanks, just start my download. 를 클릭해서 로그인하지 않고 다운로드를..