Web

this 바인딩

this 라는 것은 어떤 클래스 안에 있는 함수를 다른 함수의 콜백으로 전달할때는 그 함수가 포함되어져있는 클래스의 정보가 사라지기 때문에 바인딩이 필요하다. arrow function이 없었을 때는 bind 를 많이 썼다. arrow function을...

Continue reading...

Event Prevent & Event delegation

Event Prevent Event Delegation 버블링업 되는 것을 이용하여 delegation(이벤트 위임)을 해보자 ✏️ 클릭되었을때 노란으로 바뀌는 코드를 작성해보자. 보통 li태그들을 다 querySelectorAll()로 가져와서 각 엘리멘트에 이벤트 리스너를 붙이는데, bubbling을 이용하여 ul 하나에만...

Continue reading...

Capturing & Bubbling

Capturing 과 Bubbling 상기 코드에서 버튼을 클릭하면, 부모의 이벤트까지 모두 호출되는걸 확인할 수 있다. 이는 bubbling up이 되는 것이다. 버블링을 막는 방법 ? 🚫 위와 같이 버블링이 일어나지않도록 처리할 수 있다....

Continue reading...

Events & Break point

Events 개념 https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events 기본적으로 이벤트 핸들러를 등록할 수 있는 요소는 EventTarget 를 상속하는 모든 요소이다. 즉 모든 엘리멘트에 이벤트를 등록할 수 있다. Events 종류 https://developer.mozilla.org/en-US/docs/Web/Events 강제 이벤트 발생 특정 이벤트가 가지고...

Continue reading...

CGI (Common Gateway Interface) 란 ?

오늘 포스팅을 두개나 하다니, 오늘따라 내가 왜 이렇게 열정적이지 ㅋㅋㅋㅋㅋㅋㅋ 이것만 쓰고 집청소하고 넷플릭스 봐야지 😤 아무도 날 막을 수 없어 아무튼 뭐 .. 공부 시작해보자 😀 ✏️정의  – CGI(Common Gateway...

Continue reading...

윈도우 ActiveX 에 대해

오늘 점심시간에 그레이가 윈도우 ActiveX에 대해 약 한시간 가량 얘기해주었다. 사실 이 업계에서 일하고 있지만, ActiveX가 왜 보안상 안좋은지, 왜 박근혜 정부가 액티브 엑스를 해체하려했는지 잘 이해하지 못하고 있었다. (사실 찾아보고...

Continue reading...

‘use strict’ 를 쓰는 이유

일반적으로 js 파일을 작성시, 맨 위에 ‘use strict’ 를 선언한다. 타입스크립트를 쓸때는 전혀 고려할 필요가 없지만, 순수 바닐라 자바스크립트를 이용할때는 꼭 쓰는게 좋다. Why? 브랜든이 자바스크립트 언어를 만들때 굉장히 빨리 만들어야...

Continue reading...