2-15 표준 HTML 구조로 작성하기모든 html 템플릿 파일에는 표준 HTML 구조에 해당하는 요소들이 중복되어 작성될 수 있다.타임리프는 이런 중복의 불편함을 해소하기 위해 템플릿 상속 기능을 제공한다. 템플릿 상속이란,기본 틀이 되는 템플릿을 먼저 작성하고, 다른 템플릿에서 그 템플릿을 상속해 사용하는 방법이다.중복되는 요소들은 "기본 틀"이 관리하고, "내용"에 해당하는 부분만 각 화면 별로 작성한다. 1) layout.html 로 기본 틀을 만든다.templates 디렉터리 아래 common 폴더를 만들고, 아래와 같이 layout.html 파일을 작성해 주었다. layout.html 은 모든 템플릿이 상속해야 하는 템플릿으로, 표준 HTML 문서 구조로 정리된 기본..
2장 2-13, 2-14 요약 (css 파일 link 걸기, 부트스트랩 설치와 적용하기)
2-13 CSS 적용하기스태틱 디렉터리기본적으로 스프링부트 프로젝트 생성 시, src/main/resources 아래 static 폴더가 있다.이 폴더에는 css, js, 이미지 파일을 올려서 관리한다. 1) style.css 라는 파일을 만들고 아래와 같이 작성한다.textarea { width:100%;}input[type=submit] { margin-top:10px;} 2) 템플릿에 스타일을 적용한다. html 파일에 아래와 같이 link 를 작성하면 된다.static 폴더를 루트 디렉터리로 인식하므로, /style.css 로만 작성하면 된다. 2-14 부트스트랩 적용하기1) 아래 링크에서 부트스트랩을 설치한다.https://getbootstrap.com/docs/5.3/gettin..
2-10 상세 페이지 만들기질문 목록에 링크 추가하기question.html 파일에서 게시글의 제목을 클릭하면 게시글 상세 페이지로 이동하게 하기 위해a태그에 링크를 걸어준다. @{ 와 } 사이에 링크를 건다.만약 작성하려는 링크에 @{question.id} 와 같이 자바 값이 포함되어있는 값을 작성해야 한다면@{| 와 |} 사이에 작성해야 한다. 상세 페이지 컨트롤러package com.study.board.question;import java.security.Principal;import java.util.List;import java.util.Optional;import org.springframework.data.domain.Page;import org.springframework.http.H..