HTML

[Thymeleaf] fragment, layout 정리

Thymeleaf 에서 지원해주는 fragment(조각) 과 layout(영역) 을 쉽게 정리해서 붙여넣는 방법을 정리해본 것이다 headerFrag.html footerFrag.html copyright base.html content.html 추가내용 1. 사용할 태그는 반드시 layout 에 존재해야한다. 무슨말이냐면. content.html 의 body 제일 아래부분 script 태그 1, 2 렌더링 결과 화면 추가내용 2 공통으로 사용될 layout 에 태그 순서에 따라 추가되는 위치도 바뀐다. 위치에 따라 바뀌므로 먼저 읽혀야할 부분은 미리 layout 에서 순서를 정해두고 배치 해놓아야 한다.

SVG with Javascript 사용하기

보호되어 있는 글입니다.

Bootstrap 활용하기-1

Navbar Link 1 Link 2 Link 3 Dropdown Link 1 Link 2 Link 3 Search Hello, world! This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique. Learn more » Heading Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus c..

jQuery 설정하기

https://developers.google.com/speed/libraries/ 에서 부분을 복사해서 안에 넣어준다.

Bootstrap CDN / local 설정하기

https://getbootstrap.com/docs/4.3/getting-started/introduction/ 홈페이지에서 CSS 와 JS 를 각각 CSS 는 안에 붙여넣기 해주고, JS 는 안에 붙여넣기 해주면된다. --------------------------------------------------------------------------------------------- local 로 사용하려면 https://getbootstrap.com/docs/4.3/getting-started/download/ 컴파일이 된 파일을 다운받고, 작업중인 폴더에 css 폴더와 js 폴더를 직접 넣어서 경로 설정 해주면 된다. 끝!

파비콘,SVG

파비콘, SVG 파비콘 참고사이트 : https://blog.naver.com/drv98/221553639048 SVG 적용시킬때 경로 12