👨💻 typeScript3 [TypeScript] 함수 - 다형성과 제네릭 들어가며 이번 포스팅은 타입스크립트 함수 파트를 정리한다. polymorphism(다형성)과 generic(제레닉)의 개념을 예시 code로 살펴보자. Polymorphism (다형성) poly란? => many, serveral, much, multi morphos란? => form, structure polymorphos란? => poly + morphos => 여러 다른 구조 다형성이란, 여러 타입을 받아들임으로써 여러 형태를 가지는 것을 의미한다. 💡 Concrete type (string, number, boolean... ) type SuperPrint = { (arr: number[]): void (arr: boolean[]): void (arr: string[]): void (arr: (n.. 2022. 12. 19. [TypeScript] 함수 - Call signature와 Overloading 들어가며 이번 포스팅은 타입스크립트 함수 파트를 정리한다. Call signature과 overloading의 개념을 예시 code로 살펴보자. Call signatures(호출 시그니처) Call(=Function) Signature란 함수의 매개변수와 반환 값의 타입을 모두 type으로 미리 선언하는 것이다. 함수에 마우스를 올리면 해당 함수의 type을 보여준다. 예를 들어 React에서 함수로 props를 보낼 때, Call signature로 어떻게 함수가 작동할지 미리 설계 가능하다. 함수의 구현이 아니라 함수의 인수 및 반환 값의 유형 JS로 컴파일되지 않음 여러 함수에 call signature 사용 가능 💡 함수 정의 const add = (a: number, b: number) => a.. 2022. 12. 18. [TypeScript] 타입스크립트 첫걸음 들어가며 자바스크립트는 에러를 보여주지 않으려 노력한다. 자바스크립트는 매우 유연한 언어로 어느 개발자가 정신 나간 코드를 작성해도 개발자를 이해하려고 한다. 아래의 예시를 살펴보자. 💡 exam Python & JS # Python def divide(a, b): return a / b print(divide(2, 3)) # 0.6666666666666666 print(divide("x", "y")) # TypeError: divide() missing 1 required positional argument: 'b' // JavaScript function divide(a, b) { return a / b } console.log(divide(2, 3)); // 0.6666666666666666 con.. 2022. 12. 11. 이전 1 다음
