๋ชฉ๋ก๐ŸŽจ ํ”„๋ก ํŠธ์—”๋“œ/JavaScript (4)

rigood

[JavaScript] ์ผ๋ฐ˜ํ•จ์ˆ˜์™€ ํ™”์‚ดํ‘œํ•จ์ˆ˜

์ผ๋ฐ˜ํ•จ์ˆ˜ - function ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ •์˜ํ•˜๋Š” ํ•จ์ˆ˜ - ํ•จ์ˆ˜ ์„ ์–ธ์‹์ด๋‚˜ ํ•จ์ˆ˜ ํ‘œํ˜„์‹์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ํ™”์‚ดํ‘œํ•จ์ˆ˜ - ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ES6 ๋ฒ„์ „์—์„œ ๋“ฑ์žฅํ•œ ๋ฌธ๋ฒ•์œผ๋กœ, ํ•จ์ˆ˜๋ฅผ ์ •์˜ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๋˜ ๋‹ค๋ฅธ ๋ฌธ๋ฒ•์ด๋‹ค. - ๊ธฐ์กด์˜ ํ•จ์ˆ˜ ํ‘œํ˜„์‹์„ ํ›จ์”ฌ ๋” ๊ฐ„๊ฒฐํ•œ ๋ฌธ๋ฒ•์œผ๋กœ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. - function ํ‚ค์›Œ๋“œ๋ฅผ ์ง€์šฐ๊ณ , ์†Œ๊ด„ํ˜ธ์™€ ์ค‘๊ด„ํ˜ธ ์‚ฌ์ด์— ํ™”์‚ดํ‘œ๋ฅผ ๋„ฃ์–ด์ค€๋‹ค. - ํ™”์‚ดํ‘œํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์–ด์ฃผ๊ณ , ํ•จ์ˆ˜๋ฅผ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•œ๋‹ค. - ๋ณ€์ˆ˜๋ฅผ ํ•จ์ˆ˜์˜ ์ด๋ฆ„์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•˜์—ฌ ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•  ์ˆ˜ ์žˆ๋‹ค. const main = () => { console.log("hello"); } main(); ํ•จ์ˆ˜ ์„ ์–ธ์‹ - ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ์‹ - function ํ‚ค์›Œ๋“œ์™€ ํ•จ์ˆ˜ ์ด๋ฆ„์„ ์“ฐ๊ณ , ํ•จ..

[Redux] ๋ฆฌ๋•์Šค ๊ฐœ๋…, ์ž‘๋™๋ฐฉ์‹

1. Redux ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋งŒ๋“  ์•ฑ์„ ์œ„ํ•œ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ ์ƒํƒœ ์ €์žฅ์†Œ ๋ณต์žก์„ฑ์„ ๋‚ฎ์ถฐ์„œ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•ด์คŒ ๋ชจ๋“  ๋ฐ์ดํ„ฐ๋ฅผ state์— ๋„ฃ์–ด ๊ด€๋ฆฌํ•˜๋ฉด์„œ ๋ณต์žก์„ฑ์„ ๋‚ฎ์ถ˜๋‹ค. (...๋ผ๊ณ  ํ•˜๋Š”๋ฐ ๋‹ค๋ฅธ ์ƒํƒœ ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ณด๋‹ค ํ›จ์”ฌ ๋” ๋ณต์žกํ•œ ๊ฒƒ ๊ฐ™๋‹ค;;) 2. store ๊ฐœ๋… state๋Š” ํ•จ๋ถ€๋กœ ์ ‘๊ทผํ•  ์ˆ˜ ์—†๊ณ , store์— ์ €์žฅ๋˜์–ด ์žˆ์Œ (๋งˆ์น˜ ์šฐ๋ฆฌ๊ฐ€ ์€ํ–‰์— ๋ˆ์„ ๋„ฃ์–ด๋‘๋Š” ๊ฒƒ์ฒ˜๋Ÿผ) state๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๊ฒƒ, ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ, ๊ตฌ๋…ํ•˜๋Š” ๊ฒƒ ๋ชจ๋‘ store๋ฅผ ํ†ตํ•ด์„œ ์ด๋ฃจ์–ด์ง store์˜ getstate, dispatch, subscribe ์ด์šฉ getstate๋ฅผ ํ†ตํ•ด store์— ์ €์žฅ๋œ state๋ฅผ ๊ฐ€์ ธ์˜ด dispatch์™€ reducer๋ฅผ ํ†ตํ•ด state๋ฅผ ๋ณ€๊ฒฝํ•จ subscribe๋ฅผ ํ†ตํ•ด state๊ฐ€ ๋ฐ”๋€” ๋•Œ๋งˆ๋‹ค s..