[React] SPA(Single Page Application) ์ด๋?
ยท
Frontend/React
SPA๋ฅผ ์ค๋ช
ํ๊ธฐ ์ SPA๋ฅผ ์ ์ฌ์ฉํ๋์ง? ์ ํต์ ์ธ ์น ์ฌ์ดํธ๋ ์๋ก์ด ํ์ด์ง๋ฅผ ์์ฒญํ ๋๋ง๋ค ์ ์ ๋ฆฌ์์ค๊ฐ ๋ค์ด๋ก๋๋๊ณ ์ ์ฒด ํ์ด์ง๋ฅผ ๋ค์ ๋ ๋๋ง ํ๋ ๋ฐฉ์์ ์ฌ์ฉํ๋ฏ๋ก ์๋ก๊ณ ์นจ์ด ๋ฐ์๋์ด ์ฌ์ฉ์ฑ์ด ์ข์ง ์์ผ๋ฉฐ, ๋ณ๊ฒฝ์ด ํ์์๋ ๋ถ๋ถ์ ํฌํจํ์ฌ ์ ์ฒด ํ์ด์ง๋ฅผ ๊ฐฑ์ ํ๋ฏ๋ก ๊ต์ฅํ ๋นํจ์จ์ ์ด๋ค. ์น ์ฌ์ดํธ์ ๊ท๋ชจ๊ฐ ์ปค์ง์๋ก ์๋ฒ์ชฝ์์ ๊ณผ๋ถํ๊ฐ ๊ฑธ๋ฆด ์ ๋ฐ์ ์๋ค. ๊ทธ ๋งํผ ์๋์ ์ธ ์ธก๋ฉด์์ ์ฌ์ฉ์๋ ๋ถํธํจ์ ๊ทธ๋๋ก ๋๋ผ๊ฒ ๋๋ค. ํ๋ฆดํ๋ฅ ์ด ๋์ ๊ฐ์ธ์ ์ธ ์ง์(์์ ๊ฐ๋ฅ์ฑ ๋์โ) Traditional Page Lifecycle HTML → CSS → DOM → Web browser SPA Lifecycle HTML → CSS → Virtual Dom → DOM(ํ์ ์์๋ง ๋ณ๊ฒฝ) → Web browser..