본문 바로가기
반응형

Thymeleaf7

[TIL] : 220 일일 배움을 위한 Today I Learned ! 소경관 오늘은 마이페이지를 만들면서 thymeleaf 사용에 대해 다시 공부하게 되었다. input 태그와 session의 활용과 th:field의 사용에 대해 체크하고 구현했다. 2022.06.03 - [Project/소경관] - [소경관] : thymeleaf input에 Session값 가져오기와 input에 Session값을 입력 받아 Controller에 넘기기 2022. 6. 3.
[Spring Boot] : 오류 코드와 메시지 처리(1) 오류 코드와 메시지 처리(1) 저번에 messages.properties를 사용했는데 오류 메시지도 똑같이 사용하기 위해 하나 더 만들어 주었다. 같은 곳에 오류 코드 메시지도 적을 수 있지만 오류 메시지만 구분하기 쉽게 하기 위해 따로 파일을 만들어 관리한다고 한다. required.item.itemName=상품 이름은 필수입니다. errors.properties를 만들고 오류 메시지를 넣어주었다. 중요한건 application.properties에 등록을 해 주어야 한다. spring.messages.basename=messages,errors 따로 적어주는 게 없으면 messages가 디폴트 값인데 errors.properties도 등록해 사용하기 위해 위처럼 등록을 해 주었다. 이렇게 되면 mes.. 2022. 2. 11.
[Spring Boot] : 타임리프 Message(메시지), 국제화 메시지, 국제화 소개 만약 상품명이라는 단어를 모두 상품이름으로 고쳐달라는 기획자가 나타나면 전부 다 수정해 주어야 한다. 하지만 여러 화면에 있는 label을 모두 찾아가면서 변경해야 하는데 너무 비효율적이게 된다. 때문에 이런 다양한 메시지를 한 곳에서 관리하도록 하는 기능을 메시지 기능이라고 한다. 예를 messages.properteis라는 메시지 관리용 파일을 만들면 HTML은 데이터를 key 값으로 불러 사용한다. 여기에서 더 나아가 별도로 관리하는 김에 파일을 한개 더 만들어 다른 나라 언어로 사용할 수 있게 해준다. messages_en.propertis messages_ko.propertis 이렇게 두 개의 파일을 만들면 한글과 영어가 지원되게 된다. 이떄, 영어를 사용하는 사람은 _en.. 2022. 2. 9.
[TIL] : 105 일일 배움을 위한 Today I Learned ! Spring Boot 스프링 부트 강의 한 섹션을 마쳤다. 오늘 두 섹션을 다 들으려 했는데 역시 복습을 같이 하면서 공부를 하니까 시간이 부족하다. 하면 더 할 수 있었는데 JS30일 챌린지와 알고리즘..쿠버네티스 등 할 게 많이 남아 있어서 한 섹션만 마쳤다. 이번에는 타임리프에서 체크 박스와 라디오 박스, 셀렉트 박스를 사용하는 방법에 대해 다루었다. 2022.02.08 - [Framework/Spring Boot] - [Spring Boot] : 타임리프 스프링 통합 메뉴얼 및 스프링에서 사용하기 2022.02.08 - [Framework/Spring Boot] - [Spring Boot] : 타임리프 입력 폼 처리하기 th:object와 th:f.. 2022. 2. 8.
[Spring Boot] : 타임리프 스프링 통합 메뉴얼 및 스프링에서 사용하기 타임리프 스프링 통합 타임리프의 2가지 메뉴얼이다. 📝 ← 기본 메뉴얼 📝 ← 스프링 통합 메뉴얼 타임리프는 스프링 없이도 동작하고 스프링과 통합을 위해 편의 기능을 더 제공하기도 한다. 강의 자료에 따르면 스프링 통합으로 추가되는 기능들은 SpringEL 문법, 스프링 빈 호출 지원, 폼 관리를 위한 추가 속성, 폼 컴포넌트 기능 등 여러 가지를 지원한다. 📝, 📝 ← 타임리프 템플릿 엔진을 스프링 빈에 등록하고, 타임리프용 뷰 리졸버를 스프링 빈으로 등록하는 방법이다. 다른 방법으로는 아래와 같다. implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' build.gradle에 위 코드를 넣으면 스프링 부트가 자동으로 설정해 준.. 2022. 2. 8.
[Spring Boot] : 타임리프, thymeleaf 소개 공식 사이트: https://www.thymeleaf.org/ 공식 메뉴얼 - 기본 기능: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html 공식 메뉴얼 - 스프링 통합: https://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html 타임리프는 메뉴얼이 기본적으로 잘 되어 있으나 순서대로 보기엔 어렵다. 타임리프의 특징 3가지이다. 서버 사이드 HTML 렌더링(SSR) 네츄럴 템플릿 스프링 통합 지원 서버 사이드 렌더링 (SSR) 기술을 하나 쯤은 배워야 하는데 타임리프가 좋다. (JSP도 있다.) 타임리프는 HTML을 최대한 유지한다. 때문에 웹 브라우저에서 파일을 직접 열어도 내용 확.. 2022. 2. 4.
[Spring Boot] : 상품 상세 페이지 타임리프 적용 및 목록으로 가기 구현 @GetMapping("/{itemId}") public String item(@PathVariable Long itemId, Model model) { Item item = itemRepository.findById(itemId); model.addAttribute("item", item); return "basic/item"; } @pathVariable로 요청 값을 받아서 조회하고 model에 담아두고 뷰 템플릿을 호출해 준다. 타임 리프를 사용하기 위해 html 코드에 위 코드를 추가해 주고 동적 웹 페이지를 위해 th:href 를 사용해서 경로를 잡아준다. 상품 ID 제품을 상세 조회 했을 때 등록한 정보에 맞게 나오게 하기 위해 각 표시 부분에 th:value를 추가해 주준다. 예를 들어 상품.. 2022. 2. 3.
반응형