Burt.K
Awesome Discovery
VSCode에서 HTML API 자동완성을 쉽게 사용하는 방법은?
Visual Studio Code에서 HTML API를 쓸 때, 타입스크립트를 적용하지 않고 자동완성 기능을 사용할 수 있다. VSCode는 JSDoc을 지원하기 때문에 JSDoc형식으로 타입을 지정하는 주석을 작성하면 된다. 짧은 코드를 작성할 때 꽤 유용하다.
예를 들어 HTML5 Canvas API를 사용할 때, 아래와 같이 사용하면 자동완성을 지원 받을 수 있다.
/** @type {HTMLCanvasElement} */
const canvas = document.getElementById('my-canvas');
canvas.setAttribute('width', '1000');
canvas.setAttribute('height', '1000');
/** @type {HTMLCanvasElement} */
const canvas = document.getElementById('my-canvas');
canvas.setAttribute('width', '1000');
canvas.setAttribute('height', '1000');
/** @type {CanvasRenderingContext2D} */
const context = canvas.getContext('2d');
