TypeScript - 변수: 초보자 가이드

안녕하세요, 미래의 코딩 슈퍼스타 여러분! TypeScript 변수의 세계로 여러분을 안내하게 되어 기쁩니다. 프로그래밍을 가르쳐온 지 오래된 저는 변수를 이해하는 것은 자전거 타는 것을 배우는 것과 같다고 말씀드릴 수 있습니다. 한 번 배우면 절대 잊지 않을 거예요! 그럼 이 divertido(즐거운) 여정을 시작해보겠습니다.

TypeScript에서 변수 선언

변수는 데이터를 저장하는 컨테이너로 생각해보세요. 집에서 다양한 물건을 저장하는 다양한 상자를 사용하는 것처럼, TypeScript에서는 변수를 사용하여 다양한 유형의 정보를 저장합니다.

기본 개념으로 시작해보겠습니다:

TypeScript에서는 변수를 선언하는 세 가지 방법이 있습니다:

키워드	설명
var	함수 범위이거나 전역 범위의 변수
let	블록 범위의 변수
const	재할당할 수 없는 블록 범위의 변수

이제 이를 실제로 사용해보겠습니다!

```typescript
var myName = "Alice";
let myAge = 25;
const myBirthYear = 1998;

이 예제에서:

• myName은 변경할 수 있는 변수이며, 그 범위 내에서 어디서든 접근할 수 있습니다.
• myAge도 변경할 수 있지만, 정의된 블록 내에서만 접근할 수 있습니다.
• myBirthYear은 상수이므로 한 번 설정되면 변경할 수 없습니다.

이를 기억하는 재미있는 방법은 이렇습니다: var은 자유로운 정신의 청소년처럼 어디서든 다니는 것, let은 경계를 지키는 더 책임감 있는 성인, const은 변하지 않는 고집스러운 할아버지라고 생각해보세요!

TypeScript에서 타입断言

이제 타입断言에 대해 이야기해보겠습니다. 타입断言은 TypeScript에게 "신뢰해, 내가 무엇을 하고 있는지 알아!"라고 말하는 것과 같습니다. 프로그래머로서 당신이 값의 타입에 대해 더 잘 알고 있다고 말하는 방법입니다.

타입断言을하는 두 가지 방법이 있습니다:

let someValue: any = "Hello, TypeScript!";
let strLength: number = (<string>someValue).length;

// 혹은

let otherValue: any = "Hello again, TypeScript!";
let anotherStrLength: number = (someValue as string).length;

두 경우 모두, someValue와 otherValue를 문자열로 취급하도록 TypeScript에게 말하고 있습니다.

이를 다음과 같이 생각해보세요: TypeScript는 조심스러운 친구라면, 타입断言은 " 걱정하지 마, 나는 이를 잘 처리할 거야!"라고 말하는 것입니다.

TypeScript에서 타입 추론

TypeScript의 가장 멋진 기능 중 하나는 타입을 추론할 수 있는 능력입니다. 마치 정말 지능적인 친구가 당신의 생각을 추측하는 것처럼!

let favoriteNumber = 7;  // TypeScript는 이가 숫자라고 추론
let favoriteColor = "blue";  // TypeScript는 이가 문자열이라고 추론

이 예제에서, 우리는 TypeScript에게 이 변수들의 타입을 명확히 말하지 않았지만, TypeScript는 자체적으로 추론했습니다. 멋지지 않나요?

하지만 기억해야 할 것은, 강력한 힘에는 큰 책임이 따른다는 것입니다. 타입 추론은 편리하지만, 특히 더 큰 프로젝트에서는 타입을 명확히 지정하는 것이 더 나은 경우가 많습니다. 마치 미래의 당신이나 다른 개발자에게 명확한 지침을 남기는 것과 같습니다.

TypeScript 변수 범위

변수 범위를 이해하는 것은 TypeScript에서 매우 중요합니다. 변수가 어디에 살고 누가 접근할 수 있는지에 관한 것입니다.

블록 범위

if (true) {
let blockScoped = "I'm only available inside this block";
console.log(blockScoped);  // 이 작동합니다
}
console.log(blockScoped);  // 이는 오류를 발생시킵니다

이 예제에서, blockScoped는 마치 블록 내에서만 나타나는 수줍은 친구처럼 행동합니다.

함수 범위

function greet() {
var message = "Hello!";
console.log(message);  // 이 작동합니다
}
greet();
console.log(message);  // 이는 오류를 발생시킵니다

여기서 message는 마치 greet 함수만 알고 있는 비밀처럼 행동합니다. 그것을 다른 사람과 공유하지 않습니다!

전역 범위

let globalVar = "I'm available everywhere!";

function testScope() {
console.log(globalVar);  // 이 작동합니다
}

testScope();
console.log(globalVar);  // 이도 작동합니다

globalVar는 마치 모든 파티에 나타나는 그 한 친구처럼 어디서나 사용할 수 있습니다!

기억해야 할 것은, 전역 변수는 편리할 수 있지만, 혼란스럽고 유지하기 어려운 코드를 만들 수 있다는 것입니다. 마치 지저분한 방처럼, 모든 것이 접근 가능하지만 필요한 것을 찾기 어렵습니다!

결론

그렇습니다, 여러분! 우리는 TypeScript 변수의 세계를 여행했습니다. 선언에서 범위까지. 연습이 완벽을 만든다는 것을 기억하고, 이 개념들을 실험해보지 마세요.

저의 연습 경험에서 이 작은 비밀을 알려드리겠습니다: 가장 좋은 방법은 실수를 하고 그것을 고치는 것입니다. 그렇게 해서 진정으로 이 개념을 이해하고 기억할 수 있습니다.

TypeScript는처음에는 어려울 수 있지만, 한 번 익숙해지면 코드를 더 안전하고 이해하기 쉽게 만들어줍니다. 마치 도움을 주는 어시스턴트가 당신의 실수를 미리 잡아주는 것처럼!

계속 코딩하시고, 호기심을 유지하시고, 기억하세요 - 모든 전문가는 초보자였습니다. 당신도 할 수 있습니다!

Credits: Image by storyset