문자열 열거형 사용하기

Coddy JavaScript 여정의 TypeScript 소개 섹션에 포함된 레슨. 73개 중 54번째.

문자열 열거형(String enums)은 타입 안전성을 유지하면서 명확하고 읽기 쉬운 값을 제공하기 때문에 함수 매개변수로 특히 잘 작동합니다.

함수에서 문자열 열거형(string enum)을 사용하는 방법은 다음과 같습니다:

function move(direction: Direction): void {
  console.log(`Moving ${direction.toLowerCase()}...`);
}

이 함수를 호출할 때, TypeScript는 미리 정의된 열거형(enum) 값만 허용합니다. move(Direction.Up)을 사용하여 호출할 수 있으며, 이는 "Moving up..."을 출력합니다. 코드 에디터는 사용 가능한 열거형 멤버에 대한 자동 완성을 제공하며, TypeScript는 유효하지 않은 방향 값을 전달하려는 모든 시도를 포착합니다.

챌린지

쉬움

이전 챌린지에서 제공된 다음 내용들이 주어집니다:

Up, Down, Left, Right 멤버를 가진 Direction 문자열 열거형(enum)
변수: upDirection, downDirection, leftDirection, rightDirection

하나의 매개변수를 받는 move라는 이름의 함수를 생성하세요:

Direction 타입의 direction

이 함수는 다음을 수행해야 합니다:

"Moving [direction]..." 형식의 메시지를 출력합니다. 여기서 [direction]은 열거형 문자열 값을 소문자로 변환한 버전입니다.
반환 타입은 void여야 합니다.

하나의 매개변수를 받는 getMovementDescription이라는 이름의 함수를 생성하세요:

Direction 타입의 direction

이 함수는 다음을 수행해야 합니다:

방향에 따라 움직임을 설명하는 문자열을 반환합니다:
Direction.Up인 경우: "Going upward"를 반환
Direction.Down인 경우: "Going downward"를 반환
Direction.Left인 경우: "Turning left"를 반환
Direction.Right인 경우: "Turning right"를 반환
명시적인 반환 타입으로 string을 가져야 합니다.

Direction 타입의 playerDirection이라는 변수를 생성하고 Direction.Up을 할당하세요.

다음 출력값들을 출력하세요:

Direction.Up을 사용하여 move 호출
leftDirection을 사용하여 move 호출
playerDirection을 사용하여 move 호출
Direction.Down을 사용하여 getMovementDescription을 호출한 결과를 출력
rightDirection을 사용하여 getMovementDescription을 호출한 결과를 출력
Direction.Right를 사용하여 move 호출

직접 해보기

// 이전 챌린지에서 가져옴 - Direction 열거형 및 변수
enum Direction {
    Up = "Up",
    Down = "Down",
    Left = "Left",
    Right = "Right"
}

const upDirection = Direction.Up;
const downDirection = Direction.Down;
const leftDirection = Direction.Left;
const rightDirection = Direction.Right;

// TODO: 여기에 코드를 작성하세요
// Direction 매개변수를 받아 "Moving [direction]..."을 출력하는 move 함수를 만드세요
// 이동 설명을 반환하는 getMovementDescription 함수를 만드세요
// playerDirection 변수를 만드세요
// 함수를 호출하고 필요한 출력을 인쇄하세요