728x90
๋ฐ˜์‘ํ˜•
์Šคํ”„๋ง ๋ถ€ํŠธ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ œ์ž‘(11): ์•„์ด์ฝ˜ ์ถ”๊ฐ€ ๋ฐ ํ”„๋กœํ•„ ์•„๋ฐ”ํƒ€ ์„ค์ •

๋ณธ ํฌ์ŠคํŒ…์€ ๋ฐฑ๊ธฐ์„ ๋‹˜์˜ ์Šคํ”„๋ง๊ณผ JPA ๊ธฐ๋ฐ˜ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ๊ฐ•์˜๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์†Œ์Šค ์ฝ”๋“œ๋Š” ์—ฌ๊ธฐ ์žˆ์Šต๋‹ˆ๋‹ค. (commit hash: a7de4fe) > git clone https://github.com/lcalmsky/spring-boot-app.git > git checkout a7de4fe โ„น๏ธ squash merge๋ฅผ ์‚ฌ์šฉํ•ด ๊ธฐ์กด branch๋ฅผ ์‚ญ์ œํ•˜๊ธฐ๋กœ ํ•˜์—ฌ ์•ž์œผ๋กœ๋Š” commit hash๋กœ ํฌ์ŠคํŒ… ์‹œ์ ์˜ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๊ณต์œ ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. Overview ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ฐ”์— ์•„์ด์ฝ˜ ์ถ”๊ฐ€ํ•˜๊ณ , ํ”„๋กœํ•„ ๊ธฐ๋ณธ ์ด๋ฏธ์ง€(์•„๋ฐ”ํƒ€)๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์„ค์น˜ ์‚ฌ์šฉํ•  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ static resource ๋””๋ ‰ํ† ๋ฆฌ์— ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค. > cd src/main/resources/s..

์Šคํ”„๋ง ๋ถ€ํŠธ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ œ์ž‘(10): View ์ค‘๋ณต ์ฝ”๋“œ ์ œ๊ฑฐ(feat. fragment)

๋ณธ ํฌ์ŠคํŒ…์€ ๋ฐฑ๊ธฐ์„ ๋‹˜์˜ ์Šคํ”„๋ง๊ณผ JPA ๊ธฐ๋ฐ˜ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ๊ฐ•์˜๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์†Œ์Šค ์ฝ”๋“œ๋Š” ์—ฌ๊ธฐ ์žˆ์Šต๋‹ˆ๋‹ค. (commit hash: 3bb5e59) > git clone https://github.com/lcalmsky/spring-boot-app.git > git checkout 3bb5e59 โ„น๏ธ squash merge๋ฅผ ์‚ฌ์šฉํ•ด ๊ธฐ์กด branch๋ฅผ ์‚ญ์ œํ•˜๊ธฐ๋กœ ํ•˜์—ฌ ์•ž์œผ๋กœ๋Š” commit hash๋กœ ํฌ์ŠคํŒ… ์‹œ์ ์˜ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๊ณต์œ ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. Overview ๊ธฐ์กด View ์ฝ”๋“œ์˜ ์ค‘๋ณต๋œ ๋‚ด์šฉ์„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค. Thymeleaf์˜ Fragment๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. Fragment Fragment์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์—ฌ๊ธฐ ๋‚˜์™€์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ„๋žตํ•˜๊ฒŒ ์„ค๋ช…ํ•˜์ž๋ฉด, Fragment๋Š” ๋งˆํฌ์—…์—์„œ์˜ fr..

์Šคํ”„๋ง ๋ถ€ํŠธ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ œ์ž‘(3): ํšŒ์› ๊ฐ€์ž… ๋ทฐ ์ž‘์„ฑ

๋ณธ ํฌ์ŠคํŒ…์€ ๋ฐฑ๊ธฐ์„ ๋‹˜์˜ ์Šคํ”„๋ง๊ณผ JPA ๊ธฐ๋ฐ˜ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ๊ฐ•์˜๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์†Œ์Šค ์ฝ”๋“œ๋Š” ์—ฌ๊ธฐ ์žˆ์Šต๋‹ˆ๋‹ค. (branch: feature/4) Overview Bootstrap, Thymeleaf, HTML, CSS๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํšŒ์› ๊ฐ€์ž… ํŽ˜์ด์ง€๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ์š”์ฒญ์‹œ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ํšŒ์› ๊ฐ€์ž…์‹œ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ์ •๋ณด๋ฅผ ํผ ๊ฐ์ฒด๋กœ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. Prerequisite ๋ถ€ํŠธ์ŠคํŠธ๋žฉ(Bootstrap) ์„ค์ • ์œ„ ๊ฐ’์„ ๋ณต์‚ฌํ•ด์„œ sign-up.html ํŒŒ์ผ์˜ head ํƒœ๊ทธ ์•ˆ์ชฝ์— ์ถ”๊ฐ€ํ•˜๊ณ  title ํƒœ๊ทธ ์•ˆ์ชฝ์˜ ๊ฐ’์„ ์›ํ•˜๋Š” ์ œ๋ชฉ์œผ๋กœ ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค. ... ์ƒ๋žต ๊ทธ๋ฆฌ๊ณ  body ํƒœ๊ทธ ์•ˆ์ชฝ์— ์•„๋ž˜ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. ์œ„ ์Šคํฌ๋ฆฝํŠธ๋Š” ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์—์„œ ํ•„์š”๋กœํ•˜๋Š” JS function ๋“ค์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค. ์˜ˆ..

728x90
๋ฐ˜์‘ํ˜•
๊ณต์ง€์‚ฌํ•ญ
Total
71,740
Today
103
Yesterday
133
๋งํฌ
«   2022/05   »
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
๊ธ€ ๋ณด๊ด€ํ•จ