TypeScript
-
[TypeScript] CLASSES AND INTERFACESTypeScript 2023. 2. 28. 20:39
객체지향 프로그래밍 (Object-Oriented Programming, OPP) 프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체로 만들고 객체간의 상호작용을 통해 로직을 구성하는 프로그래밍 방법 📚 BookMark 객체지향 프로그래밍이란? 객체 지향 프로그래밍이란? 객체 지향 프로그래밍 (Object-Oriented Programming, OOP… jongminfire.dev TypeScript와 객체지향 프로그램이 가지고 있는 엄청 훌륭한 것은 추상클래스 (Abstract Class) 추상클래스란 다른 클래스가 상속받을 수만 있는 클래스 (= 상속자 maker) Class Field public : 외부 클래스가 자유롭게 사용할 수 있도록 한다 protected : 같은 패키지 또는..
-
[TypeScript] FUNCTIONSTypeScript 2023. 2. 23. 16:34
call signature 함수를 어떻게 호출해야하는지, 함수의 반환 타입을 알려준다 a도 number 이고 b도 number type이면 add 함수는 number type을 반환한다는 것을 유추한다 ⬇️ 그러므로 아래와 같이 항상 일일히 type을 작성할 필요 ❌ function add(a:number, b:number) :number { return a + b } call signature 만드는 방법 // 함수 type을 정의한 다음에 코드를 구현한다 type Add = (a:number, b:number) => number const add:Add = (a, b) => a + b overlading (오버로딩) 함수가 여러개의 call signature를 가지고 있을 때 발생시킨다 ✅ 그냥 여러..
-
[TypeScript] TypeScript의 Type들TypeScript 2023. 2. 20. 18:06
타입스크립트에 변수를 생성한다면 어떤 타입인지 정해줘야 한다! 👇🏻 TypeChecker와 소통하는 방법 👇🏻 name이 string이라는 걸 알려주면 된다 ➡️ : type (요런 형식으로 타입스크립트에게 타입을 알려주면 된다) let name : string = "kanghee" 타입을 따로 정해주지 않으면 타입스크립트는 타입을 추론한다 일명 타난 ... (타입스크립트 + 코난) 👓 ✅ 타입스크립트는 타입을 추론하여 다른 타입을 작성하였을 때 hey 너 잘못했어 라고 경고를 날린다 let kangheeAge = 33 // number 재할당 해준 경우 no error kangheeAge = 31 // string 재할당 해준 경우 error // ⛔️ Type 'string' is not assign..
-
[TypeScript] TypeScript를 쓰는 이유TypeScript 2023. 2. 14. 23:24
JavaScript에서 TypeScript로 넘어가는 이유는 타입의 안전성 때문이라고 한다 코드 버그가 줄어듬 런타임 에러 ❌ 생산성도 늘어남 ✅ 타입 안전성은 TypeScript가 제공하는 가장 큰 장점이다 ! JavaScript를 사용할 경우, 아래와 같은 말도 안되는 코드들을 실행시켜 버린다 1. array + boolean 2. 함수의 인자를 하나만 입력하였거나 number type ❌ 3. 런타임 에러 : 코드가 실행되고 나서 보여지는 에러! ➡️ 컴파일 단계에서 이런건 없다고 실행 자체가 되서는 안된다 TypeScript를 사용한다면 JavaScript에는 없는 보호장치로 ! 위와 같은 코드 입력 시 아래와 같이 알려줄 것이다 👍🏻 1. array + boolean 같은 코드를 작성할 수 없다..