์žฌ๋ฐŒ๊ฒŒ ํ•ฉ์‹œ๋‹ค

๊ธฐ๋กํ•˜๊ธฐ, ๊ฐ€์‹œํ™”ํ•˜๊ธฐ

์‡ผํ•‘๋ชฐSPA 1

Vanilla Javascript๋กœ SPA ๊ตฌํ˜„ํ•˜๊ธฐ(ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์‡ผํ•‘๋ชฐ SPA)

โœ… SPA(Single Page Application) ์ดํ•ดํ•˜๊ธฐ ํŽ˜์ด์ง€ ์ด๋™์˜ ๊ณผ์ •์„ ๊ฐ€์žฅ ๋‹จ์ˆœํ•˜๊ฒŒ ์„ค๋ช…ํ•œ๋‹ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ์ƒˆ๋กœ์šด url์„ ์š”์ฒญํ•œ๋‹ค. (์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๋Š” ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๊ฑฐ๋‚˜, ๋’ค๋กœ๊ฐ€๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋Š” ๋“ฑ) ์š”์ฒญํ•œ url์— ๋งž๋Š” ๋ฆฌ์†Œ์Šค(html, css, js)๋ฅผ ํ™”๋ฉด์— ๋ Œ๋”๋งํ•œ๋‹ค. ๊ฐ„๋‹จํ•˜์ฃ ? MPA(Multiple Page Application), SPA(Single Page Application) ๋ชจ๋‘ ํŽ˜์ด์ง€ ์ด๋™์˜ ๊ณจ์ž๋Š” ๋™์ผํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๋งŒ ๋ฆฌ์†Œ์Šค๋ฅผ ์š”์ฒญํ•˜๋Š” ๋ฐฉ์‹์— ๋”ฐ๋ผ MPA์™€ SPA๋กœ ๊ตฌ๋ถ„์ด ๋ฉ๋‹ˆ๋‹ค. MPA์˜ ๋ฆฌ์†Œ์Šค ์š”์ฒญ ๋ฐฉ์‹ ์‚ฌ์šฉ์ž๊ฐ€ ์ƒˆ๋กœ์šด url์„ ์š”์ฒญ ํ•ด๋‹น url์— ๋Œ€ํ•œ ๋ฆฌ์†Œ์Šค๋ฅผ ์„œ๋ฒ„์— ์š”์ฒญ ์„œ๋ฒ„์—์„œ ๋ฐ›์€ ์‘๋‹ต์œผ๋กœ ํ™”๋ฉด์„ ๋ Œ๋”๋ง ์ฆ‰, ํŽ˜์ด์ง€๋ฅผ ์ด๋™ํ•  ๋•Œ๋งˆ๋‹ค ์„œ..

Vanilla JS 2022.11.11