๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

vuex ๊ตฌ์กฐ1

Vuex / ์ƒํƒœ๊ด€๋ฆฌ / Vuex ํŒจํ„ด ๋ฐ ์š”์†Œ Vuex ๋ž€? Vue.js ์˜ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•œ ํŒจํ„ด์ด์ž ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. ๋ชจ๋“  ์ปดํฌ๋„ŒํŠธ์— ๋Œ€ํ•œ ์ค‘์•™ ์ง‘์ค‘์‹ ์ €์žฅ์†Œ ์—ญํ• ์„ ํ•˜๋ฉฐ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ ๋ฐฉ์‹์œผ๋กœ ์ƒํƒœ๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋‹ค. Vuex ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์€ ๊ฒฝ์šฐ ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ํ•œ ํ™”๋ฉด์„ ์ž‘์€ ๋‹จ์œ„์˜ ์ปดํฌ๋„ŒํŠธ ์—ฌ๋Ÿฌ ๊ฐœ๋กœ ์ชผ๊ฐœ์–ด ๊ตฌ์„ฑํ•œ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ๋ทฐ์—์„œ๋Š” ์ปดํฌ๋„ŒํŠธ ๊ฐ„ ๋ฐ์ดํ„ฐ ์ „๋‹ฌ์„ ์œ„ํ•ด emit, props ๋“ฑ์„ ์‚ฌ์šฉํ•˜๋Š”๋ฐ ์—ฌ๊ธฐ์„œ ๋ช‡ ๊ฐ€์ง€ ๋ฌธ์ œ์ ์ด ์žˆ๋‹ค. ๋ฐ์ดํ„ฐ์˜ ์›€์ง์ž„์„ ํ™•์ธํ•  ์ˆ˜ ์—†๋‹ค. ๋ถ€๋ชจ-์ž์‹ ์ปดํฌ๋„ŒํŠธ์˜ ๊ด€๊ณ„๊ฐ€ ๋ณต์žกํ•ด์ง€๋ฉด ๋ฐ์ดํ„ฐ์˜ ์ด๋™์„ ํŒŒ์•…ํ•˜๊ธฐ ์–ด๋ ต๋‹ค. ์ปดํฌ๋„ŒํŠธ๋กœ๋ถ€ํ„ฐ ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌ๋ฐ›๊ธฐ ์œ„ํ•ด ์ค‘๊ฐ„์— ๊ฑฐ์ณ์•ผ ํ•  ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋งŽ์•„์ง„๋‹ค. ๋จผ์ €, ์ž์‹ ์ปดํฌ๋„ŒํŠธ์˜ ๊นŠ์ด์— ๋”ฐ๋ผ props, emit ์˜ ์ˆ˜๊ฐ€ ๋งŽ์•„์ง€๋ฉฐ ๊ด€๋ฆฌ์— ์–ด๋ ค์›€์ด ์ƒ๊ธด๋‹ค. ๊ฒŒ๋‹ค๊ฐ€ ๋ถ€.. 2022. 4. 5.