[KUIT] htmx ์†Œ๊ฐœ
ยท
KUIT
์ด ๊ธ€์€ KUIT Web ํŒŒํŠธ ๋ถ€์›๋ถ„๋“ค์„ ๋Œ€์ƒ์œผ๋กœ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ์•ˆ๋…•ํ•˜์„ธ์š”! 1์ฃผ์ฐจ ๊ฐ•์˜์— ์ €ํฌ ์›น ํŒŒํŠธ๋Š” HTML์— ๋Œ€ํ•˜์—ฌ ๋ฐฐ์šฐ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๊ฐ•์˜์— ๋‚˜์˜ค๋“ฏ์ด HTML์€ ๋งˆํฌ์—… ์–ธ์–ด์ผ ๋ฟ์ด๋ผ ๋ณ„ ๊ธฐ๋Šฅ์ด ์—†๋Š”๋ฐ์š”. ๊ทธ๋ž˜์„œ ์›น ๊ฐœ๋ฐœ์„ ํ•  ๋•Œ ๊ฐœ๋ฐœ์ž๋“ค์€ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•  ๋•Œ JavaScript๋‚˜ React๋ฅผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ œ๊ฐ€ ์ง€๊ธˆ ์†Œ๊ฐœํ•ด๋“œ๋ฆด ‘htmx’ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ™œ์šฉํ•˜๋ฉด JavaScript ์—†์ด๋„ ๋งŽ์€ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. htmx๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด html์— ์•„๋ž˜์™€ ๊ฐ™์€ script ๊ตฌ๋ฌธ ํ•˜๋‚˜๋งŒ ์ถ”๊ฐ€ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๋งค์šฐ ๊ฐ„๋‹จํ•˜์ฃ ? htmx๋ฅผ ํ™œ์šฉํ•˜๋ฉด ๋งค์šฐ ๊ฐ„๋‹จํ•˜๊ฒŒ ์„œ๋ฒ„์™€์˜ ํ†ต์‹ ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค(์„œ๋ฒ„์—์„œ html์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค). JavaScript๋‚˜ React์—์„œ ์„œ๋ฒ„์™€์˜ ํ†ต์‹ ์„..