inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

타임리프 에서 겹따옴표 내부에 홀따옴표 이후 변수 표기 방법

96

jyuvenia

작성한 질문수 8

0

질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? 
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예
3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예

[질문 내용]

onclick=겹따옴표 내부에 홀따옴표 이후 변수가 제대로 표현이 안되는데 어떻게 해야 할까요?

예를 들어 원하는건 다음과 같습니다.

onclick="location.href='/edit/변수'"

변수의 형태는 ${item.id} 입니다.

아래와 같이 시도를 해보았습니다.

th:onclick="|location.href='@{/edit/${item.id}}'|"

위와 같이 시도를 해 보았는데 웹페이지 소스보기를 하면 아래와 같이 출력이 됩니다.

onclick="location.href='/edit/${item.id}'"

홀따옴표 앞에 역슬래시, 백틱 등등 해볼건 다 해보았는데 잘 안되네요. 

 

뭔가 분명히 방법이 있을 것인데요. 조언 부탁 드립니다.

 

감사합니다.

 

 

java spring mvc spring-boot

답변 1

0

y2gcoder

안녕하세요. jyuvenia님, 공식 서포터즈 y2gcoder입니다.

간단하게 페이지를 만들어 보았습니다!

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button th:onclick="@{/edit/{itemId}(itemId=${item.id})}">test</button>
</body>
</html>

링크를 생성할 때는 위와 같이 할 수 있습니다! 아래는 브라우저에서 소스보기했을 때의 코드입니다!

image.png

Reference는 다음을 참고해주십쇼!

https://www.thymeleaf.org/doc/tutorials/3.1/usingthymeleaf.html#link-urls

타임리프에 대해 더 공부하고 싶으시다면 영한님의 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 강의를 추천합니다!

 

감사합니다.

인텔리제이 오류

0

24

1

..

0

91

2

Unused property.....

0

109

2

project JDK is misconfigured

0

147

2

외부 API의 ID 타입(String/UUID)과 내부 도메인의 ID 타입(Long)이 불일치할 때의 설계 정석

0

93

2

단위/통합 테스트 버전충돌 문제

0

94

2

❗️springboot 4.0.2 버전 aspectj dependency 설정❗️

0

241

1

왜 컨트롤러는 변한게 없는데 새로 만든 html 파일이 뜨나요?

0

112

2

윈도우 build test오류 질문

1

109

2

테스트 관련 공부에 대한 조언을 얻고 싶습니다

0

105

2

테스트 실행 시 에러 질문

0

305

1

name을 통한 비교와 객체를 통한 비교

0

77

1

빌드 후 libs 없음

1

137

1

윈도우 gradlew.bat 에러

0

175

1

@PostMapping("/members/new")가 동작하지 않습니다

0

94

1

java static class와 kotlin class

0

85

1

스프링 DB연결

0

135

1

소요 시간

0

92

2

ddl.sql에 빨간 밑줄

1

109

2

welcome page 에러

0

189

3

잘 모르겠습니다.

0

169

2

fail을 똑같이 쳤는데 오류가 발생해요

0

165

2

index.html Welcome page

0

130

1

프로젝트 gradle-groovy ?

0

389

1