이넘(Enum) 이넘(Enum)은 특정 값을 고정하는 또 다른 독립된 자료형이라 할 수 있다. 타입스크립트의 튜플 타입과 비교하자면, 튜플은 특정 타입이나 값을 고정하는 배열이라면, 이넘은 특정 값을 고정하는 것이다. 즉 특정 값들의 집합을 의미하는 자료형이다. 이넘은 Java, C와 같은 다른 프로그래밍 언어를 다뤄본 적이 있는 사람들에게는 익숙할 수 있다. 타입스크립트에서 이넘은 문자형 이넘과 숫자형 이넘을 지원한다. // enum 타입 선언 enum Coffee { Starbucks, Ediya, Twosome, } let latte: Coffee;// enum 타입 변수 선언 latte = Coffee.Starbucks;// enum 타입 변수에 enum 값 할당 latte = "Good";// ..
유니온 타입(Union Type) 유니온 타입(Uniton Type)은 OR 연산자( || )와 같이 | 연산자를 이용하여 여러 개의 타입을 지정하여 그 중 하나만 만족하면 된다는 의미의 타입이다. 즉 유니온 타입은 A타입이거나 B타입이다 라는 의미로 사용한다. 만약 유니온 타입을 사용하지 않고 타입을 number, string, boolean 등 모두 다른 타입으로 정의해야 하는 경우를 생각해보자. 그러면 각 타입을 개별로 정의하는 함수를 생성하거나 타입을 any로 정의해야 할 것이다. 하지만 any로 타입을 지정하는 것보다 유니온 타입을 사용할 것을 추천한다. 그 이유는 아래 유니온 타입의 장점을 보면 알 것이다. function logMessage(test: string): void { consol..
인터페이스(Interface) interface User { age: number; name: string; } 인터페이스는 상호 간 정의한 약속 혹은 규칙을 의미한다. 프로그래밍 언어 중 자바에서 인터페이스라는 개념을 들어본 경험이 있을 것이다. 하지만 타입스크립트의 인터페이스와 자바의 인터페이스에는 차이가 있다. 자바에서 인터페이스는 추상 메소드, 상수만을 정의한 클래스를 위주로 다루고, 타입스크립트에서 인터페이스는 객체를 위주로 다룬다. 즉, 요약하자면 타입스크립트에서 인터페이스는 객체의 설계도라 타입을 미리 정의한 틀로 사용할 수 있다. 주로 여러 함수가 특정한 타입을 동일하게 가져야 할 경우, 동일한 타입을 정의하여 인터페이스를 사용할 수 있다. 인터페이스를 통해 선언된 프로퍼티나 메소드의 구현..
타입스크립트 기본 타입 Boolean: 타입이 진위 값인 경우 Number: 타입이 숫자인 경우 String: 변수의 타입이 문자열인 경우 Object Array: 타입이 배열인 경우 Tuple: 배열의 길이가 고정되고, 각 요소의 타입이 지정되어 있는 배열 형식을 의미 Enum: 특정 값(상수)들의 집합을 의미. 인덱스 번호로 접근 가능 Any: 모든 타입에 대해서 허용한다는 의미. 기존 자바스크립트로 구현되어 있는 웹 서비스 코드에 타입스크립트를 점진적으로 적용할 때 활용하기 좋은 타입 Void Null Undefined Never: 함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타 타입 스크립트의 기본 타입에는 크게 12가지가 있다. 타입스크립트에서 변수 선언 및 타입 정의하기 타입스크립트에서는 ..
타입스크립트란? 타입스크립트는 자바스크립트에 타입을 부여한 언어이다. 자바스크립트의 확장된 언어라고도 할 수 있다. 타입스크립트는 자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 한 번 변환해줘야 한다. 이 변환 과정을 컴파일이라 부른다. 즉, 자바스크립트의 모든 단점을 보완해 만든 언어이다. 타입스크립트는 동적인 자바스크립트 언어에 타입을 미리 부여하여 컴파일 시 에러를 잡을 수 있다. 왜 타입스크립트를 써야할까? 1) 에러의 사전 방지 타입스크립트는 타입을 미리 부여하기 때문에 코드 작성시 지정한 타입과 맞지 않은 타입을 넣거나, 아예 넣지 않은 경우에 미리 오류를 알려주어 사전에 에러를 방지할 수 있습니다. 만약 변수 num의 type을 number로 지정하였다고 예시를 들어보자. let n..
Front-End/TypeScript 2023. 4. 15. 15:20
이넘(Enum) 이넘(Enum)은 특정 값을 고정하는 또 다른 독립된 자료형이라 할 수 있다. 타입스크립트의 튜플 타입과 비교하자면, 튜플은 특정 타입이나 값을 고정하는 배열이라면, 이넘은 특정 값을 고정하는 것이다. 즉 특정 값들의 집합을 의미하는 자료형이다. 이넘은 Java, C와 같은 다른 프로그래밍 언어를 다뤄본 적이 있는 사람들에게는 익숙할 수 있다. 타입스크립트에서 이넘은 문자형 이넘과 숫자형 이넘을 지원한다. // enum 타입 선언 enum Coffee { Starbucks, Ediya, Twosome, } let latte: Coffee;// enum 타입 변수 선언 latte = Coffee.Starbucks;// enum 타입 변수에 enum 값 할당 latte = "Good";// ..
Front-End/TypeScript 2023. 4. 14. 16:41
유니온 타입(Union Type) 유니온 타입(Uniton Type)은 OR 연산자( || )와 같이 | 연산자를 이용하여 여러 개의 타입을 지정하여 그 중 하나만 만족하면 된다는 의미의 타입이다. 즉 유니온 타입은 A타입이거나 B타입이다 라는 의미로 사용한다. 만약 유니온 타입을 사용하지 않고 타입을 number, string, boolean 등 모두 다른 타입으로 정의해야 하는 경우를 생각해보자. 그러면 각 타입을 개별로 정의하는 함수를 생성하거나 타입을 any로 정의해야 할 것이다. 하지만 any로 타입을 지정하는 것보다 유니온 타입을 사용할 것을 추천한다. 그 이유는 아래 유니온 타입의 장점을 보면 알 것이다. function logMessage(test: string): void { consol..
Front-End/TypeScript 2023. 4. 11. 17:18
인터페이스(Interface) interface User { age: number; name: string; } 인터페이스는 상호 간 정의한 약속 혹은 규칙을 의미한다. 프로그래밍 언어 중 자바에서 인터페이스라는 개념을 들어본 경험이 있을 것이다. 하지만 타입스크립트의 인터페이스와 자바의 인터페이스에는 차이가 있다. 자바에서 인터페이스는 추상 메소드, 상수만을 정의한 클래스를 위주로 다루고, 타입스크립트에서 인터페이스는 객체를 위주로 다룬다. 즉, 요약하자면 타입스크립트에서 인터페이스는 객체의 설계도라 타입을 미리 정의한 틀로 사용할 수 있다. 주로 여러 함수가 특정한 타입을 동일하게 가져야 할 경우, 동일한 타입을 정의하여 인터페이스를 사용할 수 있다. 인터페이스를 통해 선언된 프로퍼티나 메소드의 구현..
Front-End/TypeScript 2023. 4. 9. 22:53
타입스크립트 기본 타입 Boolean: 타입이 진위 값인 경우 Number: 타입이 숫자인 경우 String: 변수의 타입이 문자열인 경우 Object Array: 타입이 배열인 경우 Tuple: 배열의 길이가 고정되고, 각 요소의 타입이 지정되어 있는 배열 형식을 의미 Enum: 특정 값(상수)들의 집합을 의미. 인덱스 번호로 접근 가능 Any: 모든 타입에 대해서 허용한다는 의미. 기존 자바스크립트로 구현되어 있는 웹 서비스 코드에 타입스크립트를 점진적으로 적용할 때 활용하기 좋은 타입 Void Null Undefined Never: 함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타 타입 스크립트의 기본 타입에는 크게 12가지가 있다. 타입스크립트에서 변수 선언 및 타입 정의하기 타입스크립트에서는 ..
Front-End/TypeScript 2023. 4. 3. 14:42
타입스크립트란? 타입스크립트는 자바스크립트에 타입을 부여한 언어이다. 자바스크립트의 확장된 언어라고도 할 수 있다. 타입스크립트는 자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 한 번 변환해줘야 한다. 이 변환 과정을 컴파일이라 부른다. 즉, 자바스크립트의 모든 단점을 보완해 만든 언어이다. 타입스크립트는 동적인 자바스크립트 언어에 타입을 미리 부여하여 컴파일 시 에러를 잡을 수 있다. 왜 타입스크립트를 써야할까? 1) 에러의 사전 방지 타입스크립트는 타입을 미리 부여하기 때문에 코드 작성시 지정한 타입과 맞지 않은 타입을 넣거나, 아예 넣지 않은 경우에 미리 오류를 알려주어 사전에 에러를 방지할 수 있습니다. 만약 변수 num의 type을 number로 지정하였다고 예시를 들어보자. let n..