Looan's 개발 연습장

머리글 오늘은 라우터를 통해 HTML 페이지를 렌더링 하는 방법을 알아보자. HTML 렌더링 라우터를 통해 Html을 리턴하는 방법에는 2가지가 있다. 1. res.send(HTML 내용) 을 통해 렌더링 하는 방법 const see = (req, res) => res.send("Hi!"); 이런 방식으로 렌더링이 가능하지만, Html의 소스 코드가 복잡해질수록 불편한 방법이 될 것이다. 2. Pug를 사용해서 렌더링 하는 방법 Pug는 템플릿 엔진이다. 템플릿을 통해 view를 만드는 작업을 도와준다. 우선 Pug를 설치하자. npm i pug 그리고 express가 html 헬퍼로 pug를 사용하게 설정해줘야 한다. 서버 파일로 가서 다음 세팅을 해주자. app.set("view engine", "p..

머리글 이제 본격적으로 서버를 만들어보도록 하겠다. 서버 생성하기 우선 메인이 될 js 파일에 express를 import 한다. import express from "express"; 이렇게 하면 알아서 모듈을 express라는 이름으로 가져온다. 그리고 app을 생성해 준다. const app = express(); const PORT = 4000; const app = express(); const handleListening = () => console.log(`✅ Server listenting on port http://localhost:${PORT} 🚀`); app.listen(PORT, handleListening); 우선 서버에 대해서 이해를 해보자. 서버는 항상 켜져 있는 컴퓨터와 비슷..