[Typescript] 25장(완) - 변수 선언

✅ 1.  변수 선언 키워드

타입스크립트는 JS와 마찬가지로 var, let, const를 지원하나, 타입을 지정할 수 있습니다 

• let
  
  • 재할당 가능함
  • 블록 스코프( { } 내부 범위에 한정함 )

let keyword: string = 'Action';
keyword = 'Horror'; // ✅ 가능
console.log(keyword); // Horror

• const 
  
  • 재할당 불가능
  • 상수(변하지 않는 값) 지정

const pi: number = 3.14;
pi = 3.14159; // ❌ 에러

• var
  
  • 함수 스코프
  • 최신 Typescript/JS에서는 가급적 사용을 지양함

var km: number = 1.5;

km = 1.7; // ✅ 가능
const fixedNum1: string = km.toFixed(2);

console.log(`Running is ${km}/km`);

---

✅ 2. 타입 지정

TypeScript 변수 선언 시에는 타입을 명시적으로 지정할 수 있습니다.

타입	설명	예시
number	숫자	let height: number = 180;
string	문자열	let name:string = "철수"
boolean	참/거짓	let isTrue: boolean = true;
any	모든 타입을 허용	let data: any = 123; data = "Hello"
unkown	any와 비슷하나 안전한 방법	let value: unknow = 10;
array	배열	let nums: number [] = [1,2,3]
tuple	고정 길이 배열	let person: [string, number] = ["철수", 20]

---

✅ 3. 타입 추론

TyepScript는 초기값만 보고 타입을 추론합니다, 타입 지정을 하지 않아도 자동으로 추론이 가능하나, 명시적으로 지정하면 그만큼 안정성이 높아집니다.

let msg = 'Hello, World!'; // message 타입을 자동 string 타입으로 추론
let startDate = 2007; // startDate 타입을 number 타입으로 추론

console.log(msg, startDate); // Hello, World! 2007

---

 ✅ 4. 변수 선언 시 주의점

• 🤯 var은 스코프 혼동이 가능하다 -> 가급적 let/const로 더욱 안전하게 사용하자
• 😀 const로 객체/배열 선언 시 -> 재할당은 불가능 하지만, 속성은 변경 가능함

const anime: string[] = ['귀멸의 칼날', '에반게리온', '빙과', '나츠메 우인장'];

anime.push('나루토'); // 가능
console.log(anime); // [ '귀멸의 칼날', '에반게리온', '빙과', '나츠메 우인장', '나루토' ]

anime = ['스즈미야 하루히의 우울', '소드 아트 온라인']; // ❌ 에러

• 타입 불일치 에러 방지

let Today: string = 'Thursday';
Today = 21; //  ❌ 에러
console.log(Today);

---

 

GitHub - Koras02/typescript-bloging