0. 사전 과제 설명
JSDoc 이용
구현될 코드를 상상하고 설계해 보자!
타입스크립트와 비슷하다 -> 불편한데? -> 타입스크립트를 쓰는 게 낫겠다 하는 사고의 흐름을 가지는 게 좋겠다!
- 개발자를 위한 에러
- TDZ (Temporal Dead Zone, 일시적 사각지대)
- 생성자 함수 방어 ->
new.target
1. What is TypeScript?
JavaScript의 Super Set?
-> NO! 이제는 옛말에 가깝다 이제는 그 이상!
TypeScript는 타입 구문을 가지는 JavaScript
- JavaScript and MORE
- JS에 추가 구문
- IDE와 통합 => 오류 캐치
- 신뢰할 수 있는 결과
- 어차피 JS로 변환
- JS가 지원되는 모든 곳에서 실행 (브라우저, Node.js, Deno 등)
- 규모에 따른 안정성
- JS를 이해하는 타입 추론 사용
- 추가적인 코드 없이도 훌륭한 도구 제공
TS 적용 과정
// @ts-check
JS 파일에 추가하면 편집기에 오류가 표시됨
- JSDoc을 사용하여 유형 정보 제공
- TS의 구문을 추가해 타입 제공
(나의, 너의, 우리의) 데이터 설명서
=> Interface
- 코드 객체 & 함수 모양을 설명
- 객체지향(OOP)이란?
사물 혹은 사람을 데이터로 표현하면? 그 데이터가 코드라면? 이용하기 가장 좋은 것이지 않나
- 메타인지, 메타 데이터 => 데이터를 설명하는 데이터
- 편집기에서 문서 및 이슈를 볼 수 있다
!! TypeScript 공식 문서 이용, 익숙해질 때까지 Playground에서 연습하기
!! Plugin 추천 - TypeScript Challenge
코드로 보기
타입 추론
function helloWorld() {
return 'hello'
}
console.log(helloWorld())
위 코드를 써도 리턴 값의 타입이 string
으로 타입 추론
이 됨 -> 간단한 건 타입을 적지 않아도 된다