Front-End์ ์ํ ๊ด๋ฆฌ (State Management)
2022.09.26
์ํ๋ฅผ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ๊ณ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ด ํ๋ก ํธ์๋ ์ญ๋์ ํต์ฌ์ด๋ผ๋๋ฐ.. ์ฌ๊ธฐ์ ์์ฃผ ๋์ค๋ ์ฉ์ด์ธ '์ํ ๊ด๋ฆฌ'๋ ๋ฌด์์ธ๊ฐ? Front-End ์์์ '์ํ๊ด๋ฆฌ'๋? 1. ๋ฐ์ดํฐ๋ฅผ ์ค๊ณ๋ UI/UX์ ๋ง๊ฒ ์ค๊ณํ๊ณ ๊ตฌํํ๋ ์ผ์ด๋ฉฐ, 2. ๋คํธ์ํฌ๋ฅผ ํตํด ์๋ฒ๋ก ์ ๋ฌ๋๋ client์ ์์ฒญ์ ๋ฐ๋ผ ๋ณํํ๋ ์ํ๋ฅผ ๊ด๋ฆฌํ๋ ์ผ. ์ํ๊ด๋ฆฌ ๋ฐฉ๋ฒ 1. ํ๋ ์์ํฌ ๋ฑ์ฅ - React, Vue, Svelte ๋ฑ์ ํ๋ ์์ํฌ ๋ฑ์ฅ - ์ต๊ทค๋ฌ์ ๋ฑ์ฅ์ผ๋ก ์ํ๋ ๊ณผ๊ฑฐ์ DOM์์ ํ์ถํ ์ ์๊ฒ ๋์๋ค. front-end ๊ฐ๋ฐ์๋ DOM์ด ์๋ JavaScript์์ ์ํ๋ฅผ ๊ด๋ฆฌํ ์ ์๊ฒ ๋์๋ค. ์ฆ, DOM์ ์ ๊ทผํ๋ ๋ก์ง์ด ํ์์์ด์ง๊ฒ ๋์๋ค๋ ๊ฒ์ด๋ค. ๊ฑฐ๊ธฐ์๋ค ํ์ํ ์ํ๋ค์ controler์ ๋ชจ์์ ๊ด๋ฆฌํ..