익스프레스와 연결하려면 app.js에 다음 부분이 들어 있어야 합니다.

app.js

...
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

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

views는 템플릿 파일들이 위치한 폴더를 지정하는 것입니다. res.render 메서드가 이 폴더 기준으로 템플릿 엔진을 찾아서 렌더링합니다. res.render('index')라면 views/index.pug를 렌더링합니다. res.render('admin/main')이라면 views/admin/main.pug를 렌더링합니다.

view engine은 어떠한 종류의 템플릿 엔진을 사용할지를 나타냅니다. 현재 pug로 설정되어 있으므로 그대로 사용하면 됩니다.

이제부터 퍼그의 문법을 알아보면서 HTML과는 어떻게 다른지 살펴봅시다.