HTML

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파일에 붙여 넣는다.

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..

"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); ..

jQuery HTML 클라이언트 사이드 조작을 단순화하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리 MIT 라이선스를 가진 자유 오픈 소프트웨어 사용 이유 페이지 내부 요소에 접근하기 쉽다 페이지의 보여지는 모습을 변경하기 쉽다 상호작용 처리가 쉽고 애니메이션 사용 가능 AJAX의 사용이 쉽다 jQuery의 시작 $(document).ready(function(){ // process.. }); 제이쿼리가 자바스크립트보다 더 빨리 실행되는 이유는 document문서가 로드되었을 때(text문서만 로딩) 제이쿼리는 실행된다. 하지만 자바스크립트의 window.onload는 모든 내용을 로드 한 뒤 실행된다. jQuery 선택자(selector) $("p") element selector $("#id"..

Template Engine(템플릿 엔진) 템플릿 양식과 특정 데이터 모델에 따른 입력 자료를 합성하여 결과 문서를 출력하는 소프트웨어 web template engine은 웹 문서가 출력되는 템플릿 엔진 view code(html)와 data logic code(DB connection)를 분리해줌 종류 Layout Template Engine vs Text Template Engine Layout Template Engine : 중복되는 include 코드를 사용하지 않고도 지정된 페이지 레이아웃에 따라 페이지 타일을 조합하여 완전한 페이지로 만들어줌 Text Template Engine : 템플릿 양식에 적절한 특정 데이터를 넣어 결과 문서를 출력(Thymeleaf, JSP) ServerSide T..

Thymeleaf "웹(Servlet)환경과 웹이 아닌 환경 모두애서 작동할 수 있는 Java XML/XHTML/HTML5 template engine" spring MVC구조에서 View 담당 src/main/resources/templates 경로를 기본 경로로 인식(의존성 추가하면) 간단한 사용법 Maven Dependencies 추가(pom.xml) org.springframework.boot spring-boot-starter-thymeleaf org.springframework.boot spring-boot-starter-web application.yml에 추가 thymeleaf: prefix: classpath:templates/ suffix: .html cache: true thymele..