6 익스프레스 웹 서버 만들기

// app.js
const express = require("express");

const app = express();

app.get("/", (req, res) => {
    res.send("hello express");
})

app.listen(3000, () => {
    console.log("익스프레스 서버 실행");
});

app.get("/", (req, res) => {
    res.send("hello express");
})

http.createServer(async (req, res) => {
    try {
        // 즉, HTTP 메소드가 GET이고
        if (req.method === 'GET') {
            // url이 "/" 슬래쉬일 때
            if (req.url === '/') {
                // 이때는 restFront.html을 읽어서 전달해줘라. 이 의미가 되는 겁니다.
                const data = await fs.readFile('./restFront.html');
                res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});
                return res.end(data);
            } else if (req.url === '/about') {
                const data = await fs.readFile('./about.html');
                res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});
                return res.end(data);
            } else if (req.url === '/users') {
                res.writeHead(200, {'Content-Type': 'application/json; charset=utf-8'});
                return res.end(JSON.stringify(users));
            }
            // /도 /about도 /users도 아니면
            try {
                const data = await fs.readFile(`.${req.url}`);
                return res.end(data);
            } catch (err) {
                // 주소에 해당하는 라우트를 못 찾았다는 404 Not Found error 발생
            }
        } else if (req.method === 'POST') {
            if (req.url === '/user') {
                let body = '';
                // 요청의 body를 stream 형식으로 받음
                req.on('data', (data) => {
                    body += data;
                });
                // 요청의 body를 다 받은 후 실행됨
                return req.on('end', () => {
                    console.log('POST 본문(Body):', body);
                    const {name} = JSON.parse(body);
                    const id = Date.now();
                    users[id] = name;
                    res.writeHead(201, {'Content-Type': 'text/plain; charset=utf-8'});
                    res.end('ok');
                });
            }
        } else if (req.method === 'PUT') {
            if (req.url.startsWith('/user/')) {
                const key = req.url.split('/')[2];
                let body = '';
                req.on('data', (data) => {
                    body += data;
                });
                return req.on('end', () => {
                    console.log('PUT 본문(Body):', body);
                    users[key] = JSON.parse(body).name;
                    res.writeHead(200, {'Content-Type': 'text/plain; charset=utf-8'});
                    return res.end('ok');
                });
            }
        } else if (req.method === 'DELETE') {
            if (req.url.startsWith('/user/')) {
                const key = req.url.split('/')[2];
                delete users[key];
                res.writeHead(200, {'Content-Type': 'text/plain; charset=utf-8'});
                return res.end('ok');
            }
        }
        res.writeHead(404);
        return res.end('NOT FOUND');
    } catch (err) {
        console.error(err);
        res.writeHead(500, {'Content-Type': 'text/plain; charset=utf-8'});
        res.end(err.message);
    }
})

