글 작성자: 망고좋아
반응형

📖 오늘 배운 내용 - 2021.11.23

  • TypeScript 기본 타입
  • 타입 별칭(alias)
  • Utility types
  • TypeScript 상속
  • TypeScript 추상 클래스

 

📝 TypeScript

  • TypeScript는 JavaScript의 슈퍼셋이다. 이외에 추가적인 기능 제공
  • 타입을 제공 → 명시적인 데이터에 대한 유형 설명
    • 안정성 있는 코드 작성 가능
    • 예상치 못한 오류 발생을 줄일 수 있다.
  • 컴파일 언어
  • 객체 지향 프로그래밍 언어

 

📝 TypeScript 12개 타입

 

[TypeScript] 타입스크립트 12개 타입

🎯 타입스크립트 12개 타입 타입스크립트의 기본 타입에는 크게 다음 12가지가 있다. :를 이용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)라고 한다. 📝 String - 문

lakelouise.tistory.com

 

📝 타입 별칭(alias)

  • 타입을 특정하게 제한시켜주고 싶을 때 사용
  • 값을 제한만 시켜준다는 면에서 enum과는 차이가 있다.
  • 함수에도 적용 가능
 

[TypeScript] 타입스크립트 인터페이스(interface)와 타입 별칭 (alias)

🎯 인터페이스와 타입 별칭 타입스크립트에서 타입을 기술하는 2가지 방법이 있다. ⇒ 인터페이스, 타입 별칭(타입 알리아스) 타입 별칭은 특정 타입이나 인터페이스를 참조할 수 있는 타입 변

lakelouise.tistory.com

 

📝 인터페이스(interface)

  • 타입체크를 위해 사용되며 변수, 함수, 클래스에 사용 가능
 

[TypeScript] 타입스크립트 인터페이스(interface)와 타입 별칭 (alias)

🎯 인터페이스와 타입 별칭 타입스크립트에서 타입을 기술하는 2가지 방법이 있다. ⇒ 인터페이스, 타입 별칭(타입 알리아스) 타입 별칭은 특정 타입이나 인터페이스를 참조할 수 있는 타입 변

lakelouise.tistory.com

 

📝 TypeScript 함수 사용하기

 

[TypeScript] 타입스크립트 함수 사용하기

🎯 TypeScript 함수 사용하기 함수 작성 시 반환 타입 명시 권장 매개변수와 인수의 타입이 호환 가능하게 작성 인수 타입의 전달이 잘못된 경우 오류 발생 📝 함수 선언 function sum(a: number, b: number)

lakelouise.tistory.com

 

📝 TypeScript 클래스 사용하기

 

[TypeScript] 타입스크립트 클래스 사용하기

🎯 TypeScript 클래스 사용하기 class Person { name: string; // 객체와 달리 쉼표가 아닌 것에 유의!! constructor(name: string) { this.name = name; // 이 클래스의 생성자로 처음 클래스가 만들어질 때 해..

lakelouise.tistory.com

 

📝 TS의 단점

  • 컴파일하면 결국 자바스크립트이다.
  • 즉, 런타임 시점에서 다른 타입이 들어오는 것은 막을 수 없다.
  • 자바스크립트 파일을 불러서 사용하면은...? => @Types!! 아예 타입 정의를 해놓은 라이브러리를 쓰자!

 

💡 오늘 깨달은 것

  • 오늘 간략하게 요약하면 "아~ 완벽히 이해했어! (이해 못 했음)"이다ㅋㅋㅋㅋ
  • JS의 클래스는 사실 함수이다. 프로토타입-함수를 잘 꾸며서 클래스처럼 보이게 한 거다. => Syntactic Sugar
  • TS 자동 추론이 생각보다 우리 의도대로 안 될 수도 있으니까 최대한 타입을 명시해주자.
  • 실습 코치님 최고... 수업이 재밌으니까 어려운 TS가 재밌게 느껴지려고 함...! (초반이라서 아직 이해하기 어려운 내용이 없음ㅋㅋㅋ)
  • 오늘 6시 수업이 끝난 후에서 약 한 시간 반 동안 코테에 대한 특강 및 조언을 해주셨다. 코테.... 남은 3개월 동안 최선을 다해서 알고리즘 공부를 해보자!

 

📌 참고

반응형