radderveloper

- 강의에서는 쉬어가는 내용의 글이라는데 내가 모르는 내용이 있으면 그건 절대 쉬어가는 내용이 아니다. - 그리고 역시나 모르는 내용이 있었다. ● detail.ejs 페이지 꾸미기 (detail.ejs, 디자인은 Bootstrap에서 가져왔다.) 상세페이지 제목 : 날짜 : 임시내용입니다. 수정하기 ● list.ejs 페이지 꾸미기 ToDo list 할일 제목 : 할일 마감날짜 : 삭제 ● CSS 파일 가져오기 - CSS 파일은 보통 관습적으로 public 폴더에 보관한다. - CSS, image와 같이 자주 바뀌지 않는 static 파일들은 모두 public 폴더에 넣는다고 생각하면 된다. - public 폴더는 views 폴더 옆에 나란히 만든다.(폴더간 상하관계 없이 동일한 위치, 경로에 만들라는..

● 상세페이지 - 상세페이지는 아래와 같은 개념으로 만들면 된다. 사용자가 /detail/3 에 접속하면 3번 게시물 데이터를 보여준다. 사용자가 /detail/4 에 접속하면 4번 게시물 데이터를 보여준다. - 그렇다면 아래와 같이 코드를 짜면 될 것이다. app.get('/detail/3', function(req, res) { res.render('detail.ejs', {3번 게시물 데이터}); }); app.get('/detail/4', function(req, res) { res.render('detail.ejs', {4번 게시물 데이터}); }); - 그러나 위와 같은 방식에서는 상품이 n개이면 app.get(...)도 n개를 만들어야한다. - 그럴수는 없으므로 URL parameter를 사..

● 서버가 요청에 응답하는 방법 - 서버가 사용자의 요청에 응답하는 방법은 여러가지가 있다. app.get('/url', function(req, res){ res.send('some html'); res.status(404).send('Sorry, we cannot find that!'); res.sendFile('/uploads/logo.png'); res.render('list.ejs', {ejs에 보낼 데이터}); res.json(제이슨데이터); }); - send : 간단한 텍스트나 HTML을 보낼 수 있다. - status : 응답 코드를 보낼 수 있다. - sendFile : static 파일(정적파일)을 보낼 수 있다. - render : ejs 등의 템플릿이 적용된 페이지들을 렌더링 해줄..

● deleteOne function으로 DB 데이터 삭제하기 - AJAX로 DELETE 요청시 가장 중요한 것은 삭제할 게시물이 무엇인지를 정확히 전달해주는 것이다. - 이때 필요한 것이 바로 게시물 번호 즉, _id 값(PK 값)이다. (list.ejs) - data : {...} 부분에 삭제를 원하는 게시물 아이디(_id)를 적어 보내면 된다. - 일단은 { _id : 1 }로 하드코딩 해보자 - 서버(server.js)는 아래와 같이 구성해야한다. (server.js) app.delete('/delete', (req, res) => { // deleteOne(삭제할 데이터 이름, callback function) db.collection('post').deleteOne(req.body, (erro..

- 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} 와 같이 '문서(자료)'를 찾을 수 있는 이름 혹은 쿼리문을 적는다. - 두 번째에는 수정할 값을 적는다. 다만 아래와 같이 수정할 값의 일종의 방향..