Node.js

App - 글수정 - 수정 링크 생성

수업소개

글 수정 기능을 구현하기 위해서 수정 링크를 추가하는 법을 살펴봅니다. 

 

 

 

강의

 

 

 

소스코드

syntax/main.js (변경사항)

var http = require('http');
var fs = require('fs');
var url = require('url');
var qs = require('querystring');

function templateHTML(title, list, body, control){
  return `
  <!doctype html>
  <html>
  <head>
    <title>WEB1 - ${title}</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1><a href="/">WEB</a></h1>
    ${list}
    ${control}
    ${body}
  </body>
  </html>
  `;
}
function templateList(filelist){
  var list = '<ul>';
  var i = 0;
  while(i < filelist.length){
    list = list + `<li><a href="/?id=${filelist[i]}">${filelist[i]}</a></li>`;
    i = i + 1;
  }
  list = list+'</ul>';
  return list;
}

var app = http.createServer(function(request,response){
    var _url = request.url;
    var queryData = url.parse(_url, true).query;
    var pathname = url.parse(_url, true).pathname;
    if(pathname === '/'){
      if(queryData.id === undefined){
        fs.readdir('./data', function(error, filelist){
          var title = 'Welcome';
          var description = 'Hello, Node.js';
          var list = templateList(filelist);
          var template = templateHTML(title, list,
            `<h2>${title}</h2>${description}`,
            `<a href="/create">create</a>`
          );
          response.writeHead(200);
          response.end(template);
        });
      } else {
        fs.readdir('./data', function(error, filelist){
          fs.readFile(`data/${queryData.id}`, 'utf8', function(err, description){
            var title = queryData.id;
            var list = templateList(filelist);
            var template = templateHTML(title, list,
              `<h2>${title}</h2>${description}`,
              `<a href="/create">create</a> <a href="/update?id=${title}">update</a>`
            );
            response.writeHead(200);
            response.end(template);
          });
        });
      }
    } else if(pathname === '/create'){
      fs.readdir('./data', function(error, filelist){
        var title = 'WEB - create';
        var list = templateList(filelist);
        var template = templateHTML(title, list, `
          <form action="http://localhost:3000/create_process" method="post">
            <p><input type="text" name="title" placeholder="title"></p>
            <p>
              <textarea name="description" placeholder="description"></textarea>
            </p>
            <p>
              <input type="submit">
            </p>
          </form>
        `, '');
        response.writeHead(200);
        response.end(template);
      });
    } else if(pathname === '/create_process'){
      var body = '';
      request.on('data', function(data){
          body = body + data;
      });
      request.on('end', function(){
          var post = qs.parse(body);
          var title = post.title;
          var description = post.description;
          fs.writeFile(`data/${title}`, description, 'utf8', function(err){
            response.writeHead(302, {Location: `/?id=${title}`});
            response.end();
          })
      });
    } else {
      response.writeHead(404);
      response.end('Not found');
    }
});
app.listen(3000);

댓글

댓글 본문
  1. byoonn
    완료
  2. 21.02.27
  3. chimhyangmoo
    21.02.24
  4. jeisyoon
    2021.02.11 App - 글수정 - 수정링크 생성 완료
  5. 마아앙
    2021.02.09
  6. 뭄수
    완료
  7. physicxz
    구동하는 방식에 문제가있는건지, 코드 처음짜고나서 작동안하다가 소스코드 복사해서 작동한후에 그전에써놨던 코드로 작동하면 잘되네요, 무슨문제가있는걸까요?
  8. 2021.01.05 완료!
  9. 손민철
    20/12/31 완료
  10. 생활둘기
    2020 12 26
  11. kkn1125
    20.12.22 완료~!
  12. 옹옹
    20201124
  13. 콜라
    20201015 완료
  14. Yong Hyun Lee
    완료 201002
  15. 2020.09.10
  16. Jenny Song
    28th.JULY.2020 완료
  17. 코딩하는렌즈쟁이
    2020-07-28 (화)
    완료
  18. 영호팍
    출석 완료오오오옹
  19. Amousk
    좋은 강의 감사합니다.
  20. Katherine Roh
    완료 :)
  21. 김재익
    완료
  22. 김보미
    완료
  23. 바다의왕자
    완료
  24. vocalyc
    creat 페이지 뒤에 빈 문자열은 왜 필요한걸까요?
  25. 준바이
    감사합니다
  26. 심여수
    감사합니다
  27. 03.11 완료
  28. eddylee123456
    복습
  29. eddylee123456
    완료
  30. 스티븐잡숴
    완료
  31. 임은정
    완료
  32. codinginpain
    완료쓰
  33. 미냐
    완료!
  34. 강다리
    ruun
  35. 쑤우
    수강완료. 감사합니다.
  36. 굼벵이
    완료
  37. CronEB
    완료
  38. YesterdayKite
    완료. 감사합니다!
  39. youngjin.lee
    completed
  40. 허공
    190510 감사합니다.
  41. 위준우
    완료
  42. 자유로움
    완료
  43. ㄹㅈㅈ
    2주 정도 하면서 다시 코드들을 보니 무슨 기능을 하는지 잘 모르겠네요..ㅋㅋㅋ;
    주석의 필요성을 다시끔 느끼며 오늘의 공부 시작합니다
  44. supernet
    감사합니다.
  45. 호두
    고맙습니다.
  46. 권문수
    크헑... 어렵네요;;;
  47. 나마코엘
    갑종..
  48. popinbompin
    앜ㅋㅋ 너무 급작스럽게 끝났네여 이번강의
  49. 윤재근
    소스 복붙 해도 업데이트가 안나오는 이유가 무엇일까요? ㅠㅠ
  50. 일단시작하고본다
    흑흑 감사합니다
graphittie 자세히 보기