Pug 사용법

Pug 란 익스프레서 View 엔지니어 이다. 퍼그에 사용법은 간단하다
예를들어
html 에서는

성준

이렇게 작성하는것을 Pug 에서는 p 이성준 이라고 작성하면된다 정말심플하다
하지만 Pug 를 사용하면서 주의할점이 있다 기존 Html 은 밑에와같이 이렇게 작성햇는데 퍼그에서는 여백이 중요하다 이게 무슨 말이냐면

이런식으로 pug 는 부모태그 안에 안쪽에다가 작성을 해줘야한다. 그래야 자식이 부모로 인식하고 적용이된다 부모태그보다 안에 안들어가있으면 오류가 발생한다. 명심
Pug 는 들여쓰기! 태그를 닫을때는 다시 원래 있던 자리에 작성을 하면된다.

그리고 Pug 는 extends 를 통해서 레이아웃을 임폴트해서 작성할수가 있다 사용법은
extends layouts/main.pug 이런식으로 작성하면된다. 상속하고 같은 개념이라고 생각하면 된다 그래서 오버라이딩도 가능하다.
그리고 클래스는 .블라블라 이렇게 만들면된다.
자바스크립트 문장 추가하는법 #{} 이렇게 작성하고 코드를 쓰면된다.