footer가 화면 하단에 정상적으로 출력되지 않을 경우 해결법

* 본문은 [코드로 배우는 스프링 웹 프로젝트, 구멍가게 코딩단 지음] 도서를 공부하면서 정리한 글임을 밝힙니다.


P.168-170를 진행하다보면 정상적으로 Spring과 Bootstrap이 적용되어 웹페이지까지 뜨긴 했으나...

footer가 화면 하단이 아닌 화면 중앙쯔음에 위치하는 황당한 모습의 웹페이지가 나를 반겨주었다.

분명 코드나 설정은 정상적이다.

하지만 왜일까, 무엇이 footer를 화면 중앙으로 오게 만든 것인지 너무나도 궁금했기에 온갖 구글링과 기존 코드와의 비교등의 긴 시간을 거쳐 해결법은 찾아내었으나 아직까지도 정확한 이유는 파악하지 못했다.


<%@include file="include/header.jsp" %>

    <!-- Main content -->
    <section class="content">
      <div class="row">
      <!-- left column -->
      <div class="col-md-12">
        <!-- general form elements -->
<div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">HOME PAGE</h3>
            </div>
          </div>
      </div><!--/.col (left) -->
      </div>   <!-- /.row -->
    </section><!-- /.content -->
   </div>
   </section> 

<%@include file="include/footer.jsp" %>



기존 책에 나온 코드위 사이에 추가적으로 위의 코드를 추가해줄 경우 footer가 정상적으로 화면 하단에 출력되는 걸 확인할 수 있었다.

header.jsp 부분을 확인해보아도 매칭되는 시작 tag가 없음에도 종료 tag를 저렇게 추가적으로 붙여주자 화면 하단에 footer가 위치하는 게 조금 이상해 보인다. (프로그래밍 기반으로 생각해보면 시작은 없고 끝만 선언되는게 이상하지 않은가?)

하지만 아직 jsp(html5)에 대해 아직 제대로 학습했던 적이 없었기에 문법상의 문제점이라고 생각은 해보지만 정확한 원인에 대해선 좀 더 알아봐야 할듯 하다.