구직플랫폼을 찾아보면 ts를 요구하는데가 상당히 많다..
node.js는 설치되어있어서 npm i -g typescript로 바로 설치해서 강의를 보고
js파일로 자동 변환되는 기능도 있어서 따라해봤다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h4 id="title">안녕하세요</h4>
<a href="naver.com" class="link">링크</a>
<button id="button">버튼</button>
<script src="index.js"></script>
</body>
</html>
let 제목 = document.querySelector("#title");
if (제목?.innerHTML != undefined){
제목.innerHTML = '반가워요'
}
let 링크 = document.querySelector(".link");
if (링크 instanceof HTMLAnchorElement){
링크.href = 'https://kakao.com'
}
let 버튼 = document.querySelector("button");
버튼?.addEventListener('click', function(){
})
type선언이나 인스턴스,요소등을 명시해야 기능을 하는게 좀 부담스럽지만 안정성 확보에는 이만한게 없는것 같다. 특히 오류를 알려주는건 누가봐도 알수있도록 자세하게 출력된다
다음에는 CRA로 TS를 사용해봐야겠다