4 마찬가지로 greetings 코드의 푸터 영역(<!-- site info -->~</html>)도 잘라낸 후 footer.mustache 파일에 붙여 넣습니다.
templates/layouts/footer.mustache
<!-- site info -->
<div class="mb-5 container-fluid">
<hr>
<p>ⓒ CloudStudying | <a href="#">Privacy</a> | <a href="#">Terms</a></p>
</div>
<script src="(중략)" integrity="(중략)" crossorigin="anonymous"></script>
</body>
</html>
5 greetings.mustache 코드의 콘텐트 영역 아래에 {{>layouts/footer}}를 작성해 템플릿화한 footer.mustache 파일을 변수로 가져옵니다.
templates/greetings.mustache
{{>layouts/header}}
<!-- content -->
<div class="bg-dark text-white p-5">
<h1>{{username}}님, 반갑습니다!</h1>
</div>
{{>layouts/footer}}