[코드캠프 벨류업]this, binding

민범기·2022년 5월 2일
0

[this]

기본적으로 this는 그 바로 위의 상위를 가르 키는 말이다.
브라우저에서 콘솔을 열고 this 만 치게되면..

this; // Window {}

this는 윈도우를 가르키게 된다. 즉 this는 가장 최상위 객체인 window 객체를 가르킨다.
만약에 우리가 정의한 객체 안에서 this를 찍는다면?

var obj = {
  a: function() { console.log(this); },
};
obj.a(); // obj

우리가 정의한 obj가 콘솔에 출력 되는것을 확인 할 수있다.

즉 쉽게 정의하자면 this는 현재 함수를 실행하고 있는 그 객체를 참조한다.

[binding]

바인딩은 프론트 엔드 부분에서는 각각의 element(속성)에 기능을 하나하나 넣어주는 과정을 바인딩 이라고 한다.
데이터 바인딩 이라는 뜻도 그런 의미와 같다. API를 통해서 받아온 데이터를 바인딩 즉 하나하나 넣어준다 라는 의미이다.

즉 어떠한 element에서 데이터나 값들을 하나하나 할당해 주는 과정을 바인딩 이라고 부른다.

profile
프론트엔드 개발 지망생 민범기입니다^^

0개의 댓글