타입스크립트 enum 숙제

1. enums, types

export enum Status {
  Initialized = "Initialized",
  Pending = "Pending",
  Complete = "Complete",
}

enum Color {
  Red,
  Blue,
  Black,
}

enum Car {
  Sedan,
  Truck,
  Coupe,
}

enum ProgrammingLanguage {
  TypeScript = "TypeScript",
  JavaScript = "JavaScript",
  Python = "Python",
  Golang = "Golang",
}

type Customer = {
  firstName: string;
  lastName: string;
};

2. 문제 and 정답

/*
1. 다음을 충족하는 타입을 완성하고 inventory 객체에 타입을 반영하세요.
  Car enum 사용 필수.
  string 키 사용 금지.
*/

type Inventory = {
  [key in keyof typeof Car]? : keyof typeof Color
};

const inventory: Inventory = {
  Sedan: "Red",
  Truck: "Black",
};

• keyof, typeof 참조 블로그
  https://inpa.tistory.com/entry/TS-%F0%9F%93%98-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-keyof-typeof-%EC%82%AC%EC%9A%A9%EB%B2%95

/*
2. 다음을 충족하는 타입을 완성하고 colors 객체에 타입을 반영하세요.
  Color enum 사용 필수.
  모든 키 필수.
*/

type TColor = {
  [key in keyof typeof Color] : string[]
};

const colors : TColor = {
  Red: ["red"],
  Blue: [],
  Black: ["obsidian", "ink"],
};

/*
3. 다음을 충족하는 타입을 완성하시오.
  Color enum 사용 필수.
  "Red" | "Blue" | "Black" 사용 금지.
*/

type ColorKey = keyof typeof Color;

const someRose: ColorKey = "Red";
const someSky: ColorKey = "Blue";
const someTerminal: ColorKey = "Black";

/*
4. 다음 함수를 완성하세요.
  인자에 적절한 타입 반영.
  반환 타입 반영.
  테스트를 패스 할 함수 로직 작성.
*/

export function getSum(number1: number, number2: number): number {
  return number1 + number2
}

/*
5. 다음 두 함수를 완성하세요.
  인자에 적절한 타입 반영.
  함수이름을 읽고 적절한 반환 타입 반영.
  테스트를 패스 할 함수 로직 작성.
*/

export function isStatusPending(status: Status): boolean {
  if(status === Status.Pending) return true
  else return false
}

export function isStatusComplete(status: Status): boolean {
  if(status === Status.Complete) return true
  else return false
}

/*
6. 다음 함수를 완성하세요
  반환 타입 작성 후 함수에 적용.
  in 키워드 사용 필수.
  typecasting 금지.
  string 키 사용 금지.
  무엇을 반환하는지 test spec 확인해보기.
보너스: .reduce 함수를 사용하기.

예: { Initialized: "initialized" }
*/

// 반환 타입
type StatusObject = {
  [key in Status] : string
};

export function getStatusObject(): StatusObject {
  const values = Object.values(Status)
  const myObject = {} as StatusObject

  values.forEach((key) => {
    myObject[key] = key
  })
  return myObject
}

/*
7. 반환 타입을 반환하는 함수를 작성하세요.
  typecasting 사용해보기.
*/

export function getCars(): Car[] {
  return [Car.Sedan, Car.Truck, Car.Coupe]
}

/*
8. 다음 함수를 완성하세요.
  반환 타입 작성 후 함수에 적용.
  Object.entries 사용 필수.
  무엇을 반환하는지 test spec 확인해보기.
예: { 10: TypeScript } | key는 value의 length
*/

// 반환 타입, javascript key값은 string
type TProgrammingLanguages = {
  [key in ProgrammingLanguage as number]: key
}[]

export function getProgrammingLanguages(): TProgrammingLanguages {
  const entries = Object.entries(ProgrammingLanguage) 

  const arr = entries.map(([key, value]) => {
    return {[key.length]: value}
  })
  return arr
}

• key값 동적 할당 참조 블로그
  https://kyounghwan01.github.io/blog/JS/JSbasic/jsonDynamicAllocation/

/*
9. TOrder를 작성하고 orders 객체에 반영하세요 
*/

type TOrder = {
  firstCar: {
    status: Status,
    color: Color,
    availableColors: Color[],
    orderedBy: Customer
  },
  secondCar: {
    status: Status,
    color: Color,
    availableColors: Color[],
    orderedBy: Customer
  }
};

const orders: TOrder = {
  firstCar: {
    status: Status.Initialized,
    color: Color.Black,
    availableColors: [Color.Red],
    orderedBy: {
      firstName: "jane",
      lastName: "doe",
    },
  },
  secondCar: {
    status: Status.Complete,
    color: Color.Blue,
    availableColors: [Color.Black],
    orderedBy: {
      firstName: "john",
      lastName: "doe",
    },
  },
};

/*
10. TCustomerCar를 작성하고 customerCars 객체에 반영하세요
string 타입 사용 금지
*/

type TCustomerCar = {
  1: {
    customerLastName: Customer['lastName'],
    car: Car,
    carColor: keyof typeof Color
  },
  2: {  
    customerLastName: Customer['lastName'],
    car: Car,
    carColor: keyof typeof Color
  }
};

const customerCars: TCustomerCar = {
  1: {
    customerLastName: "skywalker",
    car: Car.Coupe,
    carColor: "Red",
  },
  2: {
    customerLastName: "jedi",
    car: Car.Sedan,
    carColor: "Blue",
  },
};

3. fork한 파일 pull request하기