DataBase/MongoDB

list.ejs 파일에 해당 코드 첨부 ajax로 서버에 delete요청을 할 때, 다음 형식으로 작성함 $.ajax({ method: 'DELETE', url : '요청할 경로', data : '요쳥과 함께 보낼 데이터' }) 끝에 .done(function(result){ }); 를 붙여서 요청이 완료되면 수행할 기능을 작성함. $.ajax({ method: 'DELETE', url : '/delete', data : {_id: 1} }).done(function(result){ }); server.js 에서도 삭제버튼을 누르면(/delete) 어떤 기능을 수행할 것인지 정의해 줘야 한다. app.delete('/delete', function(req,res){ console.log(req.body)..

MongoDB Atlas에 데이터를 저장하면 임의로 id가 부여된다. 임의로 부여된 id로 데이터를 관리하기에 불편하기 때문에 사용자가 임의로 id를 순차적으로 부여할 수 있다. database에 id갯수를 카운터 할 collection을 새로 생성한다. collection의 이름을 counter로 설정하고 다음 데이터를 추가하였다. /add 페이지에 접속하면(할일 submit수행) 서버로 데이터를 보내는 코드를 다음과 같이 변경하였다. app.post('/add', function(req, res){ db.collection('counter').findOne({name: '게시물갯수'}, function(error,result){ console.log(result.totalPost) var totalP..

EJS 템플릿 엔진 웹브라우저에 컨텐츠를 보여줄 목적으로 웹서버를 구축한다면 HTML에서 파일을 읽어들일 때 실시간으로 변경되어 전달하는 방법은 어렵다. 즉 데이터 베이스 같은 외부에서 실시간으로 변경되는 값을 받아올 때 EJS 템플릿 엔진을 사용하여 편하게 작업할 수 있다. ejs를 설치 후 npm install ejs 프로젝트 폴더 안에 views 폴더를 생성하고 확장자가 ejs인 파일을 생성한다. EJS파일은 HTML파일 구조와 같지만 사용하는 문법은 조금씩 다르다. HTML중간에 서버 데이터를 넣고 싶을 때 아래와 같이 사용한다. HTML에 if문을 적용하거나 반복문을 적용하고 싶을때 로 자바스크립트 문법을 담을 수 있다. MongoDB Atlas에서 HTML로 데이터를 가져오기 위해서 serve..

sever.js에 데이터베이스를 먼저 정의한다. var db; 이후 클라이언트문 안에 해당 문장을 작성하자 db = client.db('todoapp'); db.collection('post').insertOne( {이름 : 'John', _id : 100} , function(error, result){ console.log('저장완료'); }); todoapp은 database이름이고 post는 collection의 이름이다. insertOne 메서드를 통해 Object자료형을 첫번째 파라미터로, 콜백함수로 두번째 파라미터로 전달하고 있다. 전달이 완료되면 콘솔창에 저장완료 라는 문구가 뜨고 아틀라스에 접속하면 데이터가 기입된 것을 확인 할 수 있다. 코드에서는 분명 이름과 나이를 입력하였는데 자동으..