TypeScript(18)
-
TypeScript - Class(2) Constructor, Access Modifiers, getter,setter
1. Constructor (생성자) constructor를 이용해 객체 생성 클래스를 통한 객체 생성시 constructor에 정의에 맞춰 매개변수값이 들어간다. 2. Access Modifiers(접근 제한자) com.ram = '32GB' 처럼 ram의 값을 Computer의 객체 외부로 데이터를 바꾸는것을 막기위해 사용한다. 총 키워드는 3개로 구성된다. public : 클라스 외부에서 접근 가능 public은 ts가 알아서 인식하기 때문에 써줄 필요는없다. private : 클라스 내에서만 접근이 가능 클라스 외부에서는 접근 불가 protected : 클라스 내부, 상속받는 자식 클라스에서 접근가능 ram을 private로 설정 하면 ram은 private라고 오류가 발생하면 접근이 불가능하다...
2021.07.25 -
TypeScript - Class(1)
cpu, mainBoard, power, ram, gpu 변수 , intro1, intro2 함수를 클래스로 만들었다. 1. 변수 변수 설정은 let, const 같은 블록 레벨 스코프를 사용하지않고, 타입만 입력을 해준다. cpu는 기본 매개변수처럼 기본값을 넣어주고 mainBoard는 ts파일에서 오류가 발생하는데 이유는 (이니셜라이저) 기본 매개변수 값이 없어서 발생한다. 나머지 변수 power, ram, gpu에는 선택적 매개변수처럼 '?'를 붙여 있으면 사용하고 없어도 오류가 발생하지않게 설정 할 수 있다. 2. 메소드 화살표 함수, 기본함수 사용이 가능하고 클래스 안 에 있는 함수를 메소드라 한다. 메소드는 매개변수를 사용하지 않고 해당 클래스에있는 변수를 " this. "로 가져와 사용한다...
2021.07.25 -
TypeScript - 함수 매개변수 타입 설정
매개변수에 꼭 있어야 할 필요가 없는 매개변수 타입 설정 방법 1. 선택적 매개변수 사진 처럼 만약 매개변수를 data, data2를 받을 때 data2는 꼭 필요하지않는 매개 변수라서 값을 빼주면 오류가 발생한다. 해결 방법은 매개변수 뒤에 '?' 를 붙혀 주면 매개변수가없더라고 오류가 발생하지않는다. * 선택적 매개변수는 가장 끝에 있어야 한다. 타입스크립트는 중간에 매개변수가 있으면 뒤에있는 매개변수 모두 선택적 매개변수로 인식하기 때문이다. * 2. 기본 매개변수 매개변수에 기본값을 할당하여 만약 매개변수가 전달 되지 않더라도 기본값을 출력 할 때 사용한다. data2에 매개변수가 전달되지않더라도 data2는 123으로 출력이 된다. *data2에 변수 값을 줄 수 있다. 하지만 타입에 맞춰 전달..
2021.07.25 -
TypeScript - TS 열거형 (enum), 리터럴 타입
1. 열거형 enum Clean인퍼테이스에 color 값을 red, blue만 입력하는 제한을 설정하려고 할 때 enum을 사용한다. 타입을 설정 한 후 함수에 적용한다. 1-1. 숫자 열거형, 문자 열거형 enum 숫자열거형 컴파일 enum 문자열거형 컴파일 2. 리터럴 타입 enum처럼 따로 설정 하지않고 인터페이스 내에서 ' | ' 를 통해 값을 타입을 설정 해줄 수 있다.
2021.07.25 -
TypeScript - TS 인터페이스(1)
코드의 재사용과 가독성을 위해 인터페이스를 사용한다. *인터페이스의 이름은 대문자로 짓는다* 함수의 타입값에 맞게 인터페이스를 만든다 b?: number에 ?의미는 만약 리턴값에 b값이 없어도 정상적으로 실행 할 수 있게 하는 옵셔널 파라미터 이다. 일일이 타입값을 작성한 함수(test6)와 인터페이스를 활용한 함수(test7)의 가독성 차이이다. 또한 인터페이스의 장점인 코드 재활용, 메소드 정의, read only가 있다 1. 코드 재활용 먼저 함수의 파라미터 타입값 설정으로사용 할 수 있다. 2. 메소드 정의 메소드 정의는 두 가지 방법으로 정의가 가능하다. 3. readonly기능 인터페이스에서 설정한 값을 변경 할 수 없게 하는 설정이다. readonly가 설정된 a값을 변경하려고 하면 오류가 ..
2021.07.24 -
TypeScript - TS 타입 추론, 타입 명시
1. 타입 추론 TS에서 자동으로 타입을 추론하여 선언을 할 때 같은 타입이 아니면 TS가 오류를 나타낸다. number로 선언된 a, string으로 선언된 b 변수에 string, number값을 넣으면 오류를 발생시킨다. 2. 타입 명시 변수, 함수값의 타입을 설정하여 설정한 타입에 맞지않으면 오류를 나타낸다. datetest, booltest는 명시한 타입에 맞지않는 값이 들어가 오류를 발생시키는 중이다. 함수 test1, test2에서 표시한 타입값이 return타입과 같기 때문에 오류를 발생시키지않는다. test3은 반환하는 값이 없기 때문에 void라고 표기 혹은 any를 표기해야 한다. 함수에서 object형을 return 한다면 세개의 방법으로 return이 가능하다. 마지막 방법은 ob..
2021.07.24