유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

개발자들이 잘못알고있는 자바스크립트 메모리관리 방법

중써니

2025. 2. 18.

0

#frontend
#etc
  • 자바스크립트 메모리 관리: 스택(원시 타입)과 힙(객체, 배열)의 차이점 💡
  • 원시 타입 비교 vs. 객체 비교: 값 비교 vs. 참조 비교 ⚖️
  • React useEffects의 동작 방식: Strict Equality 비교 (===) 🧐
  • useEffects에서 객체 변경 감지 실패 해결책 1: 불변성 유지 (객체 전체 교체) 🔄
  • useEffects에서 객체 변경 감지 실패 해결책 2: 객체 자체를 dependency array에 추가 📌
  • 객체 내부 값 변경 감지: JSON.stringify()는 비효율적 (Anti-pattern) 🚫
  • 객체 내부 값 변경 감지 해결책: 모든 관련 값을 dependency array에 추가 또는 useMemo 활용 🗂️
  • 깊은 객체의 값 변경 감지: useMemo를 사용하여 가독성 및 성능 향상 🚀

Recommanded Videos