타입스크립트6 [typescript] 타입스크립트 클래스(class) 📝클래스 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스클래스란?클래스란 공통된 성질을 가진 객체를 정의한 것이다. 객체지향 프로그래밍에서 인스턴스를 생성하기 위한 변수와 메소드를 정의하는 일종의 틀을 말한다. 자바스크립트와 마찬가지로 타입스크립트에서도 클래스를 생성할 수 있다. 그렇다면 타입스크립트에선 어떻게 클래스를 만들까? 1) 자바스크립트자바스크립트는 2가지 방식으로 객체를 선언할 수 있다. 생성자 함수와 클래스를 이용한 것이다. 아래 코드를 보자.// 생성자 함수function Person(name, year) { this.name = name; this.yar = year;}// 클래스class Person { name; year; constructor.. 2024. 7. 15. [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. 이전 1 2 다음
