๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป๊ฐœ๋ฐœ ์ด์•ผ๊ธฐ

[๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ๋ชจ๋ฐ”์ผ์•ฑ ๊ฐœ๋ฐœ] ๋ฌด๋ฃŒ ๋™์˜์ƒ ๊ฐ•์˜๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค.

๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ๊ฐ™์ด ๊ณต๋ถ€ํ•ด์š”~! ๋‹ˆ๊ผด๋ผ์Šค ์„ ์ƒ๋‹˜์˜ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ๋™์˜์ƒ ๊ฐ•์˜๊ฐ€ 2019๋…„๋„ ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ ์—…๋ฐ์ดํŠธ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ 5๋ถ„์”ฉ ์ด 17๊ฐ•์ž…๋‹ˆ๋‹ค. ๋งค์ผ 5๋ถ„์”ฉ 17์ผ, ๋˜๋Š” ๋”ฑ 1์‹œ๊ฐ„ 30๋ถ„๋งŒ ํˆฌ์žํ•˜๋ฉด ๋ฐ”๋กœ ๋ชจ๋ฐ”์ผ์•ฑ ๊ฐœ๋ฐœ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ ๋™์˜์ƒ๋„ ์งง๊ณ  ์ดˆ๋ณด ์œ„์ฃผ๋กœ ์„ค๋ช…ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ฝ”๋”ฉ์— ๊ด€์‹ฌ์ด ์žˆ๋‹ค๋ฉด ๊ธˆ๋ฐฉ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #16 : Use Volatile State and Lifecycle Methods to Manage Private State

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #15 : Use Volatile State and Lifecycle Methods to Manage Private State"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ 


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #15 : Use Volatile State and Lifecycle Methods to Manage Private State

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #14 : ์„œ๋ฒ„์—์„œ ๋ฐ์ดํ„ฐ ๊ฐ€์ ธ์˜ค๊ธฐ"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด ํฌ์ŠคํŒ…์€ ์ œ๊ฐ€ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๋…ธํŠธ์— ์ •๋ฆฌํ•˜๋“ฏ์ด ๊ธฐ๋กํ•˜์—ฌ ์˜ฌ๋ฆฌ๋Š” ๊ธ€์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ณดํŒ… ์•ˆํ•ด์ฃผ์…”์„œ ๋ฉ๋‹ˆ๋‹ค. ๋งŽ์€ ๋ถ„๋“ค์ด ์ฝ”๋”ฉ์— ํฅ๋ฏธ๋ฅผ ๋Š๊ผˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค. ใ…‹


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #14 : ์„œ๋ฒ„์—์„œ ๋ฐ์ดํ„ฐ ๊ฐ€์ ธ์˜ค๊ธฐ

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #13 : References์™€ Identifiers๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ์— Relationships ๋งŒ๋“ค๊ธฐ"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด ํฌ์ŠคํŒ…์€ ์ œ๊ฐ€ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๋…ธํŠธ์— ์ •๋ฆฌํ•˜๋“ฏ์ด ๊ธฐ๋กํ•˜์—ฌ ์˜ฌ๋ฆฌ๋Š” ๊ธ€


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #13 : References์™€ Identifiers๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ์— Relationships ๋งŒ๋“ค๊ธฐ

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #12 : Flow๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋น„๋™๊ธฐ ํ”„๋กœ์„ธ์Šค ์ •์˜ํ•˜๊ธฐ"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด ํฌ์ŠคํŒ…์€ ์ œ๊ฐ€ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๋…ธํŠธ์— ์ •๋ฆฌํ•˜๋“ฏ์ด ๊ธฐ๋กํ•˜์—ฌ ์˜ฌ๋ฆฌ๋Š” ๊ธ€์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ณดํŒ… ์•ˆํ•ด์ฃผ์…”์„œ ๋ฉ๋‹ˆ๋‹ค. ๋งŽ์€ ๋ถ„๋“ค์ด ์ฝ”๋”ฉ์— ํฅ๋ฏธ๋ฅผ ๋Š๊ผˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค. ใ…‹


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #12 : Flow๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋น„๋™๊ธฐ ํ”„๋กœ์„ธ์Šค ์ •์˜ํ•˜๊ธฐ

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #11 : ๋” ๋งŽ์€ mobx-state-tree Types ๋ฐฐ์šฐ๊ธฐ: map, literal, union, enumeration"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด ํฌ์ŠคํŒ…์€ ์ œ๊ฐ€ ํ•™


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #11 : ๋” ๋งŽ์€ mobx-state-tree Types ๋ฐฐ์šฐ๊ธฐ: map, literal, union, enumeration

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #10 : Model Definitions Change๋˜๋ฉด Hot Module Reloading๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Model Tree State ๋ณต์›ํ•˜๊ธฐ"์—์„œ ์ด์–ด์ง€๋Š”


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #10 : Model Definitions Change๋˜๋ฉด Hot Module Reloading๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Model Tree State ๋ณต์›ํ•˜๊ธฐ

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #9 : ๋กœ์ปฌ ์ €์žฅ์†Œ์— ์ €์žฅ์†Œ ์ €์žฅ"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด ํฌ์ŠคํŒ…์€ ์ œ๊ฐ€ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๋…ธํŠธ์— ์ •๋ฆฌํ•˜๋“ฏ์ด ๊ธฐ๋กํ•˜์—ฌ ์˜ฌ๋ฆฌ๋Š” ๊ธ€์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ณดํŒ… ์•ˆํ•ด์ฃผ์…”์„œ ๋ฉ๋‹ˆ๋‹ค. ๋งŽ์€ ๋ถ„๋“ค์ด ์ฝ”๋”ฉ์— ํฅ๋ฏธ๋ฅผ ๋Š๊ผˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค. ใ…‹


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #9 : ๋กœ์ปฌ ์ €์žฅ์†Œ์— ์ €์žฅ์†Œ ์ €์žฅ

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #8 : Create an Entry Form to Add Models to the State Tree"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด ํฌ์ŠคํŒ…์€ ์ œ๊ฐ€ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๋…ธํŠธ์— ์ •๋ฆฌ


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #8 : Create an Entry Form to Add Models to the State Tree

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #7 : Remove Model Instances from the Tree"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด ํฌ์ŠคํŒ…์€ ์ œ๊ฐ€ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๋…ธํŠธ์— ์ •๋ฆฌํ•˜๋“ฏ์ด ๊ธฐ๋กํ•˜์—ฌ ์˜ฌ๋ฆฌ๋Š” ๊ธ€์ด


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #7 : Remove Model Instances from the Tree

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #6 : Views๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ชจ๋ธ์—์„œ ์ •๋ณด ๋ณด์—ฌ์ฃผ๊ธฐ"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด ํฌ์ŠคํŒ…์€ ์ œ๊ฐ€ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๋…ธํŠธ์— ์ •๋ฆฌํ•˜๋“ฏ์ด ๊ธฐ๋กํ•˜์—ฌ ์˜ฌ๋ฆฌ๋Š” ๊ธ€์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ณดํŒ… ์•ˆํ•ด์ฃผ


[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #6 : React์—์„œ mobx-state-tree Models ์ˆ˜์ •ํ•˜๊ธฐ

์ด์ „๊ธ€ "[React] Mobx-state-tree ํ•™์Šตํ•˜๊ธฐ #5 : React์—์„œ mobx-state-tree ๋ชจ๋ธ ๋ Œ๋”๋งํ•˜๊ธฐ"์—์„œ ์ด์–ด์ง€๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด ํฌ์ŠคํŒ…์€ ์ œ๊ฐ€ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๋…ธํŠธ์— ์ •๋ฆฌํ•˜๋“ฏ์ด ๊ธฐ๋กํ•˜์—ฌ ์˜ฌ๋ฆฌ๋Š” ๊ธ€์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ณดํŒ… ์•ˆํ•ด์ฃผ์…”์„œ ๋ฉ๋‹ˆ๋‹ค. ๋งŽ์€ ๋ถ„๋“ค์ด ์ฝ”๋”ฉ์— ํฅ๋ฏธ๋ฅผ