React์ SPA ๊ทธ๋ฆฌ๊ณ Component
ยท
ํ๋ก๊ทธ๋๋ฐ ์ธ์ด/React & NextJS
๋ค์ด๊ฐ๋ฉฐ์ด์ ๋ Front ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋์ธ๊ฐ ๋์ด๋ฒ๋ฆฐ ๋ฉํ์ React.js์
๋๋ค. ์ด๋ฏธ ์๋ง์ ์๋น์ค์์ React๋ฅผ ๋์
ํ๊ณ ์ฌ์ฉํ๊ณ ์์ผ๋ฉฐ ์ปดํฌ๋ํธ ๊ธฐ๋ฐ๊ณผ ๊ฐ๋ ฅํ ์ ์ธํ ํ๋ก๊ทธ๋๋ฐ์ ๊ฐ์ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์
๋๋ค. ์ ๊ฒฝ์ฐ๋ DOM์ ์ง์ ์กฐ์ํ๊ณ ๋ค๋ฃจ๋ javascript ๊ฐ๋ฐ ๋ฐฉ์๋ ๋ฌด๋ฆฌ๋ ์์ต๋๋ค. ๊ทธ๋ ๊ฒ ๋ณต์กํ๊ณ ํฐ ์ฌ์ฉ์ UI ํ๊ฒฝ์ ๊ฐ์ถ ํ๋ก์ ํธ๊ฐ ์๋๊ธฐ ๋๋ฌธ์
๋๋ค. ํ์ง๋ง ๋๊ท๋ชจ ํ๋ก์ ํธ์์๋ ํจ์จ์ ์ผ๋ก ์ฝ๋๋ฅผ ๊ด๋ฆฌํ๊ณ , ์ปดํฌ๋ํธ ๊ธฐ๋ฐ UI ๊ฐ๋ฐ์ ์ง์ํ๋ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ(๋ผ์ด๋ธ๋ฌ๋ฆฌ)๊ฐ ํ์ํ๋ค๋ณด๋ React๊ฐ ๊ฝค๋ ์ฃผ๋ชฉ๋ฐ์์ ๊ฑฐ๋ผ ์๊ฐํฉ๋๋ค. React๋ง์ ํน์ง1. ์ปดํฌ๋ํธ ๊ธฐ๋ฐUi๋ฅผ ์์ ๋จ์๋ก ์ชผ๊ฐ์ ์์ฑํ๋ค๋ ๋ถ๋ถ์ด ํฐ ์ฅ์ ์ด ๋ฉ๋๋ค. ์ปดํฌ๋ํธ ๋จ์๋ก UI๋ฅผ ์กฐ์ํ๋ค๋ณด๋ ์ฌ์ฌ์ฉ์ฑ๊ณผ ..