자바스크립트 학습과 팁

javascript window self 사용관련

여러 홈페이지를 돌아다니다 보면 self.a.textContent = "좋아요" 같은 코드를 볼 수도 있습니다. 여기에서 self란 뭘까요? self 란? self란 window 자신을 반환하는 속성으로 window와 self는 같은 의미입니다. 즉, (window === window.self)는 true가 나옵니다. global object인 window는 생략이 가능하기 때문에 window === self 도 true가…

0 Comments

currentTarget vs target 의 차이점 자바스크립트

자바스크립트에서 e.currentTarget와 e.target의 차이점에 궁금한 사항이 있어서 포스팅합니다. 자바스크립트 이벤트는 엘리먼트간에 전파됩니다.(버블링의 경우 제일 안쪽부터 바깥으로, 캡쳐링의 경우 바깥에서 안쪽으로) 일단 그렇게만 알고 계세요. 더 들어가면 복잡해져요 ㅋㅋ. currentTarget vs target 차이점 currentTarget : 이벤트를 등록해 놓은 요소를 반환한다. target :  이벤트가 발생한 요소를 반환한다. <div…

0 Comments

자바스크립트 즉시실행함수 필요한 이유

javascript에서 왜 즉시 실행함수를 사용하는 걸까요? function temp() { test1(); test2(); } temp(); 위와 같이 사용하면 될 것을 굳이 아래처럼 사용하는 이유는 뭘까요? (function () { test1(); test2(); })() 자바스크립트는 왜 즉시실행함수 같은 것이 필요할까? javascript 는 악명높은 hoisting 이라는 것이 있어서 함수…

0 Comments

팩토리패턴과 프로토타입 만들기

자바스크립트에서 프로토타입, 팩토리패턴 함수를 이용하여 중복되는 것들을 공장처럼 찍어낼 수 있다. 위와 같은 스타캐릭터를 계속 찍어내는 공장이 있다. 이것을 자바스크립트 코딩으로 표현하면 아래와 같다. let starChar1 = { 이름: '테란', 공격력: 3, 체력: 10, 타입: '캐릭터', 공격: function(){/*공격코드*/}, 방어: function(){/*방어코드*/}, }; let starChar2…

0 Comments