03 MDBootstrap으로 레이아웃 만들기
7강: 푸터 만들기
이번 시간에는 마지막으로 푸터 요소를 넣고 프로젝트를 완성합니다. 따라서 <footer> 태그를 다음과 같이 꾸며줍니다.
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!-- 페이지의 하단부 영역 -->
<footer class="page-footer text-center text-md-left font-small blue pt-4 mt-4">
<div class="container-fluid text-center text-md-left">
<div class="row">
<div class="col-md-6 pb-3">
<h5 class="text-uppercase">푸터 내용</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="col-md-6 pb-3">
<h5 class="text-uppercase">부가 서비스</h5>
<ul class="list-unstyled">
<li>
<a href="#">Q/A</a>
</li>
<li>
<a href="#">고객센터</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright py-3 text-center">
© 2018 Copyright:
<a href="#"> 나동빈 </a>
</div>
</footer>
이제 이런한 방식으로 이것저것 정리하시면서 웹 개발을 할 수 있습니다. 다만 우리가 이용하고 있는 것은 구름IDE 무료 버전이라서 컨테이너를 계속 실행하구 있어야 외부에서 언제든지 접속이 가능해요. 만약에 언제 어디서나, 우리가 컴퓨터를 끈 다음에도 외부에서 접속이 가능하도록 '항상 실행' 시키기 위해서는 유료 서비스를 사용하셔야 합니다.
하지만 굳이 유료 서비스를 살 필요는 없으며 필요하신 분만 구매하시면 될 것 같아요. 단순히 공부 용도로 이렇게 활용하기에는 구름IDE가 정말 최고인 것 같네요. 일단 여기까지 잘 따라오신 분이라면 구름IDE가 아니라 어떤 클라우드 서비스라고 해도 잘 웹서버를 띄우실 것 같아서 안심이 됩니다. 이상으로 강의를 마치겠습니다.
