관심쟁이 영호

오늘은 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 속성을 자동 처리해준다. 는 다음과 같이 렌더링 된다.

백엔드 공부를 하면서, 많은 고충이 있었다. 그중 가장 많이 맞닿은 문제는 뷰에서의 문제였다. 내가 구현한 내용을 눈으로 확인하고 싶지만 프론트에 대한 지식이 부족하여 발목이 많이 잡혔다. 맷돌에 손잡이가 없어서 맷돌을 사용하면 안되니까! 이번 기회에 확실하게 공부를 하자. 목차 Thymeleaf란? Thymeleaf에 변수, 객체 넘기기 Thymeleaf 사용 선언 Thymeleaf 간단한 표현 text SpringEL URL 링크 속성 값 설정 조건부 평가 Thymeleaf란? 이번에 기록을 하며 확실하게 정리하고 넘어가 보자. 가장 먼저 "템플릿 엔진"에 대해서 알아야 한다. 템플릿 엔진 - 템플릿 엔진은 웹 문서를 출력하는 엔진이다. 개발을 진행하면서 자바 코드 - html 코드 간의 상이함을 최..

오늘은 View 환경설정을 공부하는 시간이다. 1. View란? View에는 많은 뜻이 있는것 같다. 인터넷에서 서칭을 해보니, 데이터 분야에서도 View를 사용한다. 이 강의에서 다루는 View란 말 그대로 화면에 보이는 것을 말하는 듯한 느낌이다. 2. Thymeleaf란? Thymeleaf 공식홈페이지에서는 이렇게 말한다. "Thymeleaf 는 웹 및 독립 실행 형 환경을위한 최신 서버 측 Java 템플릿 엔진입니다. Thymeleaf의 주요 목표는 브라우저에 올바르게 표시 될 수 있고 정적 프로토 타입으로 작동 할 수있는 HTML 인 템플릿 을 개발 워크 플로에 가져와 개발 팀에서 보다 강력한 협업을 가능하게 하는 것입니다. Spring Framework 용 모듈, 즐겨 사용하는 도구와의 통합 ..