코딩테스트/리디야 할리 JS Quiz10 JS Quiz 13-16. 이벤트 전파 / 객체와 프로토타입 / 묵시적 형변환 / 후위-전위 연산 13. What are the three phases of event propagation? 정답 D // 이벤트 전파 순서에 대한 문제 (4월 5일 업데이트) 이벤트 전파(event propagation)에는 세 단계가 있다. 캡처링 단계 -> 타깃 단계 -> 버블링 단계 정리한 내용(https://young-taek.tistory.com/213) 이벤트 전파(Event propagation)에 대한 정리 최종 수정 : 2024-04-05 필요한 지식 DOM 트리 이벤트 이벤트 객체 추후 링크 연결 예정 이벤트 전파(evnet propagation) 말 그대로, DOM 요소 노드에서 발생한 이벤트가 DOM 트리를 통해 전파되는 것을 말한 young-taek.tistory.com 14. All objec.. 2024. 4. 2. JS Quiz 9-12. 함수에 대해 묻는 문제 / 다시 공부예정 9. What's the output? let greeting; greetign = {}; // Typo! console.log(greetign); 정답 A // 모르겠다. JS 인터프리터가 어떻게 동작하는 지를 파악하자. It logs the object, because we just created an empty object on the global object! When we mistyped greeting as greetign, the JS interpreter actually saw this as: global.greetign = {} in Node.js window.greetign = {}, frames.greetign = {} and self.greetign in browsers. self... 2024. 4. 1. JS Quiz 5-8. 객체 접근법과 방법 / 얕은 복사 / 원시 타입과 객체 타입 / 클래스 5. Which one is true? const bird = { size: 'small', }; const mouse = { name: 'Mickey', small: true, }; 정답 A // 표기법의 접근순서와 이해 A. mouse 객체에는 bird를 프로퍼티 네임이 존재하지 않는다. 주의해야 할 점은 mouse.(bird.size = small)로 해석하여 mouse.small이라서 인식하면 안 된다는 사실이다! 점표기법은 앞에서부터 접근한다!! B. mouse[small] 이므로 true라는 값을 갖는다. C. 프로퍼티 네임에는 " "를 통해 공백이 있는 것을 하나의 문자열로 만들어주는 역할을 하므로, mouse.bird.size 즉 B와 동일하다. 6. Which one is true? le.. 2024. 3. 31. JS Quiz 1-4. var와 let의 호이스팅과 스코프 / 함수의 this / 형변환과 truthy-falsy 값 1. What's the output? function sayHi() { console.log(name); console.log(age); var name = 'Lydia'; let age = 21; } sayHi(); 정답: D // var와 let의 호이스팅을 묻는 문제 var는 호이스팅이 되어 var name; 이 console.log(name);위에 위치하고 있는 것처럼 인식된다. 그래서 undefined가 반환된 것이다. let 값이 할당되어 있는 상태이므로, 호이스팅이 적용되지 않아 ReferenceError이 반환된 것이다. 만약 아래와 같았다면, undefined가 반환됐을 것이다. 변수 키워드 let도 블록레벨 안에서는 호이스팅이 발생하기 때문이다. 그리고 변수가 선언되고 초기화된 사이를.. 2024. 3. 31. 리디야 할리 JS Quiz 공부 목적 목적! 리디야 할리를 공부하면서, 자바스크립트의 동작 원리와 개념들을 직관적으로 보는 것이 아니라 '천천히' 생각하고 정리하는 시간을 가져보고자 한다. Just Javascript에서 말하는 빠른 사고와 느린 사고의 개념을 인식하는 데 도움이 될 것 같다. 문제를 보면 직관적으로 빠르게 "이건, 이거지!" 하고 체크하면 틀린 경우가 많았다. 그러나 익숙함을 거스르고 천천히 "얘는 이거니까, 그래서 저거이지 않을까?"라고 의식하며 접근하면 정답률이 올라갔다. 급하지 않다. 천천히 가자. 정확히 가야 헛딛지 않는다. 그게 빠른 방법이다. 천천히 조급하자. 참고글 멘탈 모델에 관하여 https://young-taek.tistory.com/191 2024. 3. 31. 이전 1 2 다음