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)

블로그 메뉴

  • 홈
  • 태그

공지사항

인기 글

태그

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

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Po_tta_tt0

콩심콩 팥심팥 🌱

✍ 공부/TypeScript

[type-challenges] KebabCase

2023. 7. 3. 18:53
반응형

문제

camelCase나 PascalCase를 kebab-case로 바꿔주세요

FooBarBaz -> foo-bar-baz

설명

/* _____________ Your Code Here _____________ */

type KebabCase<S> = S extends `${infer A}${infer B}` ?
B extends Uncapitalize<B>
? `${Uncapitalize<A>}${KebabCase<B>}`
: `${Uncapitalize<A>}-${KebabCase<B>}`
: S


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

type cases = [
  Expect<Equal<KebabCase<'FooBarBaz'>, 'foo-bar-baz'>>,
  Expect<Equal<KebabCase<'fooBarBaz'>, 'foo-bar-baz'>>,
  Expect<Equal<KebabCase<'foo-bar'>, 'foo-bar'>>,
  Expect<Equal<KebabCase<'foo_bar'>, 'foo_bar'>>,
  Expect<Equal<KebabCase<'Foo-Bar'>, 'foo--bar'>>,
  Expect<Equal<KebabCase<'ABC'>, 'a-b-c'>>,
  Expect<Equal<KebabCase<'-'>, '-'>>,
  Expect<Equal<KebabCase<''>, ''>>,
  Expect<Equal<KebabCase<'😎'>, '😎'>>,
]

Uncapitalize<T>는 T(string)의 첫 문자를 소문자로 바꿔준다.
S를 A(첫 문자) B(나머지 문자)로 쪼개고,
B가 Uncapitalize를 extends하면 == B가 apple일 때 Uncapitalize를 extends한다 // B가 Apple일 때 Uncapitalize를 extends하지 않는다


extends할 시 - 를 붙이고, 아니면 붙이지 않고 연결한다.

하지만 B는 나머지 문자 전체이기 때문에 다시 KebabCase로 남은 문자를 돌아준다

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

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

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

    티스토리툴바