개발/typescript, web24 ts) N차 함수 N번째 항에서 함수합성하기 두 개의 함수가 있다고 해보자. f: A -> B -> C g: C -> D 이 두 함수를 합성한다면 f∘g: A -> B -> D 처럼 된다. 문제는 이것을 typescript에서 어떻게 합성하냐인데.. 흔히 함수 합성에 자주 사용되는 pipe, flow를 사용하면 다음과 같이 해야한다. (pipe나 flow는 특정 함수의 이름이 아닌, 프로그래밍 언어 공통적으로 통용되는 기능의 용어이다. 그러므로 lodash, ramda, fp-ts 등의 많은 유틸리티 라이브러리에서 제공된다.) const f = (a: number) => (b: string) => new Array(a).fill(b) const g = (arr: string[]) => arr.map(str => ({data: str})) // co.. 2022. 5. 25. typescript generic의 사용 예와 identity function을 사용한 제네릭 인자 추론 // 1. 타입을 추론하는 함수는 다음과 같이 작성 type MakeTuple = (v: T) => [T, T] const makeTuple: MakeTuple = (v) => [v, v] // OK const tenTuple = makeTuple(10) // type: [number, number] // 2. 타입을 선언시 명시하고 싶다면 type TypedMakeTuple = (v: T) => [T, T] const makeNumberTuple: TypedMakeTuple = (v) => [v, v] const oneTuple = makeNumberTuple(1) // type: [number, number] // _MakeTuple은 망한 코드 (에러나 경고는 안남... 걍 주의하세요) // _Ma.. 2022. 5. 15. fp-ts를 통해 함수형 프로그래밍 용어 정리 https://github.com/rjcnd105/my-new-playgound/blob/main/apps/playground/fpts/guide.md GitHub - rjcnd105/my-new-playgound Contribute to rjcnd105/my-new-playgound development by creating an account on GitHub. github.com 제가 초반에 함수형 프로그래밍, 그리고 fp-ts 공부하면서 용어땜시 많은 어려움이 있었으니 정리할겸 다른 분들께 도움이 되라고 작성합니다. 계속 업데이트 중 임돠.. 허졉하지만 수학 관점에서 참고하실라면 https://hj1.notion.site/01f55ada5f6548b3a071275a984e03a7 이것도 보면 쪼금.. 2022. 5. 8. 식별할 수 있는 문자열(문자열 리터럴) 확인하는 방법 string extends T를 추가로 검사하면 string은 문자열 리터럴 타입을 상속하지 않으므로 string과 문자열 리터럴 타입을 구분할 수 있게 된다. 이것을 활용하여 다음과 같은 유틸리티를 만들었다. HTML 삽입 미리보기할 수 없는 소스 const categoryListPath = routerPaths.categoryList({ userName: 'gururu' }) // => '/gururu/category' 이러면 routeMatch에 경로에 해당하는 문자열만 추가해주면 알아서 routerPaths에 해당하는 generator 함수가 만들어진다. 2022. 4. 22. 이전 1 2 3 4 5 6 다음
