Category/SpringBoot26 타임리프 템플릿 상속하기 layout:decorate // layout.html안에 아래와 같은 내용이 있는 경우 layout.html 템플릿을 상속하려면 layout:decorate="~{layout}">을 사용합니다. (... 생략 ...) 2024. 9. 2. 부트스트랩 클래스 정리 card, card-body, card-textcard 컴포넌트를 적용하는 클래스badgebadge 컴포넌트를 적용하는 클래스form-control텍스트 창에 form 컴포넌트를 적용하는 클래스border-bottom아래 방향 테두리 선을 만드는 클래스my-3상하 마진값으로 3을 지정하는 클래스py-2상하 패딩값으로 2를 지정하는 클래스p-2상하좌우 패딩값으로 2를 지정하는 클래스d-flex justify-content-endHTML 요소를 오른쪽으로 정렬하는 클래스bg-light연회색으로 배경을 지정하는 클래스text-dark글자색을 검은색으로 지정하는 클래스text-start글자를 왼쪽으로 정렬하는 클래스btn btn-primary버튼 컴포넌트를 적용하는 클래스 2024. 9. 2. 타임리프 날짜 포맷하기 #temporals.format(날짜 객체, 날짜 포맷) #temporals.format(날짜 객체, 날짜 포맷)은 날짜 객체를 날짜 포맷에 맞게 변환합니다. 날짜와 시간을 형식화할 때, 소문자와 대문자의 사용은 각 포맷이 나타내는 의미를 구분하기 위해 설정된 규칙입니다. 이 규칙은 Java의 SimpleDateFormat과 같은 형식화 클래스에서 비롯된 것으로, 날짜와 시간의 구성 요소를 명확하게 구분하기 위해 사용됩니다.소문자와 대문자의 차이:yyyy (소문자)와 YYYY (대문자):yyyy: 연도를 나타내며, 보통 사용되는 연도 표현입니다. 예: 2024YYYY: ISO 주(week) 기반 연도를 나타냅니다. 이는 주 번호와 관련된 연도로, 12월 29일부터 31일까지의 날짜가 주의 첫 부분으로 포함될 때 다음 연도의 첫 주로 간주될 수 있습니다.MM (.. 2024. 9. 2. 부트스트랩(Bootstrap)이란? 부트스트랩(Bootstrap)은 트위터(Twitter)에서 개발한 오픈소스 프레임워크로, 웹 페이지의 디자인과 레이아웃을 쉽게 구현할 수 있도록 도와주는 도구입니다. https://getbootstrap.com/docs/5.3/getting-started/introduction/ https://getbootstrap.com/docs/5.3/getting-started/download/ 2024. 9. 2. 타임리프 객체 길이 구하기 #lists.size(객체) #lists.size(객체)는 타임리프에서 제공하는 기능으로 해당 객체의 길이를 반환합니다. 2024. 9. 2. 타임리프 || 감싸기 타임리프에서는 /question/detail/과 같은 문자열과 ${question.id}와 같은 자바 객체의 값을 더할 때는 |로 좌우를 감싸 주어야 합니다. 2024. 9. 2. 이전 1 2 3 4 5 다음