[ν”„λ‘ νŠΈμ—”λ“œ μƒμ‘΄μ½”μŠ€ 10κΈ°] 12μ£Όμ°¨ 회고

2024. 4. 30. 12:31ㆍEducation/Megaptera

πŸ“…  24.04.15 ~ 24.04.21 

κ΄€λ¦¬μž νŽ˜μ΄μ§€λ₯Ό λ§Œλ“€μ–΄ μ‡Όν•‘λͺ°μ„ μ™„μ„±ν•˜λŠ” μ£Όμ°¨μ˜€λ‹€. 

 

πŸ‘©πŸ»‍πŸ’» λ‚˜λŠ” μ΄λ²ˆμ£Όμ— 무엇을 λ°°μ› λŠ”κ°€? 

 

λ§ˆμ§€λ§‰ μ£Όμ°¨λŠ” μ‡Όν•‘λͺ°μ˜ κ΄€λ¦¬μž νŽ˜μ΄μ§€μ˜ κΈ°λŠ₯을 κ΅¬ν˜„ν•΄ λ³΄λŠ” μ£Όμ°¨μ˜€λ‹€. ν•œ μ£Ό μ•ˆμ— κ΄€λ¦¬μž νŽ˜μ΄μ§€λ₯Ό λ‹€ λ§Œλ“€ 수 μžˆμ„κΉŒ?λΌλŠ” μ˜λ¬Έμ„ κ°€μ‘Œμ§€λ§Œ, λ‹¨μˆœν•œ CRUD μ• ν”Œλ¦¬μΌ€μ΄μ…˜ κ΅¬ν˜„μœΌλ‘œ μ‡Όν•‘λͺ° νŽ˜μ΄μ§€μ™€ λ‹€λ₯΄κ²Œ SWR을 μ‚¬μš©ν•΄μ„œ μΊμ‹œμ— μ§‘μ€‘ν•˜κ³  λ°±μ—”λ“œμ™€ λ™κΈ°ν™”ν•˜λŠ” λ°©μ‹μ˜ 흐름을 ν•™μŠ΅ν–ˆλ‹€. μ•„λ¬΄λž˜λ„ κ΄€λ¦¬μž νŽ˜μ΄μ§€λŠ” 데이터λ₯Ό μ—…λ°μ΄νŠΈ ν•˜λŠ” 뢀뢄이 많기 λ•Œλ¬Έμ— SWR을 μ‚¬μš©ν•΄μ„œ μΊμ‹œλ₯Ό μ΄μš©ν•˜μ—¬ κ°€μ Έμ˜¨ 데이터λ₯Ό μ €μž₯ν•˜κ³  μž¬μ‚¬μš© ν•  수 μžˆμ–΄μ„œ λ³„λ„μ˜ store μž‘μ—…μ„ ν•˜μ§€ μ•Šμ•„λ„ λ˜μ—ˆλ‹€. μ‹€μ‹œκ°„ 데이터 갱신에 λ”°λ₯Έ ν™”λ©΄ μ—…λ°μ΄νŠΈκ°€ ν•„μš”μ‹œ μ‚¬μš©ν•˜λ©΄ 쒋을 κ±° κ°™λ‹€λŠ” 생각을 ν–ˆλ‹€. μ’€ 더 λ³΅μž‘ν•œ κ±Έ 닀루고 μ‹Άλ‹€λ©΄ TanStack Query λ₯Ό 도전해 보라고 ν–ˆμ§€λ§Œ, 아직은 λ‚˜μ—κ²ŒλŠ” μ–΄λ ΅λ‹€. 

