더북(TheBook)

10 같은 방법으로 푸터 영역에 사이트 정보를 추가해 보겠습니다. 사이트 정보는 간단하게 구현해 보죠. <div> 태그 안에 <hr> 태그와 <p> 태그를 넣어서 만든 코드를 다음과 같이 작성합니다.

templates/greetings.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>

11 이번에는 서버를 재시작하지 않고 도구 바의 망치() 아이콘을 클릭합니다. 망치 아이콘을 이용하면 프로젝트를 빌드해 수정된 HTML 코드를 좀 더 빠르게 서버에 반영할 수 있습니다.

그림 2-33 프로젝트 빌드

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.