sy_develop_note

TypeScript에서 Type과 Interface의 차이점에 대해 알아보겠습니다. Type vs Interface // Object 선언할 때 interface IObject { x: number; y: number; } type TObject = { x: number; y: number; } // Function 선언할 때 interface IFunction { (x: number, y: number): number; } type TFunction = (x: number, y: number) => number; interface와 type은 객체나 함수의 타입을 선언하는 데 사용될 수 있습니다. type은 할 수 있지만 interface에서는 할 수 없는 것들 primitive 타입 선언하기 type..

타입 유추(Type Interface) 개발자가 명시적으로 타입을 지정하지 않아도 TypeScript가 코드를 분석하여 변수 및 함수에 대한 타입을 유추하는 것을 말합니다. 이를 통해 코드 작성 시 타입을 명시적으로 선언하지 않더라도 타입 안정성을 유지할 수 있습니다. 예를 들어 보겠습니다. let을 사용하여 string 데이터를 넣어보겠습니다. 그리고 마우스 커서를 stringType위에 올려보겠습니다. 이렇게 직접적으로 작성하지 않았는데도 string 타입이라고 정확하게 나오는 것을 확인할 수 있습니다. boolean과 number 도 이렇게 잘 추론이 됩니다. 초기화할 때 값을 정확하게 넣어주면 타입으로 잘 추론된다는 것을 확인할 수 있습니다. 위의 booleanType을 boolean 타입으로 변..

Enum 타입은 굉장히 많은 언어에서 존재하는 타입입니다. 다른 언어를 아시는 분들은 이미 알고 계실 테지만 JavaScript에는 Enum 타입이 존재하지 않습니다. 이 기능을 활성화해 주는 게 TypeScript입니다. Enum Enum 타입은 숫자 또는 문자열의 집합에 대한 열거형 값을 정의할 수 있는 타입입니다. Enum은 관련된 상수 값의 집합을 정의하는데 유용하며, 코드를 더 명확하고 읽기 쉽게 만들어줍니다. 예를 들어, 요일을 나타내는 Enum은 다음과 같이 정의할 수 있습니다. enum DayOfWeek { Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday } 이렇게 정의된 DayOfWeek Enum은 각각의 멤버가 0부터 6까..

사용자 정의 형식을 만들기 위한 도구 Type과 Interface에 대해 알아보겠습니다. Type 새로운 타입을 정의할 때 사용됩니다. 기존에 존재하는 타입들을 조합하거나 별칭을 지어주는 데 사용할 수 있습니다. string, null, number에 대한 타입을 정의할 수 있습니다. 오직 male 또는 female 중 하나의 값만 가질 수 있도록 문자열 리터럴 유니온 타입으로도 정의가 가능합니다. 이렇게 지정한 타입은 아래처럼 사용할 수 있습니다. 지정해 둔 string 값이 아니면 오류가 나타나는 것도 확인할 수 있습니다. object도 type을 쓰면 선언할 수 있습니다. 예를 들어 idoltype을 정의해 보겠습니다. object타입에 string과 number가 존재하도록 선언해 줄 수 있습니다..