Bootstrap - form
2022. 9. 8. 13:48
Bootstrap
게시판에 사용할 폼 만들기 https://getbootstrap.com/docs/5.2/forms/form-control/ Form controls Give textual form controls like s and s an upgrade with custom styles, sizing, focus states, and more. getbootstrap.com form 태그 안에 코드 추가 Email address Example textarea form.html 게시판 제목 제목 에러 메시지 내용 내용 에러 메시지 취소 확인 th:classappend="${#fields.hasErrors('title')} ? 'is-invalid'" 제목 에러 메시지 위 코드들 추가 validator 커스텀 하기 Boa..
Bootstrap - table, button
2022. 9. 7. 21:08
Bootstrap
application.properties # MySQL 설정 spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver # DB Source URL 설정 # 예시) spring.datasource.url=jdbc:mysql://localhost:3306/test_db?useSSL=false&useUnicode=true&serverTimezone=Asia/Seoul spring.datasource.url=jdbc:mysql://localhost:3301/mydb?useSSL=false&useUnicode=true&serverTimezone=Asia/Seoul # DB 사용자 이름 설정 # 예시) spring.datasource.username=root sp..
Bootstrap - starter
2022. 9. 6. 12:05
Bootstrap
Starter code 복사하기 https://getbootstrap.com/docs/5.2/getting-started/introduction/ 코드를 복사해 template/index.html 에 복사 예제 탬플릿 부분을 복사 해 붙여넣기 게시판 테스트 package com.toy.board.web; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class HomeController { @GetMapping public String index() { return "index"; } }
Bootstrap - Spring Boot에 적용하기
2022. 9. 2. 16:37
Bootstrap
※ static 아래 index.html(파일명 동일) 을 두는 경우 , spring boot 에서는 자동으로 welcomePage 로 인식해서 localhost:8080 을 띄우는 경우 , 첫 화면으로 생성된다. static 하위에 정적 리소스들인 css , js 폴더를 생성하고 , templates 하위에는 동적 리소스들(HTML 에서 Thymeleaf 를 쓴다거나.. 로직이 들어가서 화면이 렌더링 되는 부분) 을 넣는다. https://getbootstrap.com/docs/5.1/getting-started/download/ (부트스트랩 링크) 압축을 푸시면 css, js 파일이 나오는데 해당 파일을 전부 복사 -> resources / static 에 복사 해주면 됩니다. (최상단 디렉토리 경로..