반응형
📒 함수에 type alias 지정하는 법
1
2
3
4
5
|
type 함수타입 = (a :string) => number;
let 함수 :함수타입 = (a)=>{
return 10
}
|
cs |
1
2
3
4
5
6
7
|
//함수에 타입 정하기
let 회원정보 = { name : 'kim',
plusOne : (a :number) => {
return a + 1
},
changeName : () => void
}
|
cs |
📒 타입스크립트로 html 변경하는 법
1
2
3
4
5
6
|
//html
<img id='image' src='test.jpg' /> //typescript let 이미지 = document.querySelector('#image');
if (이미지 instanceof HTMLImageElement) {
이미지.src = 'change.jpg';
}
//html상의 이미지를 타입스크립트로 바꾸려면 위처럼 type narrowing해줘야 한다. |
cs |
1
2
3
4
5
6
7
8
9
10
11
|
//html
<a className="naver" href='naver.com'>링크</a> <a className="naver" href='naver.com'>링크</a>
<a className="naver" href='naver.com'>링크</a>
//typescript let 링크 = document.querySelectorAll('.naver');
링크.forEach(()=>{
if (링크 instanceof HTMLAnchorElement) {
링크.href = 'kakao.com';
}
})
|
cs |
반응형
'개발자일기 > 타입스크립트' 카테고리의 다른 글
타입스크립트 - 타입이 길어진다면 readonly를 쓰세요 (0) | 2023.04.04 |
---|---|
타입스크립트 - Narrowing & Assertion (0) | 2023.04.03 |
타입스크립트 - 함수에 타입 지정하는 방법 (0) | 2023.04.02 |
타입스크립트를 쓰는데 타입을 해제할 수 있다? (0) | 2023.04.02 |
타입스크립트 어떻게 쓰는 걸까 (1) (0) | 2023.03.27 |
댓글