ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Typescript
    Note 2021. 2. 26. 19:03

    Typescript

    자바스크립트에 타입을 부여한 언어

     

    컴파일(complie)

    타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한 번 변환해주어야 한다. 이 변환 과정을 컴파일이라고 한다.

     

     

    npm i typescript -g
    tsc index.ts // index.js 추가됨

    컴파일 옵션

    tsconfig.json

    {
      "compilerOptions": {
        "allowJs": true, // 프로젝트 안에 자바스크립트를 허용
        "checkJs": true, // @ts-check 역할 허용
        "noImplicitAny": true // 모든 타입에 대해 기본적인 타입 넣어야 함
      }
    }

     

    기본

    // 문자열
    let str: string = "hello";
    
    // 숫자
    let num: number = 22;
    
    // 배열
    let arr: Array<string> = [];
    arr.push("hello");
    
    // 배열 - 리터럴 적용
    let items: string[] = [];
    // items.push(22);
    
    // 튜플
    let address: [string, number] = ["hello", 22];
    
    // 객체
    let obj: object = {};
    // obj.a = 22;
    
    // 타입 객체
    let person: { age: number; name: string } = { age: 22, name: "Son" };
    person.age = 22;
    
    // 진위값
    let isCheck: boolean = false;
    

     

    함수

    // 함수의 타입 정의(변수, 반환값)
    function sum(a: number, b: number): number {
      return a + b;
    }
    
    // 함수의 옵셔널 파라미터
    function printText(text: string, type?: string) {
      console.log(text);
    }
    
    printText("hello");

     

    'Note' 카테고리의 다른 글

    브라우저 크기 측정  (0) 2021.03.23
    [css] ntn-child, ntn-last-child  (0) 2021.03.22
    비대칭키 암호화  (0) 2021.02.22
    Unicode, UTF-8  (0) 2021.02.18
    호출 스케줄링  (0) 2021.02.15

    댓글