TypeScript - let 및 const: 초보자 가이드

안녕하세요, 미래의 코딩 슈퍼스타 여러분! 오늘 우리는 TypeScript의 흥미로운 세계로 뛰어들어 두 가지 기본 개념을 탐구해볼 것입니다: letconst. 코드를 한 줄도 작성해본 적이 없더라도 걱정하지 마세요 - 이 모험을 안내해 드릴 친절한 가이드가 바로 저입니다.

TypeScript - let & const

변수 이해: 프로그래밍의 기초 구성 요소

letconst에 돌입하기 전에 변수에 대해 이야기해 보겠습니다. 생일 파티를 계획하고 있다고 상상해 보세요. 손님의 수, 케이크 맛, 파티 테마와 같은 것들을 기록해 두어야 합니다. 프로그래밍에서는 이러한 정보를 저장하고 관리하기 위해 변수를 사용합니다.

변수는 다양한 데이터 유형을 담을 수 있는 레이블이 달린 상자입니다. 프로그램이 실행 중에 이 상자 안의 내용(변수의 값)을 변경할 수 있습니다.

이제 TypeScript가 우리에게 이러한 상자를 만드는 두 가지 특별한 방법을 제공해 준다고 상상해 보겠습니다: letconst.

let 키워드를 사용하여 변수 선언

let는 무엇인가요?

let 키워드는 나중에 코드에서 다시 할당할 수 있는 변수를 선언하는 데 사용됩니다. 시간이 지나면서 다양한 값을 담을 수 있는 재사용 가능한 컨테이너입니다.

let 사용법

다음 예제를 보세요:

let age = 25;
console.log(age); // 출력: 25

age = 26;
console.log(age); // 출력: 26

let name = "Alice";
console.log(name); // 출력: Alice

name = "Bob";
console.log(name); // 출력: Bob

이 예제에서 우리는 먼저 age 변수를 25로 설정하고 나중에 26으로 변경합니다. 마찬가지로 name을 "Alice"로 설정하고 "Bob"으로 변경합니다. let 키워드는 이러한 변수의 재할당을 허용합니다.

블록 스코프

let의 중요한 기능 중 하나는 블록 스코프입니다. let로 선언된 변수는 선언된 블록 내에서만 접근할 수 있습니다. 블록은 일반적으로 중괄호 {}로 정의됩니다.

if (true) {
let secretCode = 1234;
console.log(secretCode); // 출력: 1234
}
console.log(secretCode); // 오류: secretCode가 정의되지 않았습니다

이 예제에서 secretCodeif 블록 내에서만 접근할 수 있습니다. 블록 밖에서 사용하려고 하면 오류가 발생합니다.

const 키워드를 사용하여 변수 선언

const는 무엇인가요?

const 키워드는 초기화된 후 재할당할 수 없는 변수를 선언하는 데 사용됩니다. sealed box라고 생각해 보세요 - 한 번 넣은 것을 바꿀 수 없습니다.

const 사용법

다음 예제를 보세요:

const PI = 3.14159;
console.log(PI); // 출력: 3.14159

PI = 3.14; // 오류: PI에 할당할 수 없습니다. const입니다.

const DAYS_IN_WEEK = 7;
console.log(DAYS_IN_WEEK); // 출력: 7

이 예제에서 우리는 PI와 주의 일수에 대한 상수를 선언합니다. PI에 새로운 값을 할당하려고 하면 TypeScript가 오류를 발생시킵니다.

const와 객체 및 배열

const는 재할당을 방지하지만, 값 자체를 불변하게 만들지는 않습니다. 이는 특히 객체와 배열에 대해 중요합니다:

const person = {
name: "Charlie",
age: 30
};

person.age = 31; // 이는 허용됩니다
console.log(person); // 출력: { name: "Charlie", age: 31 }

person = { name: "David", age: 25 }; // 오류: person에 할당할 수 없습니다. const입니다.

이 예제에서 우리는 person 객체의 프로퍼티를 수정할 수 있지만, person을 완전히 새로운 객체로 재할당할 수는 없습니다.

let 대비 const 사용 시기

다음은 각 키워드를 사용할 때를 간단히 안내해 드립니다:

키워드 사용 사례
let 나중에 변수를 재할당할 필요가 있을 때
루프 카운터에 사용할 때
조건에 따라 값이 변경될 수 있을 때
const 재할당되지 않아야 할 값에 사용할 때
상수(PI와 같이) 선언할 때
객체 및 배열 참조를 재할당하지 않을 때

베스트 프랙티스 및 팁

  1. const를 기본으로 사용: 모든 변수에 const를 사용한 후, 필요에 따라 let로 전환하세요.

  2. 명확한 이름 사용: 변수에 명확하고 설명적인 이름을 사용하세요. 예를 들어, userAgea보다 나은 선택입니다.

  3. 상수를 대문자로 사용: 진정한 상수(PI와 같이)를 선언할 때 대문자와 밑줄을 사용하세요: const MAX_ARRAY_LENGTH = 100;.

  4. 일관성 유지: 팀에서 일할 때, 팀의 관례를 따라 letconst를 사용하세요.

결론

축하합니다! TypeScript 변수의 세계로 첫 걸음을 뗐습니다. let은 재할당을 허용하는 유연한 친구이고, const는 변하지 않아야 할 값을 위한 충실한 동반자입니다.

코딩 여정을 계속하면서 이 키워드들을 자주 사용하게 될 것입니다. 처음에는 약간 혼란스러울 수 있지만, 연습을 통해 익숙해질 것입니다.

계속 코딩하며 호기심을 가지고 있고, 기억하세요: 모든 전문가는 초보자였습니다. 행복한 TypeScript 코딩을 기원합니다!

Credits: Image by storyset