$$config title: [스프링부트]질문 상세링크 추가하기 keywords: - IT - 스프링부트 $$ # 질문 상세링크 추가하기 --- 먼저 질문 목록의 제목을 클릭했을때 상세화면이 호출되도록 제목에 링크를 추가하자. 질문 목록 템플릿을 다음과 같이 수정하자. >question_list.html ```html

글번호	제목	내용	작성일시

``` 제목을 `` 엘리먼트의 텍스트로 출력하던 것에서 링크로 변경했다. 타임리프에서 링크의 주소는 `th:href` 속성을 사용한다. 타임리프에서 `th:href` 처럼 URL 주소를 나타낼때는 반드시 `@{` 문자와 `}` 문자 사이에 입력해야 한다. 그리고 URL 주소는 문자열 `/question/detail/`과 `${question.id}` 값이 조합되어 `/question/detail/${question.id}`로 만들어졌다. 이때 좌우에 `|` 문자없이 다음과 같이 사용하면 오류가 발생한다. ```java ``` `/question/detail/`과 같은 문자열과 `${question.id}`와 같은 자바 객체의 값을 더할 때는 반드시 다음처럼 `|`과 `|` 기호로 좌우를 감싸 주어야 한다. ```java ``` >타임리프는 문자열을 연결(concatenation)할 때 `|` 문자를 사용한다. 완료한후 이제 질문 목록 페이지에 접속하여 링크를 클릭해 보자. 아마도 다음과 같은 오류가 발생할 것이다. `http://localhost:8080/question/detail/2` URL 요청에 대한 매핑이 없기 때문에 `404(Page not found)` 오류가 발생한다. 오류를 해결하기 위해 질문 상세 페이지에 대한 URL 매핑을 QuestionController에 추가하자.

게시글 상세