TIL 19: React ๊ธฐ์ดˆ - SPA
TIL/JavaScript 2021. 8. 12. 18:48

SPA SPA๋Š” Single Page Application์˜ ์•ฝ์ž์ž…๋‹ˆ๋‹ค. ๋ง ๊ทธ๋Œ€๋กœ ํŽ˜์ด์ง€๋ฅผ ์˜ฎ๊ธธ ๋•Œ ๋‹ค๋ฅธ ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ํ•˜๋‚˜์˜(Single) ํŽ˜์ด์ง€ ๋‚ด์—์„œ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋งŒ ๋ฐ›์•„์„œ ํ•ด๋‹นํ•˜๋Š” ๋ถ€๋ถ„๋งŒ ์—…๋ฐ์ดํŠธํ•˜๋Š” ํŽ˜์ด์ง€๋ฅผ ๋งํ•ฉ๋‹ˆ๋‹ค. ์™„์ „ํžˆ ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ํ™”๋ฉด์„ ์—…๋ฐ์ดํŠธํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ๋ฐ ์žฅ์ : ํŽ˜์ด์ง€ ์ด๋™ ์‹œ ๋ณ€ํ•˜๋Š” ๋ถ€๋ถ„๋งŒ ๋กœ๋”ฉํ•˜๋ฉด ๋˜๊ธฐ ๋•Œ๋ฌธ์— ๋ฐ์ดํ„ฐ ๋ถ€ํ•˜ ๊ฑธ๋ฆด ํ™•๋ฅ  ๋‚ฎ์Šต๋‹ˆ๋‹ค. ๋‹จ์ : ๋น„์–ด์žˆ๋Š” HTML์— ๋น„ํ•ด JavaScript ํŒŒ์ผ์€ ๋ฌด๊ฒ๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ๋‹ค๋ฆฌ๋Š” ์‹œ๊ฐ„์œผ๋กœ ์ธํ•ด ๋กœ๋”ฉ ์‹œ๊ฐ„ ๊ธธ์–ด์ง‘๋‹ˆ๋‹ค. ๋˜ํ•œ ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™”์—๋Š” ์ข‹์ง€ ์•Š๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์šฐ์„  ๊ฒ€์ƒ‰์—”์ง„์˜ ์ž‘๋™๋ฐฉ์‹์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž๋ฉด ๊ฒ€์ƒ‰ ๋กœ๋ด‡์ด ์›นํŽ˜์ด์ง€์˜ ์ •๋ณด๋ฅผ ์ˆ˜์ง‘ ๋ฐ ๋ถ„์„์„ ํ†ตํ•ด ๊ฒฐ๊ณผ๊ฐ’์— ์ธ๋ฑ..