● 템플릿 적용하기(goodbye.mustache)
1 goodbye.mustache 파일도 다음과 같이 완성합니다.
➊ 콘텐트 영역(<h1> 태그)을 제외하고 기존 코드를 지운 후 헤더 템플릿과 푸터 템플릿을 삽입합니다.
➋ 콘텐트 영역을 <div> 태그로 감싸고 부트스트랩의 class 속성을 적용해 완성합니다.
templates/goodbye.mustache
{{>layouts/header}} ------------------------ ➊ 헤더 템플릿 삽입
<div class="bg-dark text-white p-5"> --- ➋ 디자인 적용
<h1>{{nickname}}님, 다음에 또 만나요!</h1>
</div>
{{>layouts/footer}} ------------------------ ➊ 푸터 템플릿 삽입