λ˜ν•œ κ΄€λ¦¬μž νŽ˜μ΄μ§€μ—μ„œλŠ” Form 생성과 κ΄€λ ¨λœ 처리λ₯Ό React Hook Form 라이브러리λ₯Ό μ‚¬μš©ν•΄μ„œ κ΅¬ν˜„ν•œλ‹€. ν•΄λ‹Ή 라이브러리λ₯Ό κ΅¬ν˜„ν•΄λ³΄λ©΄μ„œ μ œμ–΄ μ»΄ν¬λ„ŒνŠΈμ™€ λΉ„μ œμ–΄ μ»΄ν¬λ„ŒνŠΈμ˜ 차이점을 μΆ”κ°€λ‘œ ν•™μŠ΅ν•  수 μžˆμ—ˆλ‹€. 

 

 

🎯  μ•žμœΌλ‘œ 더 ν•™μŠ΅μ΄ ν•„μš”ν•œ λΆ€λΆ„

 

λ©”κ°€ν…ŒλΌ μƒμ‘΄μ½”μŠ€κ°€ 끝났닀. λ§ˆμ§€λ§‰ μ£Όμ°¨λŠ” μ½”μŠ€κ°€ λλ‚˜κ³  λ’€λŠ¦κ²Œ ν•™μŠ΅ν•˜κ²Œ λ˜μ—ˆλ‹€. 

온라인 μ‡Όν•‘λͺ°μ„ κ΅¬ν˜„ν•˜λŠ” μ‹€μŠ΅μ£Όμ°¨λΆ€ν„°λŠ” μ½”μŠ€λ₯Ό μ—΄μ‹¬νžˆ μ°Έμ—¬ν•˜μ§€ λͺ»ν–ˆλ‹€. κ΅¬ν˜„μ„ μ‹œμž‘ν•˜λ©΄μ„œ λΆ€μ‘±ν•œ κ°œλ…λ“€μ΄ λ“±μž₯ν•˜κΈ° μ‹œμž‘ν–ˆκ³ , λ§‰μƒ κ΅¬ν˜„ν•˜λ €κ³  κ°•μ˜λ₯Ό 듣지 μ•Šκ³ , APIλ₯Ό ν™œμš©ν•΄ λ‚΄κ°€ μƒκ°ν•œ λ°©μ‹λŒ€λ‘œ κ΅¬ν˜„ν•˜λ €κ³  ν•˜λ©΄ λ§‰νžˆλŠ” 뢀뢄이 ν•œλ‘ κ°œκ°€ μ•„λ‹ˆμ—ˆλ‹€. 특히 store κ΅¬ν˜„ν•˜λŠ” λΆ€λΆ„μ—μ„œ usesotre-ts κ°œλ…μ„ 잘 λͺ¨λ₯΄λŠ”데 λ‹¨μˆœ νƒ€μžμΉ˜κΈ° 밖에 λ˜μ§€ μ•Šμ•„.. λ‹€λ₯Έ μ „μ—­ μƒνƒœκ΄€λ¦¬ 라이브러리λ₯Ό μΆ”κ°€μ μœΌλ‘œ 곡뢀λ₯Ό ν•˜λŠλΌ κ΅¬ν˜„ μ‹€μŠ΅ μ£Όμ°¨λŠ” νλ¦„λ§Œ νŒŒμ•…ν–ˆλ‹€. κΌ­ λ³΅μŠ΅μ„ ν•΄μ„œ μ™„λ²½ν•˜κ²Œ κ°•μ˜λ₯Ό λ‚΄ 거둜 λ§Œλ“€κ³  μ‹Άλ‹€. λŠλ¦¬λ”λΌλ„ 계속 λ°˜λ³΅ν•΄μ„œ λ“£λŠ”λ‹€λ©΄ λ‹€ μ΄ν•΄ν•˜κ³  λ‹€ κ΅¬ν˜„ν•  수 μžˆμ„ 것이닀. 끝났닀고 λλ‚œ 게 μ•„λ‹ˆκ³  계속 이해할 λ•ŒκΉŒμ§€ μ‹œλ„ν•˜λŠ” 게 μ€‘μš”ν•˜λ‹€κ³  μƒκ°ν•œλ‹€.