Home ๐ŸŒ€ Event, Axios type ์ •์˜
Post
Cancel

๐ŸŒ€ Event, Axios type ์ •์˜

ํŒŒ๋ผ๋ฏธํ„ฐ ํƒ€์ž…๋“ค ์ •์˜ํ•˜๊ธฐ

parameter, return value๋“ฑ์— ๋Œ€ํ•ด ๋”ฐ๋กœ ๋นผ์„œ interface๋‚˜ type์œผ๋กœ ์ •์˜ํ•ด์„œ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค.

Event type

1
2
3
4
5
6
7
function initEvents() {
  list.addEventListener('click', handleListClick);
}

async function handleListClick(event: any) {
 // ...
}

์—์„œ click ์ด๋ฒคํŠธ์ด๋ฏ€๋กœ MouseEvent๋กœ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋‹ค.

1
2
3
async function handleListClick(event: MouseEvent) {
 // ...
}

์ด๋ฒคํŠธ ํƒ€์ž…์€ event์œ„์— ๋งˆ์šฐ์Šค๋ฅผ ์˜ฌ๋ฆฌ๋ฉด ์•Œ ์ˆ˜ ์žˆ๋‹ค.

Untitled

Axios

Promise๋ฅผ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜๋Š” Promise<AxiosResponseยซย Typeย ยป ์œผ๋กœ ์ •์˜ํ•ด์ฃผ๋ฉด ๋œ๋‹ค.


TS๊ฐ•์˜๋ฅผ ๋“ค์œผ๋ฉฐ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.

This post is licensed under CC BY 4.0 by the author.

๐ŸŒ€ 3/16 TS - DOM ํ•จ์ˆ˜ ํƒ€์ž… ์˜ค๋ฅ˜ ํ•ด๊ฒฐํ•˜๊ธฐ (ref. ts:2740)

๐ŸŒ€ TS strict ์ ์šฉํ•˜๊ธฐ