Search

Live Reload

Live Reload

โ€ข
ํฌ๋กฌ ์›น ์Šคํ† ์–ด์—์„œ ๋ผ์ด๋ธŒ ๋ฆฌ๋กœ๋“œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ด์ฃผ๋Š” ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ์„ค์น˜ํ•ด๋ด…๋‹ˆ๋‹ค.
์•„๋ž˜ ๋งํฌ๋ฅผ ํด๋ฆญํ•˜์—ฌ LiveReload ์›น ์Šคํ† ์–ด๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.
[Chrome ์— ์ถ”๊ฐ€] ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค.
ํฌ๋กฌ ์šฐ์ธก ์ƒ๋‹จ์˜ ํผ์ฆ ์•„์ด์ฝ˜ ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ LiveReload ํ™•์žฅ ์•„์ด์ฝ˜์„ ๊ณ ์ •์‹œํ‚ต๋‹ˆ๋‹ค.
๊ทธ๋ฆฌ๊ณ  LiveReload ์•„์ด์ฝ˜ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด, ํ•ด๋‹น ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ผ์ด๋ธŒ ๋ฆฌ๋กœ๋“œ ๊ธฐ๋Šฅ์ด ํ™œ์„ฑํ™”๋ฉ๋‹ˆ๋‹ค.
์ด์ œ VS CODE, Eclispe, IntelliJ ๋“ฑ์˜ IDE ์—์„œ ์‹คํ–‰ํ•œ, โ€œSpring Boot Dev Toolsโ€ ์˜์กด์„ฑ์ด ํฌํ•จ๋œ ์Šคํ”„๋ง ๋ถ€ํŠธ ์›น ์•ฑ์˜ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋ฉด, ์ƒˆ๋กœ๊ณ ์นจ(F5) ์—†์ด ์ˆ˜์ •์‚ฌํ•ญ์ด ์ž๋™์œผ๋กœ ๋ฐ˜์˜๋˜๋Š” ๋ผ์ด๋ธŒ ๋ฆฌ๋กœ๋“œ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๊ธฐ์กด ์ฝ”๋“œ์—
<h3>Live Reload</h3>
HTML
๋ณต์‚ฌ
์œ„์˜ ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ  ์ €์žฅํ•˜๋ฉด, ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ผ์ด๋ธŒ ๋ฆฌ๋กœ๋“œ ๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.