node.js - 04.20

const express = require('express');
const app = express();
const nunjucks = require('nunjucks'); // nunjucks 가져오기
const bodyParser = require('body-parser');


//nunjucks setting
nunjucks.configure('views',{
    express:app,
    autoescape:true,
});
app.set('view engine','html');


//외워라 << body-parser 사용하기 위해서 
app.use(bodyParser.urlencoded({extended:false}));   


app.get('/',(req,res)=>{ //request, respond app.get('/',(a,b)=>{})
    res.render('index.html',{
        title : req.query.name,
        user_id : req.query.id,
        user_pw : req.query.pw,
    });
});


app.post('/',(req,res)=>{
    console.log(req.body);
    res.send('POST');
})


app.listen(3000,()=>{
    console.log('server start port : 3000');
});

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    Hello World! {{title}}<br>
    ID : {{user_id}} <br>
    Password : {{user_pw}}


    <form method="post" id="form" action="http://localhost:3000">
        NAME : <input type="text" name="name"> <br>
        ID : <input type="text" name="user_id"> <br>
        PASSWORD : <input type="password" name="user_pw"> <br>
        <input type="submit" value="button">
    </form>


</body>
</html>

RESULT

처음 접속 됐을때