✍️ 타입스크립트는 무엇인가?
TypeScript(이하 ‘ts’) MS(마이크로소프트)에서 만들어진 언어로 JavaScript(이하 ‘js’)에 타입 추론 기능(Type Inference)이 추가되어 editor와의 단단한 통합을 지원합니다. 그리고 js가 동작하는 모든 곳에서 ts는 js로 변환(컴파일 : COMPILE)되어 사용 될 수 있습니다.
✍️ 타입스크립트를 쓰는 이유?
- 에러의 사전 방지
예제를 통해 알아보도록 하자.
우리는 두 개의 숫자를 나누는 함수를 만들어서 사용하고 싶어한다.
const divide = (a,b) => { return a / b }
//(1)
divide (10,2) // Answer is 5
//(2)
divde (10) // Answer is NaN예제 2개 다 간단한 함수 이기에, 실행을 한 값에 대한 답을 우리는 바로 답을 유추할 수 있지만 결과 값을 모른다는 가정 하에 실행을 해보자.
2번에서 결과 값이 제대로 산출이 안되었다는 것을 알 수 있고 간단하게 수정할 수 있기에 대수롭지 않은 듯, 너무나 당연한 듯 바로 수정하면 되지만 생각 해보면 처음부터 저런 실수를 하지 않았다면 손이 2번 갈 필요가 없을 것이다.
자 그럼 똑같은 예제를 ts에서 써보자 (마크다운에서는 바로 적용이 되지 않아 VS Code로 옮김)
js의 경우, 코드를 실행 해야 함수 또는 에러에 대한 결과 값을 알고 고칠 수 가 있는데, ts의 경우 코드를 실행하기 전 (to be specific) 코드를 작성하는 도중에도 지금 작성한 코드가 에러를 품고 있다는 사실을 미리 알려주기에 추 후에 발생할 수 있는 시간 낭비를 줄여준다.
또한, 다음과 같이 함수 설정 시 변수에 타입을 붙여주는 것으로 추후 발생할 수 있는 의도치 않은 실수를 막아 줄 수 있다.
- 코드 가이드 및 자동 완성
사실 첫 번째 이유가 js 대신 ts를 선택하는 이유다. 2번째 이유는 사실상 편의성인데…
아직 개발 초보인 필자로서는 코드 한 자 한 자 쓰는 것이 재밌기 때문에 편의성과 같은 문제는…나중에 생각해보려고 한다..하하하
