출처: https://joshua1988.github.io/ts/etc/convert-js-to-ts.html#%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%BD%94%EB%93%9C%EC%97%90-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A5%BC-%EC%A0%81%EC%9A%A9%ED%95%A0-%EB%95%8C-%EC%A3%BC%EC%9D%98%ED%95%B4%EC%95%BC-%ED%95%A0-%EC%A0%90 JS에 TS 적용하기 | 타입스크립트 핸드북 자바스크립트 코드에 타입스크립트를 적용할 때 주의해야 할 점 기능적인 변경은 절대 하지 않을 것 테스트 커버리지가 낮을 땐 ..
function arrayBufferToString(buffer: ArrayBuffer): string { return String.fromCharCode.apply(null, Array.from(new Uint16Array(buffer))); } function stringToArrayBuffer(str: string): ArrayBuffer { const stringLength = str.length; const buffer = new ArrayBuffer(stringLength * 2); const bufferView = new Uint16Array(buffer); for (let i = 0; i < stringLength; i++) { bufferView[i] = str.charCodeAt(i);..
참조: https://chlolisher.tistory.com/22 [Javascript] 이벤트 버블링(bubbling)과 캡처링(capturing) 차이점 아래에 코드펜 예제를 보면, 중첩된 요소에 있어 이벤트를 발생시킨다면 어떻게 될까? See the Pen bubbling capturing by leejunghyun (@mygumi) on CodePen. target 을 클릭하게 되면 [ target -> child -> par.. chlolisher.tistory.com window.window.addEventListener('scroll', this.test); test = () => { console.log('scroll'); } 위 코드 사용 시 페이지의 window.location 등을 ..
참고 : https://hianna.tistory.com/469 [Javascript] class 추가/변경/삭제/읽기 (className, classList) class 이름 읽기 class 추가/수정 class 삭제 class toggle 특정 클래스 이름이 class 속성에 포함되는지 확인하기 1. class 이름 읽기 예제 1. className function handleOnClick() { alert(document.getElementB.. hianna.tistory.com class 추가 element.classList.add('test'); class 삭제 element.classList.remove('test');
console.log('A'.charCodeAt(0));
참고 : https://joshua1988.github.io/web-development/javascript/event-propagation-delegation/ 이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지 (기본) 이벤트 버블링, 이벤트 캡처링, 그리고 이벤트 위임까지 이벤트 전달 방식과 관련된 모든 것을 파헤쳐 봅니다. joshua1988.github.io 이벤트 버블링 특정 엘리먼트에 이벤트를 달아줘도 해당 엘리먼트에서만 발생하는것이 아닌 최상위 부모 까지 이벤트가 차례대로 발생되는것을 말함 이벤트 캡쳐 이벤트 버블링과는 반대로 최상위부모 부터 이벤트가 차례가 발생되는것을 말함 addEventListener 등록 시 세번째 파라미터에 옵션 추가 { capture: true // 디폴트 fal..