typeScript(9)
-
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