MongoDB (5) 썸네일형 리스트형 html 데이터 삭제 방법 문제 : html 의 데이터 삭제하기 생각: '/write' 액션에 'post' 을 방법을 한 것 처럼 'delete' 요청을 할 수 있지만 그럴려면 라이브러리 필요. 순서 :ajax (서버와 통신할 수 있는 자바스크립트 문법) :새로고침 없이도 통신 할 수 있음 jquery 라이브러리를 이용해서 1. 제이쿼리 cdn 2. ajax를 이용해서 서버와 통신하기 $.ajax({ method : 'delete', url: '/delete', data: '{_id :1}' }).done(function(result){ }) 3. 서버에서는 method를 했을 때 data를 요청에 받아온다. (*body._id 가 문자열로 읽히기 때문에 정수로 전환이 필요함) app.delete('/delete', functio.. db에 아이디 달기(영구 결번의 중요성) 문제 데이터의 아이디는 삭제와 추가에 상관 없이 id의 영구결번이 있어야 한다. 순서 1. count라는 collection 추가 2. name: 총개수 countTotal: 0 객체 만들기 3. db.collection 3개 3.1 name: '총개수'인 객체에서 countTotal 속성 찾기 이 데이터를 result에 저장후 새로운 변수에 저장 3.2 같은 전역 안에 넣기 위해 insertOne을 findOne에 넣어주면 totalcount를 쓸 수 있음 post 하여 하나씩 넣어줄 때마다 totalCount에 1를 더하기 3.insertOne을 한 후에는 기존에 있던 속성 counter 에 속성 countTotal에 1을 더하기 app.post('/add',function(request,respon.. db 내용 html에 보여주기 문제 단순히 서버가 고객이 요청하는 html 파일 요청에 따라 보여주면 이거는 단순 화면 구현과 같다. 만약 db에 있는 데이터를 보여주고 싶다면?? html이라는 마크업 언어에 데이터를 넣어줄 수 있는 엔진을 설치하여 표현하면 된다!! ( react도 이러한 방식으로 바로 데이터를 쏠 수 있는 좋은 라이브러리이다) 순서 1. ejs설치 npm install ejs 2. 서버에서 불러오기 app.set('view engine', 'ejs'); 3.views 폴더 내에 ejs파일 만들기 4. 고객이 /list 로 get 요청을 하면 db에서 파일을 찾아 ( findOne) 데이터를 ejs파일에 보여줌!! app.get('/list', function(요청, 응답){ db.collection('post')... 고객의 post 요청 db에 담기 문제 : 내가 입력한 내용이 서버에 요청해서 db에 담아야 한다. 전제: 고객이 /write 라는 공간에서 (get 요청으로 미리 서버가 뿌려줌!!) 1.app.post 로 (/add 를 고객이 요청하면!! 함수에서 응담.send('서버에 잘 보내줬어요') 해줘야 함!! 2. . db.collection('post'),insertOne은 두개의 인자 1. 넣을 내용 2.함수( 성공시 보여주는) app.post('/add',function(request,response){ response.send('잘 받았어!!') db.collection('post').insertOne({ 아이디: request.body.name, 내용: request.body.content },function(){ console.lo.. 몽고DB 설치부터 ~서버에서 db 넣어보기 server.js가 (서버가 ) db를 컨트롤 할 수 있게 하기 0. ip 는 what is my id on goggle 1. mongoDB atlas 접속 후 개인 ip 여러 설치 조건 만족 후 Databases 에 connect 클릭!! 2. url 복사하여 연결할 준비하기 3. npm install mongodb 설치 4.몽고db 와 서버를 연결 const MongoClient = require('mongodb').MongoClient; MongoClient.connect('아까 챙겨온 접속URL', function(에러, client){ if (에러) return console.log(에러); //서버띄우는 코드 여기로 옮기기 app.listen('8080', function(){ console... 이전 1 다음