본문 바로가기

Dev/javascript

[CSS] 마우스 호버 툴팁 마우스 가져가대면 투명한 말풍선같은게 떠서 세부설명나오는걸 툴팁이라고 한다. 뭐 그냥 구현하면 되지만, 이게 곂쳐지게 뜨는경우 깜박거리는 현상이 나타난다. 이 현상은 css에 pointer-events: none; 을 넣어 해결할수 있다. 더보기
[javascript] Arrow function and lexical binding function을 콜백으로 쓸때 스코프가 달라져서 this를 다른데 옮기거나 bind 함수를 사용했었다. const that = this; app.assets.loadFromUrl('path/file', 'material', function (err, asset) { that.shadow.model.material = asset.resource; }); 이런식이나 app.assets.loadFromUrl('path/file', 'material', function (err, asset) { that.shadow.model.material = asset.resource; }.bind(this)); 이렇게 사용했는데 그냥 Arrow function 쓰면 렉시컬 스코프(선언되는 위치가 중요)여서 위 예시처럼 .. 더보기
[javascript] function 선언 방식별 차이점 오늘 회사에서 코딩하고 있는데 이 두개의 차이점을 물어보셨다. function sayHello() { console.log('Hello'); } var sayHello = function() { console.log('Hello'); } 처음에 로드할때 위에는 한번에 로드해서 서로를 참조할수 있고 밑에는 순차적으로 로드해서 아래있는것은 참조못하는 경우가 생길수 있다고 하셨다. 나중에 한번 찾아봐야겠다. 일단은 메모 https://joshua1988.github.io/web-development/javascript/function-expressions-vs-declarations/ 함수 표현식 vs 함수 선언식 (기본) 자바스크립트 함수 표현식과 함수 선언식에는 어떠한 차이점이 있는지 알아봅니다. josh.. 더보기
[javascript] mouse click와 mouse down 의 차이 mouse down - 버튼을 누르고 있으면 계속 이벤트 발생, 게임에서 기관총 쏠때 꾹 누르고 있으면 됨 mouse click - 버튼을 누르고 있어도 한번만 이벤트 발생. 게임에서 기관총 쏠때 꾹 누르고 있어도 한발 밖에 안나감 더보기