인프런 커뮤니티 질문&답변

도토리님의 프로필 이미지
도토리

작성한 질문수

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

주석

th:text=${}에서 변수에 데이터가 없는 경우 관련 질문

작성

·

374

0

<span th:text="${data}">html data</span>

Model에 data가 있는 경우, 키가 data인 값이 'html data'를 대체합니다.

그런데, Model에 data가 없는 경우, 소스코드 보기로 확인해보니 <span></span>으로 출력되었습니다. 그렇다면 'html data'는 도대체 왜 작성하는 것인가요..??

답변 1

0

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

그런데, Model에 data가 없는 경우, 소스코드 보기로 확인해보니 <span></span>으로 출력되었습니다. 그렇다면 'html data'는 도대체 왜 작성하는 것인가요..??

thymeleaf는 확장자와 그들의 홈페이지에서 thymeleaf에서의 첫번째 기능으로 설명하고 있는 것에서도 보이듯이 최대한 html과 동일한 경험을 주고자 하는 것으로 보입니다. 그래서 잘 만든 thymeleaf는 서버를 띄우지 않고 그 파일만 브라우저에서 열어도 정상적으로 열립니다.

도토리님께서 올려주신 코드를 포함한 thymeleaf 파일도 브라우저에서 연다면

<span>html data</span>

해당 부분은 이렇게 보일 것입니다. 만약 해당 span에 있는 글자의 스타일링만 확인하고 싶다면 굳이 서버를 구동할 필요없이 해당 html 파일만 열어서 확인할 수 있습니다.

어떤 의미로는 기본값을 설정해주는 것인데요. 정리하자면 굳이 서버를 구동할 필요 없이 해당 페이지의 스타일링을 확인하고 싶을 때 유용합니다.

 



감사합니다.

도토리님의 프로필 이미지
도토리

작성한 질문수

질문하기