TIL_express_상세페이지_02)

YoonJu Lee·2021년 7월 15일
0

항해99_TIL

목록 보기
13/17

Create

1. get

app.get('/create', (request, response) => {
  fs.readdir('./data', function (error, filelist) {
    var title = 'WEB - create';
    var list = template.list(filelist);
    var html = template.HTML(title, list, `
        <form action="/create" 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.send(html);
  });
})```

2. post

app.post('/create', (request, response) => {
  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: `/page/${title}` });
      response.end();
    })
  });
})

3. Get > form-action의 post하는 경로를 보자! get method의 경로와 같다. WYH??

action 의 path :
왜 같은 /create 경로로 전송하지???
접근 할 때 get 방식으로 접근하면, app.get('/create')에 걸릴것이고
데이터를 전홀 할 때, post방식으로 접근하면, app.post('/create')에 걸린다.!!

profile
Coder가 아닌 Engineer를 향해서.

0개의 댓글