😎 κ³΅λΆ€ν•˜λŠ” μ§•μ§•μ•ŒνŒŒμΉ΄λŠ” μ²˜μŒμ΄μ§€?

TypeScript 처음 μ‚¬μš©ν•΄λ³΄κΈ° (μ„€μΉ˜ν•˜κΈ°, 기본적인 ν•„μˆ˜ λͺ…λ Ή) λ³Έλ¬Έ

πŸ‘©‍πŸ’» λ°±μ—”λ“œ(Back-End)/Typescript

TypeScript 처음 μ‚¬μš©ν•΄λ³΄κΈ° (μ„€μΉ˜ν•˜κΈ°, 기본적인 ν•„μˆ˜ λͺ…λ Ή)

μ§•μ§•μ•ŒνŒŒμΉ΄ 2023. 5. 20. 23:37
728x90
λ°˜μ‘ν˜•

<λ³Έ λΈ”λ‘œκ·ΈλŠ” μ½”λ”©μ• ν”Œ μ˜ 유튜브λ₯Ό μ°Έκ³ ν•΄μ„œ κ³΅λΆ€ν•˜λ©° μž‘μ„±ν•˜μ˜€μŠ΅λ‹ˆλ‹€ :-)>=>

νƒ€μž…μŠ€ν¬λ¦½νŠΈ μ“°λŠ” μ΄μœ  & ν•„μˆ˜ λ¬Έλ²• 10λΆ„ μ •λ¦¬

 

🧸 TypeScript μ„€μΉ˜ν•˜κΈ° 

npm install -g typescript

 

🧸 μžλ™μœΌλ‘œ js 둜 λ³€ν™˜ν•΄μ€Œ (터미널에 μΌœλ†“κ³  μ§„ν–‰ν•˜μ‚Ό)

tsc- w

 

🧸 ν•„μˆ˜ 문법

// κ°„λ‹¨ν•œ λ³€μˆ˜ νƒ€μž…μ§€μ • κ°€λŠ₯
let 이름 :string = "gani";
let μ‚¬λžŒ :string[] = ["kim", "lee"];
let μ‚¬λžŒλ“€ :{name? : string} = {name : "park"}

// λ‹€μ–‘ν•œ νƒ€μž… -> Union Type
let 이름2 :string | number = 123;

// νƒ€μž…μ€ λ³€μˆ˜μ— λ‹΄μ•„μ“Έ 수 있음
type MyTYPE = string | number;

// ν•¨μˆ˜μ— νƒ€μž… 지정 κ°€λŠ₯
function temp(x : number) {
    return x * 2
}

// array에 μ“Έ 수 μžˆλŠ” tuple νƒ€μž…
type Member = [number, boolean];
let john:Member = [123, true];

// object에 νƒ€μž…μ§€μ •ν•΄μ•Ό ν•  속성이 많으면
type Member2 = {
    [key:string] : string
}
let john2 : Member2 = {name : "kim", age : "24"}

// class νƒ€μž… 지정
class User {
    name : string;
    constructor(name: string) {
        this.name = name;
    }
}
728x90
λ°˜μ‘ν˜•
Comments