220324

👩🏻‍💻 Learned

タイプスクリプト

JavaScriptタイプの言語を強制します.予期せぬエラーを防ぐために使用します.

let a = "안녕하세요"
aaa = 123

JAvascriptはstringと宣言された変数にも番号値を含めることができますが、タイプスクリプトを使用すると指定したタイプの値しか含まれません.

使用方法

let aaa: string = "안녕하세요"
let bbb: number = 123
//boolean으로 설정도 가능

オブジェクト

インタフェースを使用してタイプを特定できます

         // 타입명 I + 하고싶은이름
interface IProfile {
  name: string;
  age: number;
}

let profile: IProfile = { name: "철수", age: 13}

の準備を

typescriptのダウンロードyarn add typescript --dev tsconfig.jsonファイルの作成yarn add --dev @types/node yarn dev

--dev?

dependencies:実際のプログラムを実行する際に必要devdependecies:ブラウザでは不要です.開発のためだけ!

tsとtsx

ts:JSXが存在しない場合tsx:JSXが存在する場合
JavaScriptはJSXが存在するかどうかは関係ありません.jsに統一できますが、タイプスクリプトはできません.

JSX

X=XML=eXtensible Markup Language=拡張可能な寸法言語jsx = JSXML

類型推論

タイプを入力する必要がなく、自動的にタイプを初期値として推定します.

を選択します。

// 문자 타입
  let ccc: string
  ccc = "반가워요!!!"
  ccc = 3

  // 숫자 타입
  let ddd: number = 10
  ddd = 3
  ddd = "안녕하세요"

  // 불린 타입
  let eee: boolean = true
  eee = false
  eee = "false" // 문자열에 값이 있어서 true 로 작동하는 걸 타입스크립트에서 막아줄 수 있음

  // 배열 타입
  let fff: number[] = [1, 2, 3, 4, 5, "안녕"]
  let ggg: string[] = ["철수", "영희", "훈이", 13]
  let hhh: (number | string)[] = ["철수", "영희", "훈이", 13]
                // | 또는, & 그리고 - 자바스크립트와 달리 하나만!

  // 객체 타입
  interface IProfile {
    name: string
    age: string | number
    school: string
    hobby?: string // 있어도 좋고 없어도 좋을 때 ? 사용 . ? 없으면 반드시 필수로 사용해야함!
  }
  let profile: IProfile = {
    name: "철수",
    age: 8,
    school: "다람쥐 초등학교"
  }
  profile.age = "8살"

  // 함수 타입                                              //return 값 타입
  const add = (money1: number, money2: number, unit: string): string => {
    return money1 + money2 + unit
  }
  const result = add(1000, 2000, "원")

📝 Review

私はずっとタイプスクリプトを書いていましたが、今日初めてそれがどのように使われているのか、なぜ使われているのかを知りました.基本理論を聞くときは簡単ですが、jsファイルをtsに変換するには崩壊します.前にやったことと違ってずっと見ても答えは出ない.
难しいのは当たり前だけど、ちょっと….ちょっと気分が悪いです.検索すると定義に関する説明がたくさんありますが、あまり変換されていません...また資料を探します.

🔥 Will

登録再開!調整済み状態

エラーが発生するたびに解決済みとしてマークするのではなく、ログに記録する

誤字しない

検査括弧

ブラウズタイプスクリプトレッスン