Springboot + thymeleaf 말고도 html로 작성하는 경우 설정 방법.Spring Boot + Thymeleaf는 설정되어 있다는 전재로 시작한다.현재 tailwindcss 버전이 4로 Beta 버전으로 나와 있어서 그냥 tailwindcss를 설치하면 4버전이 설치가 된다. 난 Beta 버전을 안 쓰기 위해 3.4.17로 설치했다.우선 Srping boot의 /src/main/frontend 폴더를 생성한다.1. 해당 폴더로 이동한 후에 tailwindcss와 postcss, autoprefixer을 설치한다.npm install --save-dev tailwindcss@3 postcss autoprefixer2. tailwindcss 초기화npx tailwindcss init그러면 t..

SUN0% MON20% TUE30% WED40% THU50% FRI60% SAT100% Style /* UI Object */ .v_graph{padding:20px 0} .v_graph ul{height:200px;margin:0;padding:0;border:1px solid #ddd;border-top:0;border-right:0;font-size:11px;font-family:Tahoma, Geneva, sans-serif;list-style:none} .v_graph ul:after{display:block;clear:both;content:""} .v_graph li{display:inline;float:left;position:relative;width:8%;height:100%;margi..

SUN0% MON20% TUE30% WED40% THU50% FRI60% SAT100% Style /* UI Object */ .h_graph ul{margin:0 50px 0 50px;padding:1px 0 0 0;border:1px solid #ddd;border-top:0;border-right:0;font-size:11px;font-family:Tahoma, Geneva, sans-serif;list-style:none} .h_graph li{position:relative;margin:10px 0;vertical-align:top;white-space:nowrap} .h_graph .g_term{position:absolute;top:0;left:-50px;width:40px;font-weig..

#wrapUI #headerUI #containerUI .snbUI #contentUI .asideUI #footerUI #wrap #header #container .snb #content .aside #footer 출처 : http://nuli.navercorp.com/data/ui_library/src/pattern/layout/jjs/fluid2.html

#wrapUI #headerUI #containerUI #contentUI .asideUI #footer #wrap #header #container #content .aside #footer 출처 : http://nuli.navercorp.com/data/ui_library/src/pattern/layout/jjs/fluid3.html

#wrapUI #headerUI #containerUI .snbUI #contentUI #footerUI #wrap #header #container .snb #content #footer 출처 : http://nuli.navercorp.com/sharing/ui/patternLayout/5