@@ -336,7 +336,7 @@ function mutateDeeply() {
336
336
337
337
κΈ°λ³Έμ΄ μλ κ°μ μλμμ μ€λͺ
νλ [ ` reactive() ` ] ( #reactive ) λ₯Ό ν΅ν΄ λ°μν νλ‘μλ‘ μ νλ©λλ€.
338
338
339
- [ shallow refs(μμ μ°Έμ‘°)] ( /api/reactivity-advanced#shallowref ) λ₯Ό μ¬μ©νμ¬ κΉμ λ°μμ±μ μ΅νΈμμν μλ μμ΅λλ€. μμ μ°Έμ‘°μ κ²½μ° λ°μμ±μ μν΄ ` .value ` μ‘μΈμ€λ§ μΆμ λ©λλ€. μμ μ°Έμ‘°λ ν° κ°μ²΄μ κ΄μ°° λΉμ©μ νΌνκ±°λ μΈλΆ λΌμ΄λΈλ¬λ¦¬μμ λ΄λΆ μνλ₯Ό κ΄λ¦¬νλ κ²½μ° μ±λ₯μ μ΅μ ννλ λ° μ¬μ©ν μ μμ΅λλ€.
339
+ [ shallow refs(μμ μ°Έμ‘°)] ( /api/reactivity-advanced#shallowref ) λ₯Ό μ¬μ©νμ¬ κΉμ λ°μμ±μ μ΅νΈμμν μλ μμ΅λλ€. μμ μ°Έμ‘°μ κ²½μ° λ°μμ±μ μν΄ ` .value ` μ‘μΈμ€λ§ μΆμ λ©λλ€. μμ μ°Έμ‘°λ ν° κ°μ²΄μ κ΄μ°° λΉμ©μ νΌνκ±°λ μΈλΆ λΌμ΄λΈλ¬λ¦¬μμ λ΄λΆ μνλ₯Ό κ΄λ¦¬νλ κ²½μ° μ±λ₯μ μ΅μ ννλ λ° μ¬μ©ν μ μμ΅λλ€.
340
340
341
341
μΆκ° μ 보:
342
342
@@ -404,7 +404,7 @@ const state = reactive({ count: 0 })
404
404
</button>
405
405
```
406
406
407
- λ°μν κ°μ²΄λ [ JavaScript Proxies] ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy ) μ΄λ©° μΌλ° κ°μ²΄μ²λΌ μλν©λλ€. μ°¨μ΄μ μ Vueκ° λ°μμ± μΆμ λ° νΈλ¦¬κ±°λ§μ μν΄ λ°μμ± κ°μ²΄μ λͺ¨λ μμ±μ λν μ‘μΈμ€ λ° λ³νμ κ°λ‘μ± μ μλ€λ κ²μ
λλ€.
407
+ λ°μν κ°μ²΄λ [ JavaScript Proxies] ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy ) μ΄λ©° μΌλ° κ°μ²΄μ²λΌ μλν©λλ€. μ°¨μ΄μ μ Vueκ° λ°μμ± μΆμ λ° νΈλ¦¬κ±°λ§μ μν΄ λ°μμ± κ°μ²΄μ λͺ¨λ μμ±μ λν μ‘μΈμ€ λ° λ³νμ κ°λ‘μ± μ μλ€λ κ²μ
λλ€.
408
408
409
409
` reactive() ` λ κ°μ²΄λ₯Ό μ¬μΈ΅μ μΌλ‘ λ³νν©λλ€. μ€μ²©λ κ°μ²΄λ μ‘μΈμ€ν λ ` reactive() ` λ‘ λνλ©λλ€. ref κ°μ΄ κ°μ²΄μΌ λ λ΄λΆμ μΌλ‘ ` ref() ` μ μν΄ νΈμΆλκΈ°λ ν©λλ€. μμ μ°Έμ‘°μ μ μ¬νκ² κΉμ λ°μμ±μ μ΅νΈμμνκΈ° μν [ ` shallowReactive() ` ] ( /api/reactivity-advanced#shallowreactive ) APIλ μμ΅λλ€.
410
410
@@ -452,7 +452,7 @@ console.log(proxy.nested === raw) // false
452
452
453
453
1 . ** μ νλ κ° μ ν:** κ°μ²΄ μ ν(κ°μ²΄, λ°°μ΄ λ° [ 컬λ μ
μ ν] ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects#keyed_collections ) μλ§ μλν©λλ€. (μ: ` Map ` λ° ` Set ` ). κ·Έλ¬λ ` string ` , ` number ` λλ ` boolean ` κ³Ό κ°μ [ κΈ°λ³Έ μ ν] ( https://developer.mozilla.org/en-US/docs/Glossary/Primitive ) μ 보μ ν μ μμ΅λλ€.
454
454
455
- 2 . ** μ 체 κ°μ²΄λ₯Ό λ체ν μ μμ:** Vueμ λ°μμ± μΆμ μ μμ± μ‘μΈμ€λ₯Ό ν΅ν΄ μλνλ―λ‘ λ°μ κ°μ²΄μ λν λμΌν μ°Έμ‘°λ₯Ό νμ μ μ§ν΄μΌ ν©λλ€. μ¦, 첫 λ²μ§Έ μ°Έμ‘°μ λν λ°μμ± μ°κ²°μ΄ λμ΄μ§κΈ° λλ¬Έμ λ°μμ± κ°μ²΄λ₯Ό μ½κ² "λ체(replace)"ν μ μμ΅λλ€:
455
+ 2 . ** μ 체 κ°μ²΄λ₯Ό λ체ν μ μμ:** Vueμ λ°μμ± μΆμ μ μμ± μ‘μΈμ€λ₯Ό ν΅ν΄ μλνλ―λ‘ λ°μ κ°μ²΄μ λν λμΌν μ°Έμ‘°λ₯Ό νμ μ μ§ν΄μΌ ν©λλ€. μ¦, 첫 λ²μ§Έ μ°Έμ‘°μ λν λ°μμ± μ°κ²°μ΄ λμ΄μ§κΈ° λλ¬Έμ λ°μμ± κ°μ²΄λ₯Ό μ½κ² "λ체(replace)"ν μ μμ΅λλ€:
456
456
457
457
``` js
458
458
let state = reactive ({ count: 0 })
@@ -474,7 +474,7 @@ console.log(proxy.nested === raw) // false
474
474
475
475
// ν¨μλ μΌλ° μ«μλ₯Ό μμ νκ³
476
476
// state.countμ λν λ³κ²½ μ¬νμ μΆμ ν μ μμ΅λλ€.
477
- // λ°μμ±μ μ μ§νλ €λ©΄ μ 체 κ°μ²΄λ₯Ό μ λ¬ν΄μΌ ν©λλ€.
477
+ // λ°μμ±μ μ μ§νλ €λ©΄ μ 체 κ°μ²΄λ₯Ό μ λ¬ν΄μΌ ν©λλ€.
478
478
callSomeFunction (state .count )
479
479
```
480
480
0 commit comments