Spring boot (6) 썸네일형 리스트형 tailwindcss 3버전에 flowbite 추가 하기 개같은 tailwind 컴포넌트를 유료로 판다대체재로 flowbite를 써보자...1) tailwindcss를 3버전으로 설치했으니npm install flowbite하지마세요냅다 갈기는 순간 바로 버전 불일치가 난다. npm uninstall 해주면 된다. 2) 버전 확인은npm ls tailwindcssnpm list tailwindcss둘 중에 아무거나 하면 볼 수 있다.tailwindcss와 flowbite 버전이 일치하지 않으면 flowbite는 tailwind 4버전이라고 나오고, 설치된 tailwind는 3버전이라고 나온다. 3) 3버전을 명시해서 설치하려면npm install flowbite@3 4) 설치를 마치고 node_modules\flowbite\dist\flowbite.min.js.. Lombok 적용 1. cmd 실행 2. cd lombok위치3. java -jar lombok.jar 4. 실행 창에서 ide를 찾을 수 없다면 specify IDE에서 위치 직접 지정해주기 Spring boot + WebClient 적용 오류 자꾸 classpath에서 WebClient 클래스를 못 찾겠습니다 어쩌고 오류가 뜨곤 했는데, devtools랑 뭔가 충돌이 나는거 같다.서버를 "완전히 종료"한 후 gradle refresh 해주고 다시 실행하면 문제 없음. Spring boot + thymeleaf + tailwind css 1) node 설치(npm이 필요하다) : 사실 이 부분에서 꼬롬할 사람들이 많다2) Spring boot 프로젝트의 src\main 폴더에 frontend 폴더를 생성3) frontend 폴더의 경로를 복사해서 터미널 켜고 cd {경로}로 이동해주기4) 사실 tailwindcss는 설치 방법을 본인들 홈페이지에 다 써놨다. 그러면 최신버전이 설치될텐데 구식 방법으로는 구버전을 설치해야한다. 3버전 설치하는 명령어를 입력한다. npm install --save-dev tailwindcss@3 postcss autoprefixer5) frontend 폴더에 main.css파일을 만들고@tailwind base;@tailwind components;@tailwind utilities;package.json .. Dialect 설정하기 1) Gradle 의존성 추가하기implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect'2) templates 폴더에 layout 폴더 만들고, 안에 layout.html 파일 생성3) layout.html의 태그에 xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns="http://www.w3.org/1999/html" 추가하기4) layout.html 파일의 body에 아래와 같이 추가 5) templates 폴더에 fragments 폴더를 만들고, 안에 header.html을 생성6) header.html의 내용은 다음과 같다. asdasd th:fragment="he.. gradle plugins { id 'java' id 'org.springframework.boot' version '3.5.9-SNAPSHOT' id 'io.spring.dependency-management' version '1.1.7'}group = ...version = '0.0.1-SNAPSHOT'description = ...java { toolchain { languageVersion = JavaLanguageVersion.of(21) }}configurations { compileOnly { extendsFrom annotationProcessor }}repositories { mavenCentral() maven { url = 'https://repo.spring.io/snapshot' }}dep.. 이전 1 다음