본문 바로가기

분류 전체보기83

[typescript] 타입 별칭 📝타입 별칭 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스타입 별칭이란?특정 타입이나 인터페이스 등을 참조할 수 있는 타입 변수를 의미한다. 자바스크립트에서 변수를 선언할 때 변수 이름을 짓듯이 타입에 별칭을 부여하고 선언하는 것을 의미한다. 타입 별칭을 선언하는 방법은 type 키워드를 적고 별칭 = 데이터 타입; 형태로 적으면 된다.type 별칭 이름 = 데이터 타입;// 예시type Age = number;   타입 별칭의 장점타입 별칭의 장점은 코드의 중복을 피하게 해준다. 개발자라면 지켜야하는 원칙인 DRY(Don't Repeat Yourself) 원칙을 지킬 수 있게 해준다. 아래 코드를 보자. 첫번째 코드의 경우 코드가 중복되고 가독성이 떨어질뿐더러 함수를 .. 2024. 7. 13.
[typescript] 연산자를 사용한 타입 정의 📝연산자 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스타입스크립트에서 변수나 파라미터 반환값등의 타입을 정의할 때 연산자 기호를 이용하여 타입을 정의할 수 있다. 자바스크립트의 AND 와 OR 연산자를 이용하여 타입을 정의하는 것이다. 유니언 타입(union type)여러 개의 타입 중 한개만 쓰고 싶을 때 사용하는 문법이다. 자바스크립트에서 OR 연산자는 여러개의 조건 중 하나만 만족하면 true를 반환한다. 마찬가지로 유니언 타입도 여러 개의 타입 중 하나만 만족하면 된다. 유니언 타입을 사용하려면 타입 다음에 | 를 써서 나열하면 된다.function 함수명(파라미터: 타입 | 타입) { // 실행할 코드}// 예시function introduce(text: st.. 2024. 7. 12.
[typescript] 인터페이스(Interface) 📝인터페이스 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스인터페이스란?타입스크립트에서 인터페이스란 '객체 타입을 정의할 때 사용하는 문법'이라고 볼 수 있다. 자바스크립트에서 클래스를 이용하여 객체(인스턴스)를 생성한다. 이때 클래스 안에 객체가 어떤 속성을 가지고 있는지 정의한다. 인터페이스의 역할도 클래스와 동일하다. 객체를 생성하는데 해당 객체가 어떤 속성을 가지고 있는지, 각 속성은 어떤 타입인지 정의해주는 역할이라고 생각하면 쉽다! 인터페이스를 정의 및 인터페이스를 통한 객체 타입 정의 1) 인터페이스 정의interface라는 키워드를 사용한다. 이때 인터페이스 이름의 첫글자는 대문자로 해준다.// 인터페이스 정의interface 이름 { 속성: 값; 속성:.. 2024. 7. 11.
[typescript] typescript의 타입과 정의 📝기본 타입과 타입 정의 ">HTML 삽입미리보기할 수 없는 소스타입스크립트에는 9가지의 타입이 존재한다.stringnumberbooleannullundefinedarraytupleobjectany자바스크립트와 달리, 타입스크립트는 변수에 타입을 정의할 수 있다. 타입을 정의하면 에러를 사전에 방지할 수 있다는 장점을 가진다.let name = "홍길동"; // 자바스크립트let name: string = "홍길동"; // 타입스크립트 타입을 정의하는 방법은 간단하다. 위의 코드처럼 변수 옆에 콜론(:)을 붙이고 해당 변수의 타입을 정의하면 된다. 이때 이 콜론(:)을 타입 표기(type annotation)라고 한다. 여러 기본 타입 중에서 array, tuple, any 타입을 정의하는 방법을 알.. 2024. 7. 9.

티스토리툴바