4 greetings.mustache 페이지의 본문 영역을 3개의 레이아웃으로 나눠 보겠습니다.
➊ <!-- --> 주석 표기를 이용해 기존에 코드가 있던 부분은 content, 그 위는 navigation, 그 아래는 site info의 3단 구조로 잡습니다.
➋ content는 Hello, world!를 지우고 <h1>{{username}}님, 반갑습니다!</h1>로 수정합니다.
templates/greetings.mustache
<body>
<!-- navigation --> --------------------- ➊ 주석 작성
<!-- content --> ------------------------ ➊ 주석 작성
<h1>{{username}}님, 반갑습니다!</h1> ---- ➋ 내용 변경
<!-- site info --> ---------------------- ➊ 주석 작성
<script src="(중략)" integrity="(중략)" crossorigin="anonymous"></script>
</body>