타입스크립트(typescript)/개념7 [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 삽입미리보기할 수 없는 소스이넘(enum)이란?이넘이란 특정 값의 집합을 의미하는 데이터 타입이다. 상수 집합이라고도 표현한다.여기서 상수란 변하지 않는 값, 자바스크립트에서의 const를 의미한다. 이넘은 여러 개의 상수를 하나의 단위를 묶은 것으로 비슷한 범주에 있는 상수를 묶어 더 큰 단위의 상수로 만드는 것을 의미한다. 이넘 선언이넘을 선언하는 방법은 인터페이스를 선언하는 것과 같다. enum이라는 키워드를 입력하고 중괄호{ } 안에 상수를 적으면 된다.enum 이름 { // 상수}// 예시enum Companies { Naver, Coupang, Line, Kakao,} 상수 불러오기이넘 안에 존재하는 값을 불러오는 방법은.. 2024. 7. 14. [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. 이전 1 2 다음
