radderveloper

● PUT 요청시 게시물 수정 코드 (views/edit.ejs) 오늘의 할일 날짜 Submit - edit.ejs의 태그를 위와 같이 수정했다. - action 속성을 위와 같이 지정하면 /edit 경로로 PUT 요청이 가능해진다. - server.js는 /edit 경로로 PUT 요청을 했을 때의 코드를 아래와 같이 작성하면 된다. cf) (method="POST") 속성 자체는 없어도 되지 않을까 해서 지운채로 update를 실행해봤는데 되지 않았다. 반드시 있어햐 하는 듯 (server.js --> app.put에 주목하자) app.put('/edit', function(req, res){ db.collection('post').updateOne( {_id : ??}, {$set : { title ..

● edit.ejs 페이지 만들기 - 수정 기능은 여러가지 방법으로 구현할 수 있는데 가장 쉬운 방법은 edit 페이지를 따로 만드는 것이다. - 다른 방법으로는 /write 경로의 페이지를 그대로 사용하되 전송시 POST 요청이 아니라 '수정(PUT)' 요청으로 바꾸는 방법도 있다. - 이번 글에서는 edit.ejs 페이지를 만들어 수정 기능을 만들어보고자 한다. (views/edit.ejs) - write.ejs 내용 전체를 동일하게 복붙했다. - 차이점은 아래와 같이 태그에 "value 속성을 넣어야한다는 것"이다. - value 속성을 넣으면 태그에 미리 채워진 값을 설정할 수 있다. --> "111111"이라는 값을 에 미리 채워준다. --> "111111"은 예시이고 에 각 게시물의 제목과 날..

- ajax 코드를 작성할 views/list.ejs 파일의 디자인을 수정해보자 by Bootstrap (views/list.ejs, 삭제 버튼 추가) 할일 제목 : 할일 마감날짜 : 삭제 ● DELETE 요청 만들기 - ajax를 사용해 삭제 버튼을 누르면 DELETE 요청을 하도록 코드를 짜보자 cf) 요청에는 4개의 종류가 있다. → GET, POST, PUT, DELETE - 태그를 이용하면 좋지만 HTML 의 method 속성에서 PUT, DELETE는 지정할 수 없다. - 일반적인 HTML 에서는 GET, POST 요청만 날릴 수 있다. - 아래와 같은 방식이 안 된다는 얘기이다. 버튼 - 따라서 삭제 요청을 할 때 쓸 수 있는 방법은 3가지가 있다. 1. method-override 라이브러..

● updateOne function - DB 데이터를 UPDATE 할 때는 updateOne function을 사용한다. - counter collection 내의 totalPost 값을 수정하고 싶으면 아래와 같이 코드를 짜면 된다. db.collection('counter').updateOne({수정할 자료의 이름}, {수정할 값} , function(error, result) { console.log('수정완료'); }); - updateOne function에는 3개의 parameter가 필요하다. - 첫 번째에는 {name : totalPost} 와 같이 '문서(자료)'를 찾을 수 있는 이름 혹은 쿼리문을 적는다. - 두 번째에는 수정할 값을 적는다. 다만 아래와 같이 수정할 값의 일종의 방향..

● 게시물마다 _id 번호를 다는 이유(PK가 있어야 하는 이유) - MongoDB에 데이터를 저장할 때는 '_id'라는 값을 반드시 넣어야한다.(그래야 CRUD가 쉽다.) - 만약 실수로 _id 값을 직접 넣어주지 않아도 MongoDB가 알아서 ObjectId()를 만들어서 _id 값을 강제로 넣어준다. - ObjectId()로 만들어진 _id 값은 무작위 숫자&문자 조합인데 이게 싫으면 저장할 때 직접 _id 값을 넣어주면 된다. - 현재 post 요청을 처리하는 코드는 아래와 같다. ※ _id = PK(Primary Key)라고 부르겠다. app.post("/add", (req, res) => { db.collection('post').insertOne({title : req.body.title, ..

- 최종적으로 만드려는 API의 흐름은 아래와 같다. 1. 사용자가 '/list' URL로 GET 요청 2. MongoDB에서 데이터를 꺼낸다. 3. 꺼낸 데이터를 list.ejs 파일에 꽂아넣은 후 사용자에게 보내준다. ● MongoDB에서 데이터 꺼내기(collection.find) - 현재 post collection에 저장돼있는 데이터는 아래와 같다. db.collection('post').find() db.colleciton('post').findOne() - 위와 같은 코드를 이용해 DB에 있는 데이터를 꺼낼 수 있다. - 만약 post collection에 저장된 모든 데이터를 가져오고 싶으면 아래와 같이 코드를 짜면 된다. (server.js) app.get('/list', (req, re..