[Spring Boot] 무료 템플릿을 이용한 홈페이지 제작

안녕하세요. hia의 개발 story입니다.

 

스프링 부트를 공부할 겸 미니 프로젝트로 간단한 펜션 홈페이지를 제작하고 있습니다.

홈페이지를 제작하려고 하니 디자인이 걱정되기도 하고 페이지를 다 만들어야 한다는 생각에 걱정이 되었습니다. 

그래서 무료로 제공되는 템플릿을 수정하여 사용하기로 했습니다. 

 

아래 사이트는 제가 이용한 사이트인데 zip 파일로 제공할 뿐만 아니라 무료에 수정까지 가능한 템플릿을 제공합니다.

무료로 제공되지만 상당히 깔끔한 UI를 제공하는 것 같습니다. 

HTML5 UP

파일을 다운로드 받으면 공통으로 들어가는 css파일과 js, font 등이 제공됩니다. 

이미지는 저작권이 있어서 필요하다면 따로 제공받아야 하는 것 같습니다.

하지만 전 이미지는 필요없기 때문에 패스! 

이제 이 파일들을 프로젝트에 적용하기 위해 스프링 프로젝트에 넣어줍니다.

이때 위치가 중요한데 static 아래에 넣어주고 돌리면 바로 index 화면이 나옵니다. 

 

 

다만 저는 자바 템플릿 엔진인 thymeleaf를 사용하기 위해서 html 파일들은 templates 아래에 

공통 파일들은 static에 위치시켰습니다. 

 

thymeleaf 사용법은 차차 포스팅하도록 하겠습니다.

저도 처음 사용하다 보니 배우면서 하느라 조금 느리네요..