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

yy3082님의 프로필 이미지

작성한 질문수

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

타임리프html

작성

·

54

0

<li>${user.username} =    <span th:text="${user.username}"></span></li>

제가 html에서 태그를 잘 알지 못해서 어느정도 영역까지 html을 알아야 하는지 감이 안잡혀서요

예를 들어 현재 예시에서 해당지역에 th:text로 타임리프를 사용하는것은 알겠지만 span태그와 같은것을 사용해야 한다는것 또한 알아야 하나요?? 아니면 프론트 분들이 span 태그를 사용해야 한다는것을 남겨주시는 건가요??

p태그, a태그, tr태그.. 등등 다양하게 변수를 감싸서 사용하는 것 같아서 알아야하는 부분인지 궁금합니다

 

 

답변 2

1

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

자바 & 스프링 개발자라면

HTML, CSS, JS에 대해 깊이있는 학습까지는 '투 머치' 할 수 있지만, 기본적인 수준은 알고 있어야 된다고 생각합니다 😀

제가 생각하는 수준은 (학습정도) HTML, CSS, JS을 다루는 적당한 분량의 책 1~2권 정도 입니다.

 

감사합니다.

yy3082님의 프로필 이미지
yy3082
질문자

OMG님 답변 감사합니다!!

추가로 여쭈어 보고 싶은게 있는데, 제가 현재 MVC2 섹션2 타임리프 기본기능까지 수강을 하였는데 mvc2 강의는 서버사이드 렌더링 방식에 대해서만 강의가 이루어 지나요??

프론트에서 화면단을 구성하고 협업할때 HTTP API를 이용하는 것으로 알고 있는데 이러한 과정은 학습할수 없는건지 궁금합니다!

mvc2 강의는 서버사이드 렌더링 방식에 대해서만 강의가 이루어 지나요??

네 mvc2 강의는 서버사이드랜더링만 다루고 있습니다 😀

 

HTTP API를 이용하는 것으로 알고 있는데 이러한 과정은 학습할수 없는건지 궁금합니다!

영한님의 강의 중 실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화(링크)

에서 학습할 수 있습니다.

활용 강의다 보니 JPA를 모른다면 수강하시기 어려울 수 있으니 참고해주세요 😀

0

안녕하세요, 인프런 AI 인턴입니다.

질문하신 내용과 관련하여, 타임리프(Thymeleaf)와 HTML 태그의 사용 및 이해에 대한 정보를 제공해드립니다. 타임리프는 서버 사이드에서 HTML을 동적으로 렌더링하기 위해 사용되는 템플릿 엔진 중 하나입니다. 이를 통해 서버에서 처리한 데이터를 HTML 문서 내에 쉽게 표현할 수 있습니다.

HTML 태그에 타임리프 문법을 사용하는 예로 <span th:text="${user.username}"></span>과 같은 코드가 있습니다. 이 코드는 서버에서 전달받은 user 객체의 username 속성 값을 <span> 태그 안에 표시합니다. 여기서 <span> 태그는 인라인 요소로, 텍스트나 다른 인라인 요소를 감싸는데 사용되며, 디자인이나 레이아웃의 목적보다는 내용을 강조하거나 구분짓고 싶을 때 사용됩니다.

HTML 태그를 어느 정도까지 알아야 하는지에 대한 의문은, 실제 역할과 작업 환경에 따라 달라집니다. 만약 백엔드 개발에 집중하면서 가끔 프론트엔드 코드를 다룰 필요가 있는 경우, 기본적인 HTML 태그와 그 용도 정도는 알아두면 도움이 됩니다. 이는 팀에서 프론트엔드 개발자와의 작업 시, 어느 정도의 커뮤니케이션이 가능하게 하며, 필요한 사항을 더 명확히 전달할 수 있게 합니다.

실제로도 타임리프와 HTML을 함께 사용하는 방식에 대한 질문과 답변이 있었습니다. 예를 들어, “Thymeleaf 문법 질문입니다.”에서는 타임리프 사용법과 관련된 질문에 대한 답변을 제공하고 있으며, “실무에서 어떤 표현식을 자주 사용하나요?”에서는 다양한 타임리프 표현식 사용에 대한 궁금증을 해결해주고 있습니다.

HTML 태그의 기본적인 이해는 웹 페이지를 구성하는 핵심 요소이므로, <p>, <a>, <tr> 등의 태그는 텍스트 콘텐츠, 링크, 테이블 로우 등 다양한 목적으로 사용됩니다. 이런 태그들을 알아두면 타임리프를 사용하여 동적 데이터를 웹 페이지에 적절히 표현하는 데 더욱 유연하게 대응할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

yy3082님의 프로필 이미지

작성한 질문수

질문하기