VaIice의 이야기

1. 서버 코드 // server.jsapp.get('/list/:page', async (request, response) => {  let page = parseInt(request.params.page);  let itemsPerPage = 5;  let result_number = await db.collection('main').countDocuments();  let page_number = Math.ceil(result_number / itemsPerPage);  let result = await db.collection('main')    .find()    .skip((page - 1) * itemsPerPage)    .limit(itemsPerPage)    .toArray();  r..

1. 주소창, ,  사용하면 새로고침   2. ajax - fetch  새로고침 없이 API 요청 가능  body 안에 전송   3. URL 파라미터       fetch(`/delete/`, {   4. query string       fetch(`/delete?id=`, {      method: 'DELETE',      headers : {        'Content-Type' : 'application/json'      }   ?변수=값&변수=값   서버에서 request.query로 사용   5. 삭제 코드 // server.js app.delete('/delete/:id', async (request, response) => {  try {    await db.collection('..

1. 수정 페이지 만들기 // server.ejsapp.get('/detail/modify/:id', async (request, response) => {  try {    let result = await db.collection('main').findOne({ _id: new ObjectId(request.params.id) });    response.render('modify.ejs', { post: result })  }  catch {    response.redirect('/')  }})app.post('/modify', async (request, response) => {  try {    await db.collection('main').updateOne({ _id: new Objec..

1. URL 파라미터 만들기 // server.js// :id에 1, 2, 3, ... 등 아무 ID 입력app.get('/detail/:id', async (request, response) => { })   2. find, findOne  // server.js// :id에 1, 2, 3, ... 등 아무 ID 입력app.get('/detail/:id', async (request, response) => {  let result = await db.collection('main').findOne({ _id: new ObjectId('6693af7f35c1e6dfdc3c05b2')})  response.render('detail.ejs', {posts: result})  })  findOne: 일치하..

1. 폼 만들기          form class="form-box" action="/add" method="POST">            h4>글쓰기h4>            input type="text" name="title" required>            input name="content" required>            button type="submit">전송button>        form>   button을 누르면 /new 경로로 이동 후 POST 요청서버로 전달하고 싶으면 name="" 속성 열기  2. 유저 데이터 출력 // server.js app.use(express.json())app.use(express.urlencoded({extended:true}))  3..

1. method  (1) GET 데이터 요청   (2) POST  데이터 입력   (3) PUT   (4) UPDATE  데이터 수정   (5) DELETE  데이터 삭제  2. URL    endpoint     3. URL 작명 기술   (1) 동사보다는 명사   (2) 띄어쓰기는 -  (3) 파일 확장자 X  (4) 하위 문서 /