개발은 하는건가..

typescript 정리 본문

React-Native

typescript 정리

수동애비 2022. 5. 27. 16:01
반응형

# 기본 변수 선언

let varName : string;
varName = 'stringValue';


# 가변 타입 변수 선언

let varName : string | number;
varName = 'strValue';
varName = 100;


# 배열 변수 지정

let arrayName: string[] = { 'a', 'b', 'c' };


# 객체 타입 변수 지정 

// 기본 사용
let objVar : { name: string } = { name: 'kim' };



// 객체 타입을 정의하여 사용
type ObjItem = {
    name: string;
    age: number;        
}

let objvar : ObjItem = { name:'lee', age=30 };


# 변수 타입 지정

// 단순 타입 정의 (Type alias)
type NewType = string | number[];

let varName: NewType = 1234;


// 객체 타입 정의
type NewObjType = {
    fieldString: string
    fieldNum: number
    fieldObj: {
        subFieldString: string
        subNum: number
    }    
}


# 함수에  타입 지정

function fnName(param: number) : number {
	return number + 1;
}


# 배열에 타입 지정 (tuple 타입)

type ItemType = [ number, string ];

let arrayVer:ItemType = [123, 'hello'];

 

'React-Native' 카테고리의 다른 글

ReactNative / JS study misc.  (0) 2022.05.27
React-Native 개발용 추가 패키지  (0) 2022.05.23
JS 연산자 및 표현식 정리  (0) 2022.05.23
React-Native 개발환경 구성 windows  (0) 2022.05.17
Comments