javascript

[Javascript] setInterval, clearInterval setInterval 은 일정 시간마다 반복적으로 무언가를 행할 때 사용되며, clearInterval은 이것을 중지할 때 사용한다. 한번만 실행할 것이라면 timeout을 사용하는 것이 좋다. 시간 단위: ms // 3초마다 "안녕" 문구 출력 const polling = setInterval(() => { console.log("안녕"); }, 3000); // 중지 clearInterval(polling) clearInterval : www.w3schools.com/jsref/met_win_clearinterval.asp setInterval : www.w3schools.com/jsref/met_win_setinterval.as..

[Error] Module parse failed: Unexpected token (28:51) File was processed with these loaders: * ./node_modules/babel-loader/lib/index.js 위 에러의 핵심은 ?? 이다. Nullish coalescing operator라고 불리는 ??은 ES2020에서 소개되었으며, null과 undefined인 경우 뒤의 값을 갖는 연산자이다. || 와 다른 점은 falsy값 (0 또는 '')일때는 앞에 값을 갖는 다는 것이다. const a = null ?? 'A'; // 결과: A const b = undefined ?? 'B'; // 결과: B const c = 0 ?? 'C'; // 결과: 0 const d ..

[Javascript] 호이스팅(hoisting) * 호이스팅? - '끌어올리다'라는 의미. - 변수 정보를 수집하는 과정을 더웃 이해하기 쉬운 방법으로 대체한 가상의 개념. > 출처: 도서 '코어자바스크립트' ⭐ 호이스팅 규칙: 함수 선언, 변수명을 위로 끌어올리고 할당과정은 원래 자리에 그대로 남겨둔다. ⭐ 아래 코드를 실행해보면 어떻게 될까? 한번 머릿속으로 예상해보자. var x = 1; console.log('x - (1): ', x); console.log('y - (1): ', y); console.log('a - (1): ', a); console.log('b - (1): ', b); console.log('c - (1): ', c); e(3); var y = 2; function a() ..

[Javascript] Javascript HTML5 Canvas Libraries HTML5 canvas를 쉽게 다룰 수 있게 해주는 다양한 라이브러리들. fabric.js : http://fabricjs.com/ TMI NHN Toast ui 의 Image editor도 이 라이브러리를 쓴다. (https://ui.toast.com/tui-image-editor) 장점 다양한 예제(Demo)가 있다. 사용하는 사람, 이걸 사용해서 개발된 프로젝트가 많다. 단점 Free Drawing(Pen)으로 그린 그림을 지우는 방법이 딱히 없다. issue에 방법이 하나 있긴 함 => https://github.com/fabricjs/fabric.js/issues/1225 하지만 위 방법을 사용하면 배경이 지워지..

[JavaScript] TreeView 사용하기 (fancytree) - 5 Drag N Drop 이전 글 : [JavaScript] TreeView 사용하기 (fancytree) - 4 context menu 드래그앤드롭(DragNDrop)기능을 사용하기 위해서는 dnd5모듈을 추가해야한다. dnd5 모듈을 이용해서 기본적인 기능은 가능하지만, 드래그앤 드롭시 목적지 폴더에 내가 옮기려는 파일과 이름이 같은 파일이 존재할 경우 예외처리를 추가하고자 한다. dnd5의 이벤트는 다음과 같다. dragStart : 드래그 이벤트 시작시 (마우스 누름) dragDrag : 드래그 이벤트 중 dragEnd : 드래그 이벤트 끝남 dragEnter : 드래그 이벤트 중 "over", "before, "after"..

[JavaScript] Bootstrap Modal 닫힘 방지 방법 Modal 밖 영역 눌렀을 때 자동 닫힘 방지 방법1. HTML 방법2. JavaScript $('#modal').modal({ backdrop: 'static' }) 키보드 ESC 눌렀을 때 자동 닫힘 방지 ( KeyEvent 방지 ) 방법1. HTML 방법2. JavaScript $('#modal').modal({ keyboard: false }) [참고] https://stackoverflow.com/questions/16152073/prevent-bootstrap-modal-from-disappearing-when-clicking-outside-or-pressing-esca