클라우드 구름 IDE 서비스를 이용해 용량 0MB로 개인 웹 사이트 만들기 7강: MDBootstrap으로 푸터 만들기
클라우드 구름 IDE 서비스를 이용해 용량 0MB로 개인 웹 사이트 만들기 7강: MDBootstrap으로 푸터 만들기
나동빈
이번 시간에는 마지막으로 푸터 요소를 넣고 프로젝트를 완성합니다. 따라서 <footer> 태그를 다음과 같이 꾸며줍니다.
<!-- 페이지의 하단부 영역 -->
<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가 아니라 어떤 클라우드 서비스라고 해도 잘 웹서버를 띄우실 것 같아서 안심이 됩니다. 이상으로 '클라우드 구름 IDE 서비스를 이용해 용량 0MB로 개인 웹 사이트 만들기' 강의를 마치겠습니다.
※ 부트스트랩 웹 디자인 강좌 ※
만약에 HTML, 자바스크립트, CSS에 대해서 더욱 깊게 공부하고 부트스트랩을 이용해 다양한 웹 사이트를 스스로 디자인 해보고 싶으신 분이라면 다음의 강좌를 참고해보시면 좋을 것 같습니다. 제가 만든 강좌인데요. 유료 강좌이긴 하지만 쿠폰을 적용해서 할인된 가격으로 보실 수 있어요.
부트스트랩 웹 디자인 강좌: https://www.udemy.com/bootstrap-4-web-design-tutorial/learn/v4/?couponCode=NADONGBIN_BOOTSTRAP2
