![]()
fontawesome 아이콘 삽입 https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 위의 사이트에서 원하는 아이콘을 찾는다! (pro 붙어있는 것은 유료이다) HTML파일 안에 script 추가 사이트에서 원하는 아이콘을 찾으면 태그를 복사한 후 HTML파일에 붙여 넣는다.
![]()
템플릿마다 폴더 구성이 다르기 때문에 먼저 main화면부터 띄워서 구성을 확인해보는 게 좋다. 보통 index.html 파일이 메인화면일 가능성이 크다. /resources 안으로 본인의 환경과 구성에 맞게 폴더들을 생성하고 파일들을 집어 넣어주면 된다. 먼저 static과 templates 폴더를 생성한다. templates에 뷰화면을 띄우는 html을 집어넣는다. static에 css, image, js 등의 파일들을 넣는다. /resources/templates안 controller에 맞게 폴더들 생성(뷰 화면) fragments 폴더 생성(top menu나 footer와 같은 매 뷰마다 들어가는 것들) /resources/static안 css, js, images, font를 자신의 생각대로 구성..
![]()
예제 도메인) https://realyun99.tistory.com:8080/mange/newpost?type=post#yj Properties Property Description Example hash 주소값에 붙어있는 anchor값 반환 #yj host URL의 도메인과 포트 반환 realyun99.tistory.com:8080 hostname URL의 도메인 반환 realyun99.tistory.com href URL 반환 https://realyun99.tistory.com:8080 origin 프로토콜 + URL의 도메인 + 포트 https://realyun99.tistory.com:8080 pathname URL 경로 반환 /mange/newpost port 서버포트 반환 8080 proto..
![]()
1. https://html5up.net/ HTML5 UP Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license. html5up.net 템플릿이 많지는 않지만 퀄리티가 좋음!(무료) 2. https://themewagon.com/theme_tag/free/ 1000+ Free Bootstrap HTML5 CSS3 Website Templates | High Quality Web Templates Searching for high-quality free demo HTML5 website templates? Download responsive HTML5 CSS3 webs..
![]()
500 ERROR 상황 - 서버 통신의 Timeout 시간 지연 오류 - 서버 트래픽 과부하 - 서버 언어의 구문 에러(스크립트 문법 오류) ❗ 나의 경우에 스크립트 쪽 오류가 계속 떴었고 이는 폴더 이름들과 연관 있었다. templates라 코드에 선언했지만 폴더 이름은 template이어서 경로가 맞지 않았던 것이다. 폴더 이름 생성에 있어서 유의해야겠다!! ❗
![]()
"template을 자꾸 찾을 수 없다"는 오류가 떴다. 이는 handler 선언을 하지 않았기 때문에 뜬 오류이다! 경로를 설정해줘야 한다. config 폴더를 생성해 안에 MvcConfig.java 파일을 생성하고 안에 핸들러를 선언해줘야 한다. @Configuration public class MvcConfig implements WebMvcConfigurer { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/static/**") .addResourceLocations("classpath:/static/") .setCachePeriod(3600000); ..
