this 라는 것은 어떤 클래스 안에 있는 함수를 다른 함수의 콜백으로 전달할때는 그 함수가 포함되어져있는 클래스의 정보가 사라지기 때문에 바인딩이 필요하다. arrow function이 없었을 때는 bind 를 많이 썼다. arrow function을...
Continue reading...Web
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...ES6 Arrow function, 함수 선언 & 네이밍 룰
들어가기전에 잠깐! 🤔 함수도 역시 Object 중 하나 이기 때문에, 함수가 생성되면 그 함수의 이름 자체는 그 함수 로직이 담겨있는 주소를 가리키고 있다. 즉 함수에 이름에는 reference가 들어있고, 그 주소에 함수의...
Continue reading...Ubuntu APM 설치 (Apache2, Mysql, PHP)
Ubuntu 20.04 LTS 에 APM 설치 하는 방법 정리 1. 서버 ssh 접속 서버에 APM 설치를 위해 ssh 로 접근한다. 2. APM 설치하기 2-1. Ubuntu 패키지 업데이트 우분투 시스템 내 패키지를...
Continue reading...‘use strict’ 를 쓰는 이유
일반적으로 js 파일을 작성시, 맨 위에 ‘use strict’ 를 선언한다. 타입스크립트를 쓸때는 전혀 고려할 필요가 없지만, 순수 바닐라 자바스크립트를 이용할때는 꼭 쓰는게 좋다. Why? 브랜든이 자바스크립트 언어를 만들때 굉장히 빨리 만들어야...
Continue reading...jQuery css file load
This is the sample code for loading the css file with jQuery When you’re using this, you can add the css in different condition .
Continue reading...