javascript
-
[this, 화살표 함수] Javascript this 완전정복!javascript 2022. 3. 31. 16:43
안녕하세요! 오늘은 좀 개념적인 부분인 자바스크립트의 this에 대해서 알아보도록 하겠습니다. 우선 this는 생성자 혹은 메소드에서 객체를 가리킬때 쓰입니다. this 때에 따라 다른 값을 가리킵니다. 어디에서 선언되냐에 따라서 그 값이 바뀝니다. global scope 에서 사용될 때 this 는 전역 객체를 가리킵니다.(window 객체) 함수에서 사용될 때에도 this 는 전역 객체를 가리킵니다. 객체에 속한 메소드에서 사용될 때 this 는 메소드가 속한 객체를 가리킵니다. 객체에 속한 메소드의 내부함수에서 사용될 때 this 는 전역 객체를 가리킵니다. 생성자에서 사용될 때 this 는 이 생성자로 인해 생성된 새로운 객체를 가리킵니다. 글로써 보는 것보다 코드와 함께 설명하면 훨씬 이해하기 ..
-
Event bubbling, 이벤트 버블링이란?javascript 2022. 3. 25. 20:23
안녕하세요 박상준입니다. 오늘은 이벤트 버블링에 대해 공부해보는 시간입니다! 🤔 What is the event bubbling? 이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미합니다. HTML요소는 트리 형식이죠? 그렇다면 그 랜딩페이지에서 가 최상위 요소가 됩니다. 그 밑으로 자식 요소들이 있죠. 브라우저는 이벤트를 하위 컴포넌트에서 상위 컴포넌트로 전파시키는 방식을 가집니다. 이 것을 ' 이벤트 버블링' 이라고 합니다. What is the event Capture? 이벤트 캡쳐링은 반대로 브라우저로부터 이벤트가 발생한 요소까지 이벤트를 전달합니다. 이벤트 버블링과 정반대인 것이죠. 이 것은 이벤트리스너의 옵션으로써 구현할 ..