๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ“• Spring Framework/Spring Project

2022.04.28 ใ€ŒThymeleaf ์„ค์ •ใ€

by GroovyArea 2022. 4. 28.

โ–ถ ํŒŒํŠธ 1 (10์‹œ30๋ถ„ ~ 5์‹œ30๋ถ„)

1. ๋กœ์ง€ํ… ๋งˆ์šฐ์Šค ๊ตฌ๋งค

2. ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ •๋ ฌ Level2

3. mysql CH.9

4. ์œ„ํ‚ค ์ˆ˜์ •

5. ์Šคํ”„๋ง๋ถ€ํŠธ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰

 

โ–ถ ํŒŒํŠธ 2 (9์‹œ30๋ถ„ ~ 12์‹œ)

1. ์Šคํ”„๋ง๋ถ€ํŠธ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰

=> ์•Œ๋ฐ” ๊ฐ”๋‹ค ์™€์„œ ๊ฒฝ๋กœ ์ข€ ์† ๋ณด๊ณ  html๋„ ์ข€ ๋„ฃ๊ณ  ํ•˜์ž

 

 

โ–ถ ๋ฌธ์ œ

1. view ๋””์ž์ธ ๋ฌธ์ œ

๋ฌธ์ œ์ : Thymeleaf ์—”์ง„์„ ์‚ฌ์šฉํ•˜๋Š”๋ฐ ์—ฌ๊ธฐ๋Š” jsp์—์„œ ์‚ฌ์šฉํ•˜๋Š” tiles๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ๋ชปํ•œ๋‹ค.

ํ•ด๊ฒฐ :

- Thymeleaf๊ฐ€ ์ œ๊ณตํ•˜๋Š” layout ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ ์šฉ ๊ฐ€๋Šฅํ•˜๋‹ค.

- Thymeleaf ๊ด€๋ จ resolver properties ํŒŒ์ผ ์ •์˜ํ•จ

Gradle ์˜์กด์„ฑ ์ถ”๊ฐ€

 

2. resources ํด๋” ์•„ํ‚คํ…์ณ ๊ด€๋ จ

๋ฌธ์ œ์  : ์Šคํ”„๋ง๋ถ€ํŠธ์—์„œ view ๊ด€๋ จ ์•„ํ‚คํ…์ณ ์„ค๊ณ„๊ฐ€ ์ฒ˜์Œ์ด๋ผ ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ• ์ง€ ๊ฐ์ด ์•ˆ ์™”๋‹ค..

ํ•ด๊ฒฐ : static์—๋‹ค๊ฐ€ css, js ํŒŒ์ผ๋“ค ๋„ฃ๊ณ  templates ํด๋”์— layout์„ ์ ์šฉํ•˜๊ธฐ ์œ„ํ•œ ํด๋”๋“ค์„ ์ ๋‹นํžˆ ๋‚˜๋ˆ ์„œ ๋„ฃ์–ด์คฌ๋‹ค.

ํด๋” ๊ตฌ์„ฑ ์™„๋ฃŒ

3. layout ๋ฏธ์ ์šฉ ๊ด€๋ จ

๋ฌธ์ œ์  : content ๋ถ€๋ถ„์ด ์ ์šฉ์ด ์•ˆ๋œ๋‹ค..

ํ•ด๊ฒฐ : view name์„ ์ž˜ ๋ณด์ž...ใ…Žใ…Ž

layout.html ๋ถ„๋ช…ํžˆ ๋ฌธ์ œ ์—†๋Š”๋ฐ..
content html์ธ๋ฐ ์–˜๋„ ๋™์ผํ•œ๋ฐ ๋ถ„๋ช…ํžˆ
๊ฐ€์šด๋ฐ Content ๋‚ด์šฉ์ธ html์ด ์ ์šฉ์ด ์•ˆ๋œ๋‹ค

 

 

layout์„ ์ง์ ‘ ์ ๋Š” ๊ฒŒ ์•„๋‹ˆ๋‹ค..
๋„ฃ๊ณ  ์‹ถ์€ content html๋ช…์„ ์ ์–ด์ค€๋‹ค!
์ž˜ ๋‚˜์˜ค๋„ค..?? ใ…Žใ…Žใ…Žใ…Ž

 

=> ์•Œ๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•œ ๋ถ€๋ถ„๋„ ์ง์ ‘ ์ ์šฉ ์‹œ ํ•ญ์ƒ ํ‹€๋ฆฐ๋‹ค. ์ €๋ฒˆ ์Šคํ”„๋ง ํ”„๋กœ์ ํŠธ ๋•Œ๋„ View ๊ด€๋ จ ๋ถ€๋ถ„์„ ์ง์ ‘ ๋งก์ง„ ์•Š์•˜์ง€๋งŒ ์ „์ฒด ํ๋ฆ„์„ ์•Œ๊ณ  ์žˆ๋‹ค๊ณ  ์ž์‹ ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋‹น์—ฐํžˆ ๋งˆ์Šคํ„ฐํ–ˆ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์ง€๋งŒ ํฐ ์˜ค์‚ฐ์ด๋‹ค. 

=> ๋น„๊ต์  ๊ฐ„๋‹จํ•œ ๋ถ€๋ถ„์—์„œ ํ•ญ์ƒ ํ—ท๊ฐˆ๋ฆฌ๋Š” ๊ฒƒ์„ ๋ณด๋‹ˆ ๋””ํ…Œ์ผํ•œ ๋ถ€๋ถ„์„ ๋†“์น˜๋ฉด ์•ˆ ๋˜๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

=> ์ด๋Ÿฐ ๊ฒƒ ๋•Œ๋ฌธ์— ์‚ฝ์งˆ์„ ํ•œ๋‹ค๋Š” ๊ฒƒ์— ํ•ญ์ƒ ๋ฐ˜์„ฑ์„ ํ•˜์ž!

๋ฐ˜์‘ํ˜•