개발자되기 프로젝트

텍스트 출력 기능. 1. th:text=... HTML의 content에 data를 출력할 경우 th:text 사용 ex) HTML 태그 속성이 아니라 HTML content영역 안에서 직접 출력하고 싶으면?? [[${data}]] 컨텐츠 안에서 직접 출력하기 = [[${data}]] 2. Escape HTML 문서는 같은 특수 문자를 기반으로 정의된다. 따라서 뷰 템플릿으로 HTML 화면을 생성할 때는 출력하는 데이터에 이러한 특수 문자가 있는 것을 주의해야 함 HTML Entity 웹 브라우저는 '

공식 사이트: https://www.thymeleaf.org/ 공식 메뉴얼 - 기본 기능: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html 공식 메뉴얼 - 스프링 통합: https://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html 1. 서버사이드 HTML 랜더링(SSR) Thymeleaf는 백엔드 서버에서 HTML을 동적으로 랜더링 하는 용도로 사용함. 2. Natural Template Thymeleaf는 순수 HTML을 최대한 유지함. HTML을 유지하기 때문에 웹 프라우져에서 HTML을 직접 열어도 확인 가능. 서버를 통해 view template를 거치면 동적으로 반영 가능. ..

1. 프로젝트 선택 Project: Gradle Project Language: Java Spring Boot: 2.5.x Project Metadata Group: hello Artifact: thymeleaf-basic Packaging: Jar Java: 11 Dependencies: Spring Web, Lombok , Thymeleaf 2. welcome page. 경로 : /resources/static/index.html 3. GitHub : Thymeleaf GitHub - bsh6463/Thymeleaf Contribute to bsh6463/Thymeleaf development by creating an account on GitHub. github.com

상품을 저장하고 Redirect로 해당 상품의 상세 화면으로 넘어갔다. 근데 저장이 된건지..뭔지..뭔가 표시가 없다. 정상적으로 처리가 되었으면 메시지를 보여줬으면 좋겠따. RedirectAttributes를 사용하면 간단히 해결 가능. 1. RedirectAttributes 적용. RedirectAttributes에 넣은 attributes는 PathVariable, QueryParam으로 사용이 가능. 아래의 경우 "itemId"라는 이름으로 id값을 RedirectAttributes에 추가했고 이는 PathVariable로 사용 가능. PathVariable로 사용되지 않은 attributes는 queryParameter로 뒤에 붙음. redirect:/basic/items/{itemId}?sta..

음...상품등록 처리를 위한 Controller는 문제가 있음. @PostMapping("/add") public String addItemV4(Item item){ itemRepository.save(item); return "basic/item"; } 현재는 save를 마치고 view만 내부 호출을 통해 변경이 된다. 1. 전체 흐름 2. POST 등록 후 새로고침 웹 브라우저의 새로 고침은 마지막에 서버에 전송한 데이터를 다시 전송함 마지막 행위 + data 다시 보냄. -->여기서는 POST/add, 상품 data 상품 등록 폼에서 데이터를 입력하고 저장을 선택하면 POST /add + 상품 데이터를 서버로 전송한다. 이 상태에서 새로고침을 하면 마지막에 전송한 POST /add + 상품 데이터를..

1. 상품 수정 form controller editForm 상품 수정 form 보여줌. @GetMapping("/{itemId}/edit") public String editForm(@PathVariable("itemId") Long itemId, Model model){ Item item = itemRepository.findById(itemId); model.addAttribute("item", item); return "basic/editForm"; } edit 변경내용 저장 후 redirect redirect:/.... 으로 redirect사용 가능. Controller에 매핑된 @PathVariable 값은 redirect에도 사용이 가능. @PostMapping("/{itemId}/edit"..

1. POST - HTML Form content-type: application/x-www-form-urlencoded 메시지 바디에 쿼리 파리미터 형식으로 전달 itemName=itemA&price=10000&quantity=10 예) 회원 가입, 상품 주문, HTML Form 사용 Form에서 지정한 이름으로 넘어옴. 2. Controller 2.1 @RequestParam 요청 파라미터를 처리하는 방법 변수 명은 Form에서 지정한 name으로 넘어옴. 상품 등록 form에서 상품 명은 itemName, 가격은 price, 수량은 quantity로 넘어온다. @RequestParam을 활용하여 요청 파라미터 사용이 가능. @PostMapping("/add") public String save(@R..

1. Controller 상품등록 화면을 보여줌 @GetMapping("/add") public String addForm(){ return "basic/addForm"; } 2. addForm.html 상품 등록 폼 상품 입력 상품명 가격 수량 상품 등록 취소 3. GitHub : 210917 Thymeleaf3 GitHub - bsh6463/MVC3 Contribute to bsh6463/MVC3 development by creating an account on GitHub. github.com