7강: 푸터 만들기 - 구름IDE를 이용하여 초고속으로 개인 웹 사이트 만들기

구름IDE를 이용하여 초고속으로 개인 웹 사이트 만들기

01
기본 환경 구축하기

1강: 구름IDE 컨테이너 생성하기

02
nginx 설정하기

2강: nginx 웹 서버 설치하기

3강: nginx의 HTML 폴더 경로 변경하기

03
MDBootstrap으로 레이아웃 만들기

4강: MDBootstrap 디자인 프레임워크 설치하기

5강: 네비게이션 만들기

6강: 메인 콘텐츠 만들기

7강: 푸터 만들기

03 MDBootstrap으로 레이아웃 만들기

7강: 푸터 만들기

이번 시간에는 마지막으로 푸터 요소를 넣고 프로젝트를 완성합니다. 따라서 <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>

php

이제 이런한 방식으로 이것저것 정리하시면서 웹 개발을 할 수 있습니다. 다만 우리가 이용하고 있는 것은 구름IDE 무료 버전이라서 컨테이너를 계속 실행하구 있어야 외부에서 언제든지 접속이 가능해요. 만약에 언제 어디서나, 우리가 컴퓨터를 끈 다음에도 외부에서 접속이 가능하도록 '항상 실행' 시키기 위해서는 유료 서비스를 사용하셔야 합니다.

하지만 굳이 유료 서비스를 살 필요는 없으며 필요하신 분만 구매하시면 될 것 같아요. 단순히 공부 용도로 이렇게 활용하기에는 구름IDE가 정말 최고인 것 같네요. 일단 여기까지 잘 따라오신 분이라면 구름IDE가 아니라 어떤 클라우드 서비스라고 해도 잘 웹서버를 띄우실 것 같아서 안심이 됩니다. 이상으로 강의를 마치겠습니다.

질문하기