목록Front-End/Thymeleaf (2)
관심쟁이 영호

오늘은 Thymeleaf에서 템플릿 조각, 레이아웃 나누기 기능을 공부해볼 예정이다. 목차 부트스트랩 템플릿 구하기 템플릿 조각 나누기 레이아웃 생성 템플릿 조각과 레이아웃이란? 먼저 적용을 하고, 무엇인지 알아보자. 부트스트랩 템플릿 구하기 부트스트랩에서 템플릿을 구해서 가져올 것이다. 먼저 아래의 링크로 가서 템플릿을 가져오자. https://startbootstrap.com/ Free Bootstrap Themes, Templates, Snippets, and Guides Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutori..
오늘은 내가 개발 공부를 하면서 가장 많이 사용했던 입력 폼 처리에 대해서 공부를 할 것이다. 목차 입력 폼 처리란 입력 폼 적용 입력 폼 처리란? 웹 개발공부를 하면서 Form 형태로 data를 주고받는 경우를 자주 볼 수 있다. Thymeleaf는 해당 폼 데이터를 주고받을 때, 많은 도움을 준다. 입력 폼 적용 다음의 코드를 보자. 상품명 가격 수량 위 코드를 보면 1개의 폼을 볼 수 있다. 태그를 1개씩 살펴보자. th:object : 객체를 지정한다. *{~} : th:object에서 지정한 객체에 접근한다. *{itemName}이라고 하면 item.itemName이다. th:field : HTML 태그의 id, name, value 속성을 자동 처리해준다. 는 다음과 같이 렌더링 된다.