반응형 typescript6 [typescript] 유니언 타입 1. 유니언 타입(union type) 유니언 타입은 여러 개의 타입 중 한 개만 쓰고 싶을 때 사용하는 문법입니다. function logText(text: string){ console.log(text); } logText('hi'); //hi 아래와 같은 logText라는 함수가 있을 때, 'hi'라는 문자열을 넘겨 호출하면 문제가 없습니다. 그러나 숫자를 출력하고 싶을때는 어떻게 해야 할까요? 이 때 유니언 타입ㄷ을 사용하면 문제를 해결할 수 있습니다. function logText(text: string | number){ console.log(text); } text 파라미터는 문자열과 숫자를 모두 받을 수 있는 유니언 타입으로 선언되었습니다. 자바스크립트 OR 연산자의 |를 이용하여 여러 개.. typescript 2023. 8. 22. [typescript] 인터페이스(interface) 타입스크립트에서 인터페이스(interface)는 객체 타입을 정의할 때 사용하는 문법입니다. 인터페이스로 타입을 정의할 수 있는 부분은 다음과 같습니다. 객체의 속성과 속성 타입 함수의 파라미터와 반환 타입 함수의 스펙(파라미터 개수와 반환값 여부 등) 배열과 객체를 접근하는 방식 클래스 1. 인터페이스를 이용한 객체 타입 정의 Member이라는 인터페이스를 선언한 코드입니다. 인터페이스의 속성으로 name과 age를 각각 문자열과 숫자 타입으로 정의했습니다. 정의한 객체에 인터페이스를 지정하면 아래와 같습니다. interface Member{ name: String, age: number } var wonwoo: Member = {name:'원우', age:28} wonwoo라는 객체에 age를 '36.. typescript 2023. 8. 14. [typescript] 변수에 타입을 정의하는 방법 간단한 자바스크립트 코드에 타입을 선언하는 방법입니다. var name = 'say' 자바스크립트에서 name 변수에 say라는 문자열을 할당한 자바스크립트 코드입니다. name 변수에 타입을 선언할 때, 아래와 같이 변수 뒤에 ': 타입이름'을 추가하여 사용합니다. var name: string = 'say'; 변수 이름 뒤에 콜론을 붙여 해당 변수의 타입을 정의할 수 있습니다. 콜론(:)을 타입표기(type annotation) 이라고 부릅니다. 타입표기는 변수 뿐만 아니라 함수에도 사용할 수 있습니다. 변수나 함수의 타입을 정의할 때 사용할 수 있는 타입 종류들 중 주요 데이터 타입들을 알아보겠습니다. 1. string // 문자 2. number // 숫자 3. boolean // 진위 4. ob.. typescript 2023. 7. 27. [Typescript] React Typescript 생성하기 2022.02.09 - [typescript] - [Typescript] 타입스크립트 시작하기(Typescript) [Typescript] 타입스크립트 시작하기(Typescript) 타입스크립트 특징 1. 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있습니다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어 sewonzzang.tistory.com react를 설치하기 위해서는 node 의 버전이 14 또는 그 이상이어야 합니다. 노드 버전이 맞지 않은 경우, nvm을 통해 버전 변경을 해야 합니다. 2021.12.30 - [mac] - mac - nvm으로 노드 버전 관리하기 mac - nvm으로 노드 버전 관리하기 저는 macbrew 를 설.. typescript 2022. 2. 15. [Typescript] 타입스크립트 기본 타입 타입스크립트 기본 타입 타입스크립트로 변수나 함수와 같은 자바스크립트 코드에 타입을 정의할 수 있습니다. 타입스크립트의 기본 타입에는 크게 12가지가 있습니다. Boolean Number String Object Array Tuple Enum Any Void String 자바스크립트 변수의 타입이 문자열인 경우 아래와 같이 선언해서 사용합니다. let str : string = 'hi'; !! 위와 같이 :를 이용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)이라고 합니다. Number 타입이 숫자이면 아래와 같이 선언해서 사용합니다. let num : number = 10; Boolean 타입이 진위 값인 경우에는 아래와 같이 선언합니다. let isTrue :.. typescript 2022. 2. 12. [Typescript] 타입스크립트 시작하기(Typescript) 타입스크립트 특징 1. 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있습니다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 자바스크립트 코드로 변환됩니다. 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있습니다. 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 오래 걸린다는 단점이 있습니다. 2. 자바스크립트 슈퍼셋(Superset) 타입스크립트는 자바스크립트의 슈퍼셋, 즉 자바스크립트 기본 문법에 타입스크립트의 문법을 추가한 언어입니다. 따라서 유효한 자바스크립트로.. typescript 2022. 2. 9. 이전 1 다음 반응형