Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
kcwww authored Dec 13, 2023
1 parent c69857e commit 8d6db50
Showing 1 changed file with 40 additions and 4 deletions.
44 changes: 40 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -244,19 +244,55 @@ SSOCK νŒ€ ν”„λ‘ νŠΈμ—”λ“œμ—μ„œ μ„€κ³„ν•œ μ»΄ν¬λ„ŒνŠΈ ꡬ쑰의 κ°„λž΅ν•œ μ‹œ
μ΄λ•Œ μ»΄ν¬λ„ŒνŠΈμ˜ `props` λ₯Ό 비ꡐ해 이전 κ°’κ³Ό κ°™μœΌλ©΄ λ¦¬λ Œλ”λ§μ„ ν•˜μ§€ μ•ŠλŠ” **`React.memo`** κ³ μ°¨ μ»΄ν¬λ„ŒνŠΈλ₯Ό μ‚¬μš©ν•˜μ—¬ ν•΄κ²°ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

<br>
<div align="center">
<span><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/bdef8c62-cd15-4d2a-90c5-23eddbf66f3e" width="40%" alt="beforeReactMemo"></span>
<span><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/29ad7d51-e755-41ca-b7b9-872d56636549" width="40%" alt="afterReactMemo"></span>
</div>
<table align="center" width="100%">
<th width="20%">React.memo 적용 μ „</th>
<th width="20%">React.memo 적용 ν›„</th>
<tr>
<td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/bdef8c62-cd15-4d2a-90c5-23eddbf66f3e"/></td>
<td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/29ad7d51-e755-41ca-b7b9-872d56636549"/></td>
</tr>
</table>
<br>



[😧 useContext μƒνƒœκ΄€λ¦¬](https://delicious-halloumi-7ae.notion.site/useContext-3da416204dc24f3b879e3520241a2d45?pvs=4)

[πŸ“ React.memo λ₯Ό ν†΅ν•œ μ΅œμ ν™”](https://delicious-halloumi-7ae.notion.site/React-memo-223350a204a84227bfb100d424f5b656?pvs=4)

- ### μ‚¬μš©μž κ²½ν—˜ μ΅œμ ν™”

넀이버 λΆ€μŠ€νŠΈμΊ ν”„ μ±Œλ¦°μ§€λ•Œ μ½μ—ˆλ˜ `ν•¨κ»˜ 자라기` 책을 읽고 μ• μžμΌ 방법둠에 λŒ€ν•΄ μ•Œκ²Œ λ˜μ—ˆκ³ , νŒ€μ›λ“€κ³Ό ν•¨κ»˜ 이번 ν”„λ‘œμ νŠΈμ— μ μš©ν•΄λ³΄κΈ°λ‘œ κ²°μ •ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

3μ£Όμ°¨ λΆ€ν„° ν”„λ‘œν† νƒ€μž…μ΄ λ‚˜μ˜€κ²Œ λ˜λ©΄μ„œ κ°œλ°œμžλ“€μ˜ μž…μž₯κ³Ό μ‚¬μš©μžλ“€μ˜ μž…μž₯ 차이가 μƒλ‹Ήνžˆ λ‹€λ₯΄λ‹€λŠ” 것을 κ²½ν—˜ν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

<br>
<div align="center">
<img alt="μ˜ˆμ‹œμ‚¬μ§„" src="">
<img alt="μ˜ˆμ‹œμ‚¬μ§„" src="">
<img alt="μ˜ˆμ‹œμ‚¬μ§„" src="">
</div>
<br>

ν”Όλ“œλ°± μˆ˜μš©ν•œ μ‚¬μš©μž νŽΈμ˜μ„± κ°œμ„ 


<br>
<table align="center" width="100%">
<th width="20%">ν”Όλ“œλ°± 수용 μ „</th>
<th width="20%">ν”Όλ“œλ°± 수용 ν›„</th>
<tr>
<td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/94c19a5f-67b4-421f-aa0b-c3653fdc0402"/></td>
<td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/dd104ca3-e053-4fb3-8d5f-b1def6588463"/></td>
</tr>
<tr>
<td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/833aedc7-4838-4e25-b332-ac71409e48b5"/></td>
<td><img src="https://github.com/boostcampwm2023/web11-SSOCK/assets/98443541/a3138ac5-60fd-4452-9759-7506721a266e"/></td>
</tr>
</table>
<br>

맀주 μ—¬λŸ¬ μ‚¬μš©μžλ“€μ—κ²Œ ν”Όλ“œλ°±μ„ λ°›μœΌλ©° ν”„λ‘œμ νŠΈλ₯Ό λ³΄μ™„ν•˜κ³  μˆ˜μ •ν•˜μ˜€μŠ΅λ‹ˆλ‹€.



Expand Down

0 comments on commit 8d6db50

Please sign in to comment.