개요
pug 란 html 을 좀 더 쉽게 생성하게 해주는 도구입니다. pug 는 자신만의 문법이 있으며, 이는 기존에 태그를 열고 닫는 html 보다 편한 건지는 사람마다 다르겠지만, 문서의 같은 양으로 보자면 실제로 타이핑하는 것들이 훨씬 적어지는 것도 사실입니다. 그리고 pug에는 상속 기능, mixin, interpolation, 변수 기능 등을 제공해주기 때문에 좀 더 원활하게 상황에 맞는 html 파일을 생성해내기 쉽습니다. 서버에서 렌더링하여 클라이언트로 내보내는 정적 웹서비스에서도 사용될 수 있지만 역시나 프론트엔드에는 짱짱한 react, vue 와 같은 프레임워크가 건재하기 때문에 요새는 많이 쓰이지는 않는 것 같습니다. 필자는 사용자에게 보낼 이메일을 html 로 생성해내기 위해서 pug 를 활용하고자 합니다.
inline-css 는 그냥 간단한 라이브러리입니다. 주어진 html 파일의 내용을 가지고 오로지 모든 style 태그 혹은 다른 css 파일에 있는 스타일들을 모조리 인라인 스타일로 변환해주는 기능입니다. 이런 기능이 왜 필요하냐면, 이메일 클라이언트들은 그 종류가 굉장히 많기도 하고 낡은 기술을 사용하는 경우가 많습니다. 그래서 지원하지 않는 태그나 기술들이 클라이언트 모두 제각각이므로 그나마 최대한 많은 메일 클라이언트들에게 html 문서가 잘 지원되게 하는 방법 중 하나가 모든 스타일을 인라인화 하는 것입니다.