radderveloper

- IDE는 VScode 사용, extension은 Live Server 설치(난 이미 설치돼있다.) - Node 설치(16 version 필요)... 현재 내 PC에는 18.15.0 version이 있어서 다시 깔아야한다. - 18 version이면 phaser가 작동하지 않는다고 한다. - 그래서 Node v16.16.0 (LTS) version을 다운받았다. https://nodejs.org/en/blog/release/v16.16.0 Node v16.16.0 (LTS) | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org

● 상세페이지 - 상세페이지는 아래와 같은 개념으로 만들면 된다. 사용자가 /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 등의 템플릿이 적용된 페이지들을 렌더링 해줄..

- 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 라이브러..

● 게시물마다 _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, ..

● callback function - JS에서는 parameter 자리에 function도 집어넣을 수 있다. - 그렇기에 JS에서 자주 사용하는 문법 패턴 중 하나가 바로 callback function이다. ex) app.get("/write", (req, res) => { // {"/", (req, res) = 경로, (요청내용, 응답할 방법)} res.sendFile(__dirname + '/write.html'); }); // '/write'로 get 요청이 들어오면 callback function 내부의 코드를 실행해라 - get function을 쓸 때 소괄호 내에 function(req, res){...} 형태로 function을 집어넣고 있다. - 이렇게 function 안에 들어가는 ..