@@ -244,19 +244,55 @@ SSOCK ν νλ‘ νΈμλμμ μ€κ³ν μ»΄ν¬λνΈ κ΅¬μ‘°μ κ°λ΅ν μ
244
244
μ΄λ μ»΄ν¬λνΈμ ` props ` λ₯Ό λΉκ΅ν΄ μ΄μ κ°κ³Ό κ°μΌλ©΄ 리λ λλ§μ νμ§ μλ ** ` React.memo ` ** κ³ μ°¨ μ»΄ν¬λνΈλ₯Ό μ¬μ©νμ¬ ν΄κ²°νμμ΅λλ€.
245
245
246
246
<br >
247
- <div align =" center " >
248
- <span ><img src =" https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/bdef8c62-cd15-4d2a-90c5-23eddbf66f3e " width =" 40% " alt =" beforeReactMemo " ></span >
249
- <span ><img src =" https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/29ad7d51-e755-41ca-b7b9-872d56636549 " width =" 40% " alt =" afterReactMemo " ></span >
250
- </div >
247
+ <table align =" center " width =" 100% " >
248
+ <th width =" 20% " >React.memo μ μ© μ </th >
249
+ <th width =" 20% " >React.memo μ μ© ν</th >
250
+ <tr >
251
+ <td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/bdef8c62-cd15-4d2a-90c5-23eddbf66f3e"/></td>
252
+ <td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/29ad7d51-e755-41ca-b7b9-872d56636549"/></td>
253
+ </tr >
254
+ </table >
251
255
<br >
252
256
257
+
258
+
253
259
[ π§ useContext μνκ΄λ¦¬] ( https://delicious-halloumi-7ae.notion.site/useContext-3da416204dc24f3b879e3520241a2d45?pvs=4 )
254
260
255
261
[ π React.memo λ₯Ό ν΅ν μ΅μ ν] ( https://delicious-halloumi-7ae.notion.site/React-memo-223350a204a84227bfb100d424f5b656?pvs=4 )
256
262
263
+ - ### μ¬μ©μ κ²½ν μ΅μ ν
264
+
265
+ λ€μ΄λ² λΆμ€νΈμΊ ν μ±λ¦°μ§λ μ½μλ ` ν¨κ» μλΌκΈ° ` μ±
μ μ½κ³ μ μμΌ λ°©λ²λ‘ μ λν΄ μκ² λμκ³ , νμλ€κ³Ό ν¨κ» μ΄λ² νλ‘μ νΈμ μ μ©ν΄λ³΄κΈ°λ‘ κ²°μ νμμ΅λλ€.
266
+
267
+ 3μ£Όμ°¨ λΆν° νλ‘ν νμ
μ΄ λμ€κ² λλ©΄μ κ°λ°μλ€μ μ
μ₯κ³Ό μ¬μ©μλ€μ μ
μ₯ μ°¨μ΄κ° μλΉν λ€λ₯΄λ€λ κ²μ κ²½ννκ² λμμ΅λλ€.
268
+
269
+ <br >
270
+ <div align =" center " >
271
+ <img alt =" μμμ¬μ§ " src =" " >
272
+ <img alt =" μμμ¬μ§ " src =" " >
273
+ <img alt =" μμμ¬μ§ " src =" " >
274
+ </div >
275
+ <br >
276
+
277
+ νΌλλ°± μμ©ν μ¬μ©μ νΈμμ± κ°μ
257
278
258
279
280
+ <br >
281
+ <table align =" center " width =" 100% " >
282
+ <th width =" 20% " >νΌλλ°± μμ© μ </th >
283
+ <th width =" 20% " >νΌλλ°± μμ© ν</th >
284
+ <tr >
285
+ <td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/94c19a5f-67b4-421f-aa0b-c3653fdc0402"/></td>
286
+ <td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/dd104ca3-e053-4fb3-8d5f-b1def6588463"/></td>
287
+ </tr >
288
+ <tr >
289
+ <td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/833aedc7-4838-4e25-b332-ac71409e48b5"/></td>
290
+ <td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/a3138ac5-60fd-4452-9759-7506721a266e"/></td>
291
+ </tr >
292
+ </table >
293
+ <br >
259
294
295
+ λ§€μ£Ό μ¬λ¬ μ¬μ©μλ€μκ² νΌλλ°±μ λ°μΌλ©° νλ‘μ νΈλ₯Ό 보μνκ³ μμ νμμ΅λλ€.
260
296
261
297
262
298
0 commit comments