안경잡이개발자

728x90
반응형

클라우드 구름 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

728x90
반응형

Comment +2