dev-hpk 님의 블로그

JavaScript에서 this 키워드는 가장 혼란스러우면서도 중요한 개념 중 하나입니다. this는 함수가 호출되는 맥락(context)에 따라 값이 달라지며, 이를 올바르게 이해하고 사용하는 것이 JavaScript 코드를 작성할 때 매우 중요합니다.이번 포스팅에서는 this가 무엇인지, 다양한 상황에서 어떻게 동작하는지, 그리고 그 사용법을 명확히 이해하기 위한 실전 예시들을 함께 알아보겠습니다.   JavaScript - this 목차 1. this란? 2. this의 다양한 동작 상황 3. 화살표 함수와 this 4. 주의 사항 - 콜백 함수에서 this 5. this의 명시적 바인딩마무리추천글위의 목차를 클릭하면 해당 글로 자동 이동 합니다. this란? this는 함수가 어디서 어떻게 호출되..

JavaScript에서 spread 구문(...)은 배열과 객체를 복사하거나 병합하는데 매우 유용한 문법입니다. 특히 간결한 코드로 데이터를 다룰 수 있어 자주 사용됩니다. 하지만, spread 구문이 항상 얕은 복사(shallow copy)를 수행한다는 점을 이해하는 것이 중요합니다. 이 글에서는 얕은 복사와 깊은 복사의 차이점을 설명하고, 어떤 경우에 spread 구문이 적합한지, 그리고 깊은 복사가 필요한 경우 어떻게 처리해야 하는지 알아보겠습니다.    자바스크립트의 얕은 복사와 깊은 복사 목차   1. 얕은 복사 2. 깊은 복사 3. 적절한 사용법 4. 얕은 복사의 위험성마무리추천글 얕은 복사얕은 복사는 객체나 배열의 참조값을 복사하는 것을 의미합니다. 즉, 배열이나 객체의 각 요소가 원시형(P..