뉴비벡엔드개발자

e.target: 처음에 이벤트를 트리거한 요소를 나타냅니다. 이는 이벤트가 발생하도록 만든 가장 깊이 중첩된 요소입니다. 예를 들어, 내부에 아이콘이 있는 버튼이 있고 아이콘을 클릭하면 e.target은 버튼이 아닌 아이콘 요소 자체가 됩니다.   e.currentTarget: 현재 이벤트 리스너가 붙어 있는 요소를 의미합니다. 이 속성은 현재 이벤트를 처리하고 있는 요소를 참조하므로 이벤트 전파(버블링 또는 캡처 단계) 중에 특히 유용합니다. 동일한 예를 사용하여 이벤트 리스너가 버튼에 연결되어 있으면 버튼 내부의 아이콘을 클릭했는지 여부에 관계없이 'e.currentTarget'이 버튼이 됩니다.   예시Click me icon 결과

js 소스코드에 주석으로 @ts-check 를 넣으면 typescript 처럼 소스코드를 체크해줌 // @ts-check vscode에서 /** 하고 엔터를 하면 자동완성이 되는데 파라미터와 return 타입을 정할 수 있다. /** * Initializes the project * @param {object} config * @param {boolean} config.debug * @param {string} config.url * @returns boolean */ export function init(config) { return true; } init 함수를 사용할 때 설명을 볼 수 있다.

ts파일에서 js사용하기 tsconfig.json파일 compilerOptions안에 "allowJs": true 넣으면 .ts 파일안에 js코드 사용가능하다.