읽기 전용 튜플
Coddy JavaScript 여정의 TypeScript 소개 섹션에 포함된 레슨 — 73개 중 18번째.
readonly 수식어를 사용하여 배열을 불변으로 만들 수 있는 것과 마찬가지로, TypeScript에서는 초기화 후에 수정할 수 없는 읽기 전용 튜플(readonly tuples)을 생성할 수 있습니다. 이는 구조화된 고정 길이 데이터에 대해 동일한 불변성 이점을 제공합니다.
튜플 타입 앞에 readonly를 추가하면, TypeScript는 튜플 요소에 대한 어떠한 변경도 방지합니다.
이는 특정 위치의 값을 재할당하거나 튜플의 내용을 수정하는 메서드를 사용할 수 없음을 의미합니다:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];readonly 수식어는 튜플이 일단 생성되면 변경되지 않아야 하는 좌표, RGB 색상 값 또는 데이터베이스 레코드와 같은 중요한 구조화된 데이터를 나타내는 경우가 많기 때문에 튜플에 특히 유용합니다.
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
챌린지
쉬움두 개의 숫자(x 및 y 좌표)로 2D 포인트를 나타내는 startPoint라는 이름의 readonly 튜플을 생성하세요. 이 튜플을 0과 0 값으로 초기화하세요.
세 개의 숫자(빨강, 초록, 파랑)로 RGB 색상 값을 나타내는 colorRGB라는 이름의 또 다른 readonly 튜플을 생성하세요. 이 튜플을 255, 128, 64 값으로 초기화하세요.
숫자(사용자 ID), 문자열(사용자 이름), 불리언(활성 상태)을 담는 userRecord라는 이름의 세 번째 readonly 튜플을 생성하세요. 이 튜플을 42, "admin", true 값으로 초기화하세요.
생성된 순서대로 세 개의 readonly 튜플을 모두 콘솔에 별도의 줄로 출력하세요.
치트 시트
초기화 후 수정을 방지하려면 튜플 타입 앞에 readonly 수식어를 사용하여 읽기 전용 튜플을 생성하세요:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];
읽기 전용 튜플은 좌표, RGB 값 또는 생성된 후 변경되지 않아야 하는 데이터베이스 레코드와 같은 구조화된 데이터에 유용합니다.
직접 해보기
// TODO: 여기에 코드를 작성하세요
// 챌린지에 설명된 대로 읽기 전용 튜플을 생성하세요
// 세 개의 튜플을 모두 출력하세요이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
