# Thymeleaf

275개의 포스트
post-thumbnail

타임리프 (Thymeleaf)

타임리프는 HTML을 최대한 유지하기 때문에 웹 브라우저에서 파일을 직접 열어도 HTML 내용을 확인 할 수 있다. HTMl을 유지하면서 동적인 view를 보여 줄 수 있는 thymeleaf의 특징을 natural Template라고 한다. [thymeleaf guide] (https://www.thymeleaf.org/doc/tutorials/3.0/u...

어제
·
0개의 댓글
·

Thymeleaf 맛보기

냠냠 시간잎(그 타임 아니잖아;;)

2일 전
·
0개의 댓글
·

타임리프 - 속성값 설정

타임리프는 text말고도 속성에도 적용할 수 있다.주로 HTML 태그에 th:\* 속성을 지정하는 방식으로 동작한다.th:\* 로 속성을 적용하면 기존 속성을 대체한다. 기존 속성이 없으면 새로 만든다넘겨주는 값 없이 뷰템플릿을 호출만 한다.먼저 기본적으로 input태

2일 전
·
0개의 댓글
·
post-thumbnail

타임리프 연산

연산은 자바와 비슷하다. 단, HTML안에서 사용하기 때문에 HTML 엔티티를 사용하는 부분은 조심하자 링크테스트(./타임리프%20기본기능.md" "안에서 산술연산이 된다.< ,==, > , <=, >=, ! ,!= 위 기호들은 HTML 엔티티를 사용해야 적

3일 전
·
0개의 댓글
·

타임리프 - 변수

타임리프에서 변수를 사용할 때는 변수 표현식을 사용한다.변수 표현식이란, ${변수명} 을 말한다. 이 변수 표현식에는 스프링 EL이라는 스프링이 제공하는 표현식을 사용할 수 있다.이번에는 객체를 만들어서 Object,List, Map 테스트해보자User는 필드값으로 u

3일 전
·
0개의 댓글
·

타임리프 기본 기능 - text, utext

공식사이트흔히 "뷰 템플릿"이라고 칭한다.html 태그에 속성을 붙여 페이지에 동적으로 값을 추가하거나 처리 할 수 있게 해준다.서버 사이드 렌더링(SSR)백엔드 서버에서 HTML을 동적으로 렌더링 하는 용도로 사용네츄럴 템플릿가장 큰 특징으로 순수 HTML을 최대한

3일 전
·
0개의 댓글
·
post-thumbnail

[Spring_Boot] Thymeleaf, 기본문법

@ReuqestParam 어노테이션은 HttpServletRequest 객체와 같은 역할을 한다.메소드의 파라미터값으로 @RequestParam을 넣어주면된다.@ResponseParam 어노테이션은 HttpServletResponse 객체와 같은 역할을 한다.타임리프는

4일 전
·
0개의 댓글
·
post-thumbnail

Spring Boot - Thymeleaf

타임리프는 순수 HTML 을 최대한 유지하기 때문에 웹 브라우저에서 파일을 직접 열어도 HTML 내용을 확인할 수 있음( 퍼플리셔 로 부터 파일을 전달 받기 때 리뷰하기 유용하다 ) 서버를 통해 View Template 을 거치면 동적으로 변경된 결과 확인이 가능하다.

4일 전
·
0개의 댓글
·
post-thumbnail

👩‍👧‍👧 가족회사 플랫폼

🎨 디자인의 즐거움을 알다 🤓 jQuery와 thymeleaf를 사용해보다 🙇‍♀️ 고마운 동료 🪜 웹 퍼블리셔와 프론트엔드 그 사이

6일 전
·
3개의 댓글
·

속성 값 설정

1\. 기본개념타임리프는 주로 HTML 태그에 th:\* 속성을 지정하는 방식으로 동작이 때, th:\* 로 속성이 적용됨녀 기존 속성은 대체(없는 경우 새로 생성)2\. 속성설정/추가실제 작성한 코드타임리프 렌더링된 코드3\. 적용예시

2022년 11월 17일
·
0개의 댓글
·

연산

비교연산: HTML 엔티티 사용 부분만 주의조건식: 자바의 조건식과 유사Elvis 연산자: 조건식의 편의 버전No-Operation: \_인 경우 타임리프가 실행되지 않는 것처럼 동작HTML의 내용 그대로 출력되므로 잘 활용하면 편리

2022년 11월 17일
·
0개의 댓글
·

리터럴

기본개념소스코드상에 고정된 값타임리프의 리터럴문자, 숫자, 불린, null사용방법무조건 문자 리터럴은 작은 따옴표로 감싸야 함단, 공백 없이 쭉 이어질 경우에는 하나의 의미있는 토큰으로 인지하므로 작은 따옴표 생략 가능룰: A-Z , a-z , 0-9 , \[] , .

2022년 11월 17일
·
0개의 댓글
·
post-thumbnail

코드로 보는 스프링부트 -도전하기

멘토에게 추천을 받은책이 코드로 보는 스프링부트인데, 정말 좋은책인거 같다.선수지식이 약간 필요하긴하지만, 그렇게 어렵지는 않다.\-스프링 부트의 경우 자동 설정 기능을 이용하면 최소한의 설 정만으로도 원하는 기능들을 사용할 수 있는 놀라운 개발 생산성을 보여준다.\-

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

[SpringBoot] Thymeleaf란? 문법 정리

https://www.thymeleaf.org/웹 서비스를 만들 떄에는 서버의 데이터와 정적자원(html, css, image)을 조합해야 한다.서버에서 데이터를 보내 웹 서비스를 만드는 방법에는 크게 2가지가 있다.SPA(Single Page Applicat

2022년 11월 16일
·
0개의 댓글
·

[스프링 MVC 2] 타임리프 - 기본 기능

서버 사이드 HTML 렌더링 (SSR)백엔드 서버에서 HTML을 동적으로 렌더링하기 위해 사용내츄럴 템플릿(Natural Templates)순수 HTML을 최대한 유지하면서 뷰 템플릿도 사용할 수 있음스프링 통합 지원스프링의 다양한 기능을 편리하게 사용할 수 있도록 지

2022년 11월 15일
·
0개의 댓글
·

유틸리티 객체 & 날짜

타임리프는 문자, 숫자, 날짜, URI 등을 편리하게 다루는 다양한 유틸리티 객체를 제공1\. 타임리프가 제공하는 유틸리티 객체 목록https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.htmlhttps&#x

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

Spring -upload

파일을 업로드 하려면 파일은 문자가 아닌 바이너리 데이터로 전송해야 한다. 문자와 바이너리를 동시에 전송하는게 일반적 이다.다른 종류의 여러 파일과 폼의 내용을 함께 전송할 수 있다.각각 part들은 헤더와 바디값을 따로따로 갖는다.Content-Disposition이

2022년 11월 13일
·
0개의 댓글
·

기본 객체

타임리프가 제공하는 기본 객체${ - ${ - ${ - ${ - ${편의 객체 이러한 점을 해결하기 위해 편의 객체도 제공 \-HTTP 요청 파라미터 접근: param예) ${param.paramData} \-HTTP 세션 접근: session예) ${sess

2022년 11월 13일
·
0개의 댓글
·

변수 - SrpingEl

타임리프에서 변수 사용시에는 변수 표현식을 사용변수 표현식: ${...}그리고 이 변수 표현식에는 스프링EL이라는 스프링이 제공하는 표현식 사용 가능지역변수 선언th:with 사용하여 지역변수를 선언할 수 있음지역변수는 선언한 태그 안에서만 사용 가능

2022년 11월 13일
·
0개의 댓글
·
post-thumbnail

Spring-TypeConverter

작업을 하다보면 문자를 숫자로 , 숫자를 무문자로 바꿔야 하는 경우가 있다. 그럴때는 컨버터 를 사용해주자.http 요청 파라미터는 모두 '문자' 로 넘어온다. 그래서 원하는 타입으로 바꿔서 사용하길 원하면 추가적인 코드가 필요MVC 에서 제공하는 @RequestPar

2022년 11월 12일
·
0개의 댓글
·