20 02 TypeScript 사용기능 - ChoDragon9/posts GitHub Wiki

const canDelete: boolean = false
const num: number = 0
const str: string = 'string'
const strArr: string[] = ['string', 'string']
const tuple: [string, number] = ['string', 0]
const nullType: null = null
const undefinedType: undefined = undefined
const obj: object = {key: 'value'}

enum Phase {
  Sandbox = 'sandbox',
  Beta = 'beta',
  Production = 'production'
}

let anyType: any = 0 // anything
anyType = 'string' // Ok
anyType = ['string'] // Ok

const str: any = 'this is a string'
const len: number = (str as string).length

const add: (x: number, y: number) => number = (x, y) => x + y

interface DateOption {
  readonly year: number
  month: number
}

interface CalendarOption extends DateOption {
  day: number
}

class ToggleHelper {
  private state: boolean
  private constructor(state: boolean) {
    this.state = state
  }
  static create(state = false): ToggleHelper {
    return new ToggleHelper(state)
  }
  on(): void {
    this.state = true
  }
  off(): void {
    this.state = false
  }
  toggle(): void {
    this.state = !this.state
  }
  get isOn(): boolean {
    return this.state
  }
}

// new ToggleHelper() Error!
ToggleHelper.create() // Ok

namespace MyBackendApi {
  interface Request {}
  interface Response {}
}

type NoticeKey<T> = {
  notice_key: T
}

type SingleNoticeKey = NoticeKey<number>
type MultiNoticeKey = NoticeKey<number[]>

type Callback = () => void
type SingleNoticeKey = NoticeKey<number>
type MultiNoticeKey = NoticeKey<number[]>

declare namespace GetNotice {
  interface Request {}
  interface Response {}
}
declare namespace GetNoticeList {
  interface Request {}
  interface Response {}
}

interface YearField {
  year: number
}
interface MonthField {
  month: number
}
interface DayField {
  day: number
}

type DateOption = YearField & MonthField & DayField

const option: DateOption = {
  year: 2020,
  month: 2,
  day: 10,
}

let option: DateOption | null = null
option = {
  year: 2020,
  month: 2,
  day: 10,
}

type DateOptionKey = keyof DateOption

const keys: DateOptionKey[] = [
  'year', 'month', 'day'
]
const keys2: DateOptionKey[] = [
  'seconds' // Wrong
]

interface ReadonlyDictionary {
  readonly [key: string]: any
}

const API_CONFIG: ReadonlyDictionary = {
  PROTOCOL: 'https',
  HOST: 'my.api.com',
  PORT: '443',
}

API_CONFIG.PROTOCOL = 'http' // Wrong!

enum Phase {
  Sandbox = 'sandbox',
  Beta = 'beta',
  Production = 'production'
}

type PhaseHost = {
  readonly [key in Phase]: string
}

const PHASE_CONFIG: PhaseHost = {
  [Phase.Sandbox]: 'my-sandbox.api.com',
  [Phase.Beta]: 'my-beta.api.com',
  [Phase.Production]: 'my.api.com',
  'cbt': 'my-cbt.api.com' // Wrong
}

interface DateOption {
  year: number
  month: number
  day: number
}

type DateOptionPartial = Partial<DateOption>

const yearKey: DateOptionPartial = {
  year: 2020
}
const monthKey: DateOptionPartial = {
  month: 2
}
const calendarOption: DateOptionPartial = {
  year: 2020,
  month: 2
}
const selectedDay: DateOptionPartial = {
  year: 2020,
  month: 2,
  day: 10
}

interface DateOption {
  year: number
  month: number
  day: number
}

const calendarTitle: Pick<DateOption, 'year' | 'month'> = {
  year: 2020,
  month: 2,
  day: 10 // Wrong
}

// Wrong
let x: {num: number}
init()
const y = x.num + x.num
function init() {
  x = {num: 1}
}

// Ok
let x!: {num: number}
init()
const y = x.num + x.num // Wrong
function init() {
  x = {num: 1}
}

interface DateOption {year: number, month: number}

function toTitle(dateOption?: DateOption): string {
  return  dateOption ? `${dateOption.year}.${dateOption.month}` : ''
}

const option: DateOption = {year: 2020, month: 2}
toTitle(option) // '2020.2'
toTitle() // ''