03. 화면 구성 (BootStrap)

Note) BootStrap

  > 부트스트랩은 반응형 웹 페이지를 만들 때 사용하는 Twitter가 제공하는 오픈 소스

 

1. Free Bootstrap Template Download

  > url : startbootstrap.com/

  > 템플릿 선택 > [Free Download] > 압축해제

Free Bootstrap Themes, Templates, Snippets, and Guides

 

 

2. 다운받은 폴더 프로젝트 복사

index.jsp 파일 신규 생성 후 index.html 파일 내용 복사

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

index.jsp 파일은 신규 생성 후 다운받은 index.html 파일 내용 복사

 

 

 

 

 

3. css, js, asset 파일 적용을 위한 경로 변경

  > css/, js/, asset/ 문구 앞 "<%=request.getContextPath()%>/resources/" 추가

4. HomeController 수정

  > index.jsp파일 호출되도록 return 값 수정

Note) home.jsp 동작 원리

  > all-record.tistory.com/165 참고