app.get("/", (req, res) => {
    res.send("hello express");
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

// app.js
const express = require("express");

const app = express();

// 아래 코드는 프로퍼티를 설정한다고 보시면 됩니다.
// 서버에 port라는 프로퍼티명에 3000이라는 프로퍼티값을 넣는다고 생각하시면 됩니다.
// 그리고 저희가 process.env를 적극적으로 활용할건데요, 
// 기본적으로 포트는 process.env.PORT 이걸 입력하지 않으면 3000으로 될테지만, 혹시나 저희가 포트를 바꾸고싶다면,
app.set("port", process.env.PORT || 3000);

app.get("/", (req, res) => {
    res.send("hello express");
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

// 그럼 아래와 같이 port에 할당된 값을 가져와 사용할 수 있습니다.
// 즉 위의 app.set("port", 3000)이 어떻게보면 전역에서 사용할 수 있는걸 설정했다고 보시면됩니다.
app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

// app.js
const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// GET / 요청이 들어오면 아래 코드가 실행되잖아요?
app.get("/", (req, res) => {
    // 그럼 index.html 요청 받을 때마다 그때그때 index.html을 다시 보내주기 때문에
    // nodemon 자체는 html을 감시하고 있을 필요는 없습니다.
    // 그런데 이 app.js 파일 같은 경우는 노드에서 한번 실행하면 캐시에 저장하고 있는 형태잖아요? require.cache 안에 들어있는..
    // 그 캐시에 저장된 내용을 계속 쓰기 때문에 바뀌지 않습니다.
    // require.cache를 직접 지워주기 전까진 안 바뀌는데 require.cache를 직접 지워주는 것이 위험하기 때문에 저희는 서버를 껐다가 재시작한다고 그랬죠?
    // 껐다가 재시작하면 메모리(캐시)가 날아가는 효과가 있으니깐.
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

// app.js
const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래와 같이 get /, post /, get /about 이렇게 주소를 나눠서 처리하면 코드가 깔끔해지겠죠?
// 코드가 깔끔해지지만 아래와 같이 분리하면 좋은점도 있지만 나쁜점도 있습니다.
// 아래와 같이 분리하면, 만약 공통적인 코드가 있을 때
// 아래와 같이 중복이 발생합니다.
// 이런걸 제거하기 위해 미들웨어라는 개념이 나옵니다.
app.get("/", (req, res) => {
    console.log("모든 요청에 실행하고 싶어요.");
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    console.log("모든 요청에 실행하고 싶어요.");
    res.send("hello express");
})

app.get("/about", (req, res) => {
    console.log("모든 요청에 실행하고 싶어요.");
    res.send("hello express");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

// app.js
const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래 app.use는 모든 요청이 들어오는 코드에서 실행이 됩니다.
app.use((req, res, next) => {
    console.log("모든 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

// app.js
const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래 app.use는 모든 요청이 들어오는 코드에서 실행이 됩니다.
app.use((req, res, next) => {
    console.log("모든 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

// 위에서 아래로 실행되는 것이 중요한 이유가 아래와 같은 와일드 카드(라우트 매개변수)가 있어서..
// 예를 들어 저희가 서버로 /category/javascript/ 이런 요청을 보내는 경우도 있잖아요?
// 이렇게 카테고리별로 라우터를 만들고 싶다. 그런데 이런 카테고리들이 수백개가 된다면?
// 수백개 다 만들 자신이 있으신가요?
app.get("/category/javascript", (req, res) => {
    res.send("hello javascript");
})

app.get("/category/node", (req, res) => {
    res.send("hello node");
})

app.get("/category/react", (req, res) => {
    res.send("hello react");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

// app.js
const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래 app.use는 모든 요청이 들어오는 코드에서 실행이 됩니다.
app.use((req, res, next) => {
    console.log("모든 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

// 그런 경우에 아래와 같이 와일드 카드(라우터 매개변수)를 넣어주는데
// :name이 javascript라고 한다면 ${req.params.name}에 javascript가 들어갈 것입니다.
app.get("/category/:name", (req, res) => {
    res.send(`hello ${req.params.name}`);
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

// app.js
const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래 app.use는 모든 요청이 들어오는 코드에서 실행이 됩니다.
app.use((req, res, next) => {
    console.log("모든 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

// 아래와 같이 와일드카드(라우터 매개변수) 코드가 있는데 그 아래 category/javascript가 있다면,
app.get("/category/:name", (req, res) => {
    res.send("hello wildcard");
})

app.get("/category/javascript", (req, res) => {
    res.send("hello javascript");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

// app.js
const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래 app.use는 모든 요청이 들어오는 코드에서 실행이 됩니다.
app.use((req, res, next) => {
    console.log("모든 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/category/javascript", (req, res) => {
    res.send("hello javascript");
})

app.get("/category/:name", (req, res) => {
    res.send("hello wildcard");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

// app.js
const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래 app.use는 모든 요청이 들어오는 코드에서 실행이 됩니다.
app.use((req, res, next) => {
    console.log("모든 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/category/javascript", (req, res) => {
    res.send("hello javascript");
})

app.get("/category/:name", (req, res) => {
    res.send("hello wildcard");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

// 와일드 카드와 비슷한게 아래와 같이 애스터리스크가 있거든요?
// 얘는 모든 get 요청, 어떠한 요청이던지 다 처리하겠다 라는 뜻임
// 그럼 당연히 아래 애스터리스크 코드가 위에 있으면 난리나겠죠?
// 아래 코드가 제일 위에 있는 상태에서 get / 요청을 했다고 한다면 그럼 애스터리스크 코드에서 모든게 끝나버릴 겁니다.
// 그 다음으론 넘어가지도 않을 겁니다.
app.get("*", (req, res) => {
    res.send("hello everybody");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

app.use((req, res, next) => {
    console.log("모든 요청에 실행하고 싶어요.");
    next();
})

app.get("/", (req, res, next) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/category/javascript", (req, res) => {
    res.send("hello javascript");
})

app.use("/about", (req, res, next) => {
    console.log("모든 요청에 실행하고 싶어요.");
    next();
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

app.use("/about", (req, res, next) => {
    console.log("1 요청에 실행하고 싶어요.");
    next();
}, (req, res, next) => {
    console.log("2 요청에 실행하고 싶어요.");
    next();
}, (req, res, next) => {
    console.log("3 요청에 실행하고 싶어요.");
    next();
})

app.use((req, res, next) => {
    console.log("1 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
}, (req, res, next) => {
    throw new Error("에러가 났어요");
})

// app.js
const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래 app.use는 모든 요청이 들어오는 코드에서 실행이 됩니다.
app.use((req, res, next) => {
    console.log("1 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
}, (req, res, next) => {
    throw new Error("에러가 났어요");
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/category/javascript", (req, res) => {
    res.send("hello javascript");
})

app.get("/category/:name", (req, res) => {
    res.send("hello wildcard");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

app.get("*", (req, res) => {
    res.send("hello everybody");
})

app.use((err, req, res, next) => {
    console.error(err);
    res.send("에러났지롱. 근데 안알려주지롱");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

const a = (a, b, c) => {
    
}

const b = (a, b, c, d) => {
    
}

console.log(a.length, b.length); // 3 4

const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래 app.use는 모든 요청이 들어오는 코드에서 실행이 됩니다.
app.use((req, res, next) => {
    console.log("1 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/category/javascript", (req, res) => {
    res.send("hello javascript");
})

app.get("/category/:name", (req, res) => {
    res.send("hello wildcard");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

app.use((err, req, res, next) => {
    console.error(err);
    res.send("에러났지롱. 근데 안알려주지롱");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

const express = require("express");
const path = require("path");
const app = express();

app.set("port", process.env.PORT || 3000);

// 아래 app.use는 모든 요청이 들어오는 코드에서 실행이 됩니다.
app.use((req, res, next) => {
    console.log("1 요청에 실행하고 싶어요.");
    // 이렇게 3번째 인자인 next를 실행해줘야 다음 라우터 함수들 중에 일치하는 곳을 찾아갑니다.
    next();
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.post("/", (req, res) => {
    res.send("hello express");
})

app.get("/category/javascript", (req, res) => {
    res.send("hello javascript");
})

app.get("/category/:name", (req, res) => {
    res.send("hello wildcard");
})

app.get("/about", (req, res) => {
    res.send("hello express");
})

// 아래 코드가 404처리 미들웨어가 됩니다.
// 그런데 이 코드는 에러는 아닙니다. 404 처리 미들웨어라고 생각하시면 됩니다.
// 위의 라우터들 모두 해당사항이 없다. 그러면 404니깐 아래 미들웨어가 실행되는 것일 뿐입니다.
app.use((req, res, next) => {
    res.send("404지롱");
})

// 아래 코드가 에러 처리 코드입니다.
app.use((err, req, res, next) => {
    console.error(err);
    res.send("에러났지롱. 근데 안알려주지롱");
})

app.listen(app.get("port"), () => {
    console.log("익스프레스 서버 실행");
});

app.use((req, res, next) => {
    res.status(200).send("404지롱");
})

app.use((req, res, next) => {
    res.status(404).send("404지롱");
})

app.use((err, req, res, next) => {
    console.error(err);
    res.status(200).send("에러났지롱. 근데 안알려주지롱");
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
    res.send("안녕하세요.");
    res.json({ hello: "hyungju-lee" });
})

app.use((req, res, next) => {
    console.log("1 요청에 실행하고 싶어요.");
    res.send("안녕하세요.");
    next();
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
    res.writeHead();
})

app.get("/", (req, res) => {
    res.status(200).sendFile(path.join(__dirname, "index.html"));
})

res.writeHead(200, { "Content-Type": "text/plain" });
res.end("안녕하세요");

app.get("/", (req, res) => {
    res.status(200).send("안녕하세요.");
})

app.get("/", (req, res) => {
    res.setHeader("Content-Type", "text/html");
    res.status(200).sendFile(path.join(__dirname, "index.html"));
})

app.get("/", (req, res) => {
    res.json({ hello: "hyungju-lee" });
    res.json({ hello: "hyungju-lee" });
    res.json({ hello: "hyungju-lee" });
})

app.get("/", (req, res) => {
    res.json({ hello: "hyungju-lee" });
    console.log("hello hyungju-lee");
})

app.get("/", (req, res) => {
    res.writeHead(200, { "Content-Type": "application/json" });
    res.end(JSON.stringify({ hello: "hyungju-lee" }));
})

app.get("/", (req, res) => {
    res.json({ hello: "hyungju-lee" });
})

app.get("/", (req, res) => {
    res.json({ hello: "hyungju-lee" });
})

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "index.html"));
})

app.get("/", (req, res) => {
    res.render();
})

app.use((req, res, next) => {
    console.log("1 요청에 실행하고 싶어요.");
    next();
}, (req, res, next) => {
    throw new Error();
})

app.use((req, res, next) => {
    console.log("1 요청에 실행하고 싶어요.");
    next();
}, (req, res, next) => {
    try {
        console.log("에러야~~");
    } catch (error) {
        next(error);
    }
})

app.use((req, res, next) => {
    console.log("1 요청에 실행하고 싶어요.");
    next();
}, (req, res, next) => {
    try {
        console.log("에러야~~");
    } catch (error) {
        next(error);
    }
})

app.use((err, req, res, next) => {
    console.error(err);
    res.status(500).send("에러났지롱. 근데 안알려주지롱");
})

app.get("/", (req, res, next) => {
    res.sendFile(path.join(__dirname, "index.html"));
    next("route");
}, (req, res) => {
    console.log("실행되나요?");
})

app.get("/", (req, res) => {
    console.log("실행되지롱");
})

app.get("/", (req, res, next) => {
    res.sendFile(path.join(__dirname, "index.html"));
    if (true) {
        next("route");
    } else {
        next();
    }
}, (req, res) => {
    console.log("실행되나요?");
})

app.get("/", (req, res) => {
    console.log("실행되지롱");
})

const morgan = require("morgan");

// 그리고 아래가 dev가 아니라 combined도 있는데 저는 보통 개발시에는 dev를 쓰고 배포시에는 combined를 사용합니다.
// combined를 하면 좋은점이 좀 더 자세하게 뜹니다.
app.use(morgan('combined'));

const cookieParser = require('cookie-parser');

app.use(cookieParser(process.env.COOKIE_SECRET));

const cookieParser = require('cookie-parser');

app.use(cookieParser(process.env.COOKIE_SECRET));

app.get('/', (req, res, next) => {
    req.cookies // { mycookie: 'test' }
    res.sendFile(path.join(__dirname, 'index.html'));
})

if (req.url.startsWith('/login')) {
    const { query } = url.parse(req.url);
    const { name } = qs.parse(query);
    const expires = new Date();
    // 쿠키 유효 시간을 현재시간 + 5분으로 설정
    expires.setMinutes(expires.getMinutes() + 5);
    res.writeHead(302, {
        Location: '/',
        'Set-Cookie': `name=${encodeURIComponent(name)}; Expires=${expires.toGMTString()}; HttpOnly; Path=/`,
    });
    res.end();
}

const cookieParser = require('cookie-parser');

app.use(cookieParser(process.env.COOKIE_SECRET));

app.get('/', (req, res, next) => {
    req.cookies // { mycookie: 'test' }
    res.cookie('name', encodeURIComponent(name), {
        expires: new Date(),
        httpOnly: true,
        path: '/'
    })
    res.sendFile(path.join(__dirname, 'index.html'));
})

'Set-Cookie': `name=${encodeURIComponent(name)}; Expires=${expires.toGMTString()}; HttpOnly; Path=/`

const cookieParser = require('cookie-parser');

app.use(cookieParser(process.env.COOKIE_SECRET));

app.get('/', (req, res, next) => {
    req.cookies // { mycookie: 'test' }
    res.cookie('name', encodeURIComponent(name), {
        expires: new Date(),
        httpOnly: true,
        path: '/'
    })
    // 쿠키 지우고 싶을 때 clearCookie를 사용해서.. expires 옵션은 필요 없고, 나머지 옵션들은 위의 res.cookie와 똑같애햐됩니다.
    // 아래와 같이 작성하면 방금 위에서 res.cookie로 세팅했던 쿠키가 아래 clearCookie에서 지워집니다.
    res.clearCookie('name', encodeURIComponent(name), {
        httpOnly: true,
        path: '/'
    })
    res.sendFile(path.join(__dirname, 'index.html'));
})

const cookieParser = require('cookie-parser');

app.use(cookieParser(process.env.COOKIE_SECRET));

app.get('/', (req, res, next) => {
    req.cookies // { mycookie: 'test' }
    
    // signedCookies가 뭐냐면, 위의 app.use(cookieParser("여기 부분"));
    // 여기 부분에 암호를 넣는다고 칩시다.
    // 예를 들어, app.use(cookieParser("hyungjuleepassword")); 이렇게 암호를 넣었다면, 쿠키를 암호화할 수 있거든요?
    // 모든 쿠키를 암호화하진 않는데, 어떤 쿠키는 암호화를 해서 브라우저에 가도 쿠키가 암호화돼서 해커들이 읽지 못하도록. 그런식으로 암호화할 수가 있습니다.
    // 암호화하면 req.cookies 대신에 req.signedCookies;(암호화된 쿠키)를 사용합니다.
    // 암호학 아니라 서명이 좀 더 정확한 표현이겠네요.
    req.signedCookies;
    
    
    res.cookie('name', encodeURIComponent(name), {
        expires: new Date(),
        httpOnly: true,
        path: '/'
    })
    // 쿠키 지우고 싶을 때 clearCookie를 사용해서.. expires 옵션은 필요 없고, 나머지 옵션들은 위의 res.cookie와 똑같애햐됩니다.
    // 아래와 같이 작성하면 방금 위에서 res.cookie로 세팅했던 쿠키가 아래 clearCookie에서 지워집니다.
    res.clearCookie('name', encodeURIComponent(name), {
        httpOnly: true,
        path: '/'
    })
    res.sendFile(path.join(__dirname, 'index.html'));
})

app.use(express.json());
app.use(express.urlencoded({ extended: true }));

app.use(express.json());
app.use(express.urlencoded({ extended: true }));

app.get('/', (req, res, next) => {
    req.body.name
    res.sendFile(path.join(__dirname, 'index.html'));
})

app.use(express.json()); // 클라이언트에서 json 데이터를 보냈을 때 json 데이터를 파싱해서 req.body로 넣어줍니다.
app.use(express.urlencoded({ extended: true })); // 클라이언트에서 form 데이터를 submit 할 때, 기본적으로 urlencoded 이거든요?
                                                 // 결론은 form 데이터를 파싱해주는 겁니다.
                                                 // extended: true는 form 데이터를 파싱할 때 쿼리스트링을 어떻게 처리할거냐인데 이건 true를 해두시는걸 추천드릴게요.
                                                 // true로 하면 qs 라는 모듈을 사용하거든요? 
                                                 // false면 3장에서 배웠던 노드 내장 모듈인 querystring 모듈을 사용합니다.
                                                 // 그런데 qs가 querystring보다 훨씬 더 강력하기 때문에 true를 사용하시는걸 추천드립니다.

const bodyParser = require("body-parser");

app.use(bodyParser.raw()); // 바이너리 데이터
app.use(bodyParser.text()); // 문자열

app.use(express.json());
app.use(express.urlencoded({ extended: true }));

// app.use(요청경로, express.static(실제경로));
app.use('/', express.static(path.join(__dirname, 'public')));

// app.use(요청경로, express.static(실제경로));
app.use('/', express.static(path.join(__dirname, 'public')));

app.use(morgan('combined'));
app.use('/', express.static(path.join(__dirname, 'public'))); // static은 이 위치에 많이 넣습니다.
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser(process.env.COOKIE_SECRET));
app.use(session({
    resave: false,
    saveUninitialized: false,
    secret: process.env.COOKIE_SECRET,
    cookie: {
        httpOnly: true,
        secure: false,
    },
    name: 'session-cookie',
}));

app.get('/about', (req, res) => {
    res.send('hello express');
})

app.use(morgan('combined'));
app.use('/', express.static(path.join(__dirname, 'public'))); // static은 이 위치에 많이 넣습니다.
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser(process.env.COOKIE_SECRET));
app.use(session({
    resave: false,
    saveUninitialized: false,
    secret: process.env.COOKIE_SECRET,
    cookie: {
        httpOnly: true,
        secure: false,
    },
    name: 'session-cookie',
}));

app.use(morgan('combined'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser(process.env.COOKIE_SECRET));

app.use('/', express.static(path.join(__dirname, 'public'))); // static은 이 위치에 많이 넣습니다.

app.use(session({
    resave: false,
    saveUninitialized: false,
    secret: process.env.COOKIE_SECRET,
    cookie: {
        httpOnly: true,
        secure: false,
    },
    name: 'session-cookie',
}));

app.get('/about', (req, res) => {
    res.send('hello express');
})

const session = require("express-session");
const multer = require("multer");

app.use(morgan('combined'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser(process.env.COOKIE_SECRET));

app.use(session());
app.use(multer().array());

app.use('/', express.static(path.join(__dirname, 'public'))); // static은 이 위치에 많이 넣습니다.

app.use(session({
    resave: false,
    saveUninitialized: false,
    secret: process.env.COOKIE_SECRET,
    cookie: {
        httpOnly: true,
        secure: false,
    },
    name: 'session-cookie',
}));

app.get('/about', (req, res) => {
    res.send('hello express');
})

app.use(morgan('combined'));

app.use('/', express.static(path.join(__dirname, 'public'))); // static은 이 위치에 많이 넣습니다.

app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser(process.env.COOKIE_SECRET));
app.use(session({
    resave: false,
    saveUninitialized: false,
    secret: process.env.COOKIE_SECRET,
    cookie: {
        httpOnly: true,
        secure: false,
    },
    name: 'session-cookie',
}));