๐Ÿ—จ๏ธ Backend/Java

Thymeleaf ํ…œํ”Œ๋ฆฟ ์—”์ง„

Kyle99 2024. 10. 20. 21:08

Thymeleaf๋Š” ์ž๋ฐ” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋ทฐ(ํ™”๋ฉด)๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ํ…œํ”Œ๋ฆฟ ์—”์ง„์ด๋‹ค.
Thymeleaf๋Š” HTML, XML, JavaScript, CSS ๋“ฑ์˜ ๋งˆํฌ์—… ์–ธ์–ด๋ฅผ ์ง€์›ํ•˜๋ฉฐ, 

์ˆœ์ˆ˜ํ•œ HTML์„ ์ตœ๋Œ€ํ•œ ์œ ์ง€ํ•˜๋ ค๋Š” ๋„ค์ธ„๋Ÿด ํ…œํ”Œ๋ฆฟ(Natural Templates) ๊ธฐ๋ฐ˜์˜ ํ…œํ”Œ๋ฆฟ ์—”์ง„์ด๋‹ค.
Thymeleaf๋Š” ์„œ๋ฒ„ ์ธก์—์„œ HTML ๋ฌธ์„œ๋กœ ๋ Œ๋”๋ง ๋˜์–ด ์ „๋‹ฌ๋˜๋ฏ€๋กœ

ํด๋ผ์ด์–ธํŠธ ์ธก์—์„œ ์ถ”๊ฐ€์ ์ธ ์ฒ˜๋ฆฌ์—†์ด HTML ๋ฌธ์„œ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. 

๋ฌด์—‡๋ณด๋‹ค ์Šคํ”„๋ง๊ณผ ์ž์—ฐ์Šค๋Ÿฐ ํ†ตํ•ฉ์„ ์ง€์›ํ•˜๊ธฐ ๋•Œ๋ฌธ์— Spring MVC ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ 

JSP๋ฅผ ๋Œ€์ฒดํ•˜๋Š” ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋ฉฐ ์Šคํ”„๋ง์ด ์ง€์›ํ•˜๋Š” ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

 

 

Thymeleaf

Integrations galore Eclipse, IntelliJ IDEA, Spring, Play, even the up-and-coming Model-View-Controller API for Java EE 8. Write Thymeleaf in your favourite tools, using your favourite web-development framework. Check out our Ecosystem to see more integrati

www.thymeleaf.org

 

Thymeleaf๋Š” ์ž๋ฐ” ๊ธฐ๋ฐ˜ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœ ํ•  ๋•Œ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” 

ํ…œํ”Œ๋ฆฟ ์—”์ง„์œผ๋กœ ๋ณ€์ˆ˜, ๋งํฌ, ์ด๋ฏธ์ง€์™€ ์กฐ๊ฑด๋ฌธ, ๋ฐ˜๋ณต๋ฌธ ๋“ฑ์„ ๋‹ค๋ฃจ๋Š” ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ง€์›ํ•œ๋‹ค. 

๋˜ํ•œ Thymeleaf Layout๊ณผ ๊ฐ™์€ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ๋ ˆ์ด์•„์›ƒ์„ ์‰ฝ๊ฒŒ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. 

๋ฌด์—‡๋ณด๋‹ค Thymeleaf๋Š” ์˜คํ”ˆ์†Œ์Šค ํ”„๋กœ์ ํŠธ๋ผ ์†Œ์Šค ์ฝ”๋“œ๊ฐ€ ๊ณต๊ฐœ๋˜์–ด ์žˆ๊ณ  ๋ˆ„๊ตฌ๋‚˜ ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.
Thymeleaf ์‚ฌ์šฉ๋ฒ•์„ ์•Œ์•„๋ณด๊ธฐ ์ „์— ๊ทธ ๋™์•ˆ ์ž๋ฐ” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ๋งŽ์ด ์‚ฌ์šฉํ–ˆ๋˜ JSP๋ฅผ ์Šคํ”„๋ง
๋ถ€ํŠธ์—์„œ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ์–ด๋–ค ์„ค์ •์ด ํ•„์š”ํ•œ์ง€ ๊ฐ„๋‹จํžˆ ์•Œ์•„๋ณด๊ณ  Thymeleaf์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž.

 

Thymeleaf์˜ ํ‘œํ˜„์‹๊ณผ ๊ธฐ๋ณธ ๊ฐ์ฒด ๋“ฑ ์ ‘๊ทผํ•˜๋Š” ๋ฐฉ๋ฒ•

 

Tutorial: Using Thymeleaf

1 Introducing Thymeleaf 1.1 What is Thymeleaf? Thymeleaf is a modern server-side Java template engine for both web and standalone environments, capable of processing HTML, XML, JavaScript, CSS and even plain text. The main goal of Thymeleaf is to provide a

www.thymeleaf.org

 

 

๋‹ค์Œ์€ Thymeleaf์—์„œ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ํ‘œํ˜„์‹๊ณผ ๋ฌธ๋ฒ•์„ ์ •๋ฆฌํ•œ ํ‘œ์ด๋‹ค. ์•„๋ž˜ ํ‘œ์˜ ํ‘œํ˜„์‹๊ณผ ๊ฐ™์ด
Thymeleaf๋Š” ์ฃผ๋กœ HTML ํƒœ๊ทธ์— th:* ์†์„ฑ์„ ์ง€์ •ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋™์ž‘ํ•œ๋‹ค.

 

 

์ด์™ธ์— ๋ฌธ์ž, ์ˆซ์ž, ๋‚ ์งœ, URI ๋“ฑ์„ ํŽธ๋ฆฌํ•˜๊ฒŒ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๋Š” ๋‹ค์–‘ํ•œ ์œ ํ‹ธ๋ฆฌํ‹ฐ ๊ฐ์ฒด๋ฅผ ์ œ๊ณตํ•œ๋‹ค.