목록this (2)
DevSSOM
객체(Object) 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것. 객체는 한꺼번에 여러 값을 담을 수 있는 통(container)와 같은 자료구조. 객체 안에는 이름-값 쌍(name-value pair)가 저장되는데, 이를 객체의 속성(property)라고 함. const person = { name : "devSsom", // 속성 이름 = 'name', 속성값 = devSsom age : 31 // 속성 이름 = 'age', 속성값 = 31 language : ["javaScript", "python"], // 속성 이름 = 'language', 속성값 = 배열 }; 위에서 person 변수에 할당된 객체에는 3개의 속성이 저장되었음. 객체 다루기 속성 접근자, delete 연산자, in 연..
this this는 어느 특정 영역에 이벤트를 적용할 때, 실제 이벤트가 발생되는 선택된 영역을 의미. this를 잘 못 쓰면 코드 길이가 엄청나게 늘어날 수 있기 때문에 굉장히 중요해. 그림과 같이 3개의 박스가 주어짐. 이때 "맨 위에 있는 첫 번째 박스를 클릭하면, 첫 번째 박스만 색깔이 바뀌었으면 좋겠다" 라고 할 때 this를 사용. 즉, 특정 이벤트 영역을 지정할 때 사용하는 게 this. // 3개의 박스에 favorites_icon이라고 하는 클래스 이름을 지어줌 // 그리고, 3개의 박스들은 $favorites_icon 이라고 하는 변수 안에 넣어줌. var $favorites_icon = $(".favorites_icon"); // 내가 지정한 박스만 색상을 바꾸고 싶을 때 $favor..