Po_tta_tt0
콩심콩 팥심팥 🌱
Po_tta_tt0
전체 방문자
오늘
어제
  • 분류 전체보기 (266)
    • 🐛 회고 (14)
    • 💭 생각 (2)
    • 🤸‍♀️ 내 프로젝트 (16)
      • FISH-NEWS (8)
      • MBTI 과몰입 테스트 (2)
      • twitter clonecoding with TS (4)
      • pilzagenda (2)
    • 👨‍👩‍👧‍👦 팀 프로젝트 (2)
      • 피우다 프로젝트 (0)
      • SEMO(세상의 모든 모임) (1)
      • 마음을 전하는 텃밭 (1)
      • Stackticon (0)
    • 👨‍💻 CS지식 (11)
    • ✍ 공부 (94)
      • JavaScript (21)
      • TypeScript (39)
      • Html (0)
      • CSS (2)
      • React (18)
      • NextJS (7)
      • Vue (1)
      • Python (1)
      • Django (0)
      • 개발환경 & 그 외 (2)
    • 🏄‍♀️ 코딩테스트 (99)
      • 🐍 Python (99)
    • 🐙 Git & GitHub (3)
    • 📑 오류기록 (8)
    • 📚 우리를 위한 기록 (9)
    • 수업 (3)
    • 강의 등 (2)
    • 👩‍🎓 SSAFY (0)
    • 👋 우테코 (0)

블로그 메뉴

  • 홈
  • 태그

공지사항

인기 글

태그

  • 파이썬 감시 피하기
  • BFS + DP
  • 파이썬 다익스트라
  • 백준 숨바꼭질
  • DP
  • dfs
  • 플로이드 워셜
  • react-router-dom
  • 백준
  • 파이썬
  • 구현
  • 문자열
  • js
  • 시뮬레이션
  • React
  • 이분탐색
  • Next.js
  • bfs
  • 백준 파이썬
  • 자바스크립트

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Po_tta_tt0

콩심콩 팥심팥 🌱

✍ 공부/TypeScript

[type-challenges] Merge

2023. 6. 27. 08:22
반응형

문제

두개의 타입을 새로운 타입으로 병합하세요.
두번째 타입이 첫번째 타입을 덮어씁니다.

설명


/* _____________ Your Code Here _____________ */

type Merge<F, S> = {[P in keyof F | keyof S]: P extends keyof S ? S[P] :P extends keyof F ? F[P]:never}


/* _____________ Test Cases _____________ */
import type { Equal, Expect } from '@type-challenges/utils'


type Foo = {
  a: number
  b: string
}
type Bar = {
  b: number
  c: boolean
}

type cases = [
  Expect<Equal<Merge<Foo, Bar>, {
    a: number
    b: number
    c: boolean
  }>>,
]

접근방법

  1. 객체로 만들어야 하니까 {} 내부에서 작성하면 되겠다!
  2. 두 객체의 key를 다 돌아야 하니까 배열 내부의 Union 타입을 이용해 돌면 되겠다(P == keyof F + keyof S)
  3. 두번째 요소인 S가 덮어써야 하기 때문에, S먼저 살펴본다
    P가 S 내부에 들어있는 key일 경우 value로 S[P]를 뽑고
    P가 F 내부에 들어있는 key일 경우 value로 F[P]를 뽑으면 되겠지!?!

잘 작동!🥳

반응형
저작자표시 (새창열림)

'✍ 공부 > TypeScript' 카테고리의 다른 글

[type-challenges] KebabCase  (0) 2023.07.03
A = [{ a:string, b:string}]와 type B = { a:string, b:string}[]의 차이가 뭘까요?  (0) 2023.07.01
[type-challenges] String to Union  (0) 2023.06.27
[type-challenges] Absolute  (0) 2023.06.27
[type-challenges] Append to object  (0) 2023.06.27
    '✍ 공부/TypeScript' 카테고리의 다른 글
    • [type-challenges] KebabCase
    • A = [{ a:string, b:string}]와 type B = { a:string, b:string}[]의 차이가 뭘까요?
    • [type-challenges] String to Union
    • [type-challenges] Absolute
    Po_tta_tt0
    Po_tta_tt0
    감자의 코딩하는 블로그 콩심은데 콩나고 팥심은데 팥난다

    티스토리툴바