🔹 レスポンス・アイテムにタイプ・スクリプトをインストールする

🔶 インストールタイプスクリプト

yarn add –g typescript //현재 컴퓨터에 설치
yarn add typescript //로컬로 설치(현재 위치의 폴더에 설치)

// 기존에 있는 react에 설치하기.
yarn add --save typescript @types/node @types/react @types/react-dom @types/jest

//새로운 리액트 프로그램 타입스크립트로 시작하기
npx create-react-app my-app --template typescript

 yarn add styled-components @types/styled-components

🔶 タイプスクリプトの基本構文

🔹 基本タイプ

🔹 タイプの設定

//string으로 타입설정
const name:string= 'eunsu'

 let age:number = 30;
 age ="서른살"

 // 배열, 오브젝트 안 element 타입설정.
let 이름 :string[] = ['kim', 'park']
let 나이 :{ age : number } = { age : number }

 // text 의 데이터 타입은 number거나 string
 let text: number | string = "Hello World";

  	type nameType = number | string;
    const name:nameType = "Joo Eunsu"

   const plus = (a: number, b: number) => {
    return a + b;
  };
  console.log(plus(3, 5)); //8

    const test = (a: number | string) => {
    return a *3;
  };
  //error ! type설정 해야 함.
    const test = (a: number | string) => {
    if (typeof a === "number") {
      return a * 10;
    }
  };