JAVASCRIPT (3) 썸네일형 리스트형 논리 연산자 && || && (AND)- 좌변과 우변이 모두 truthy 해야 true- 좌변이 falsy value 면 우변은 볼 필요도 없다 (우변의 값에 상관없이 이미 false 이므로)- 좌변이 truthy value 면 우변에 따라 결과가 결정된다 (좌변 truthy , 우변 truthy => true / 좌변 truthy , 우변 falsy => falsy ) ⇒ 즉 좌변이 falsy value 이면 좌변의 값 return, 좌변이 truthy value 이면 우변의 값 return EX 1 || (OR)- 좌변과 우변중 하나만 truthy 해도 true- 좌변이 truthy value 면 우변은 볼 필요도 없다 (우변의 값에 상관없이 이미 truthy 이므로)- 좌변이 falsy value 면 우변에 따라 결과가 .. event Bubbling/ Capturing Bubbling- 하위에서 상위 요소로의 이벤트 전파 방식- addEventListener 의 3번째 인자는 default가 false이며 이때 이벤트 전파 방식: bubbling EX 1⇒ span부터 출력됨 Capturing- 버블링과 반대로 상위에서 하위요소로의 이벤트 전파 방식- addEventListener 의 3번째 인자가 true 일때 이벤트 전파 방식: capturing EX 1⇒ span이 맨 마지막으로 출력됨 event flow(https://www.w3.org/TR/DOM-Level-3-Events/images/eventflow.svg 그림 참고)- 이벤트는 양방향 경로를 가지고 있다. 그래서 상위 요소에서 event target 으로 왔다가 다시 상위 요소까지 가게 되는 경로이다.⇒.. javascript prototype 자바스크립트 프로토타입 프로토타입 객체- 생성자 함수를 통해 생성된 모든 객체의 원형이 되는 객체- constructor 속성 : 생성자 함수 그 자체를 가리킴 prototype 프로퍼티- 함수만 가지는 속성- 프로토타입 객체를 참조 EX 1⇒ 함수인 funcTest 는 prototype 속성을 가지고 있다. __proto__ 프로퍼티- 모든 객체가 가지고 있는 속성- 부모 객체의 프로토타입 객체를 참조 EX 2⇒ 자바스크립트는 함수도 객체이므로 둘다 __proto__ 속성을 가지고 있다. EX 3⇒ A.prototype.x 에서 에러가 난다. 아래 그림을 참고하면 이해가 쉬울 듯 ( 그림에서는 명시적으로 A객체에만 표시했지만 모든 객체는 __proto__ 속성을 가지고 있다.) EX 4⇒ A의 부모객체는 foo이기 때문에 A.. 이전 1 다음