Search for a command to run...
문제를 만나다 개인 프로젝트를 진행할 때 기능을 병렬로 구현하기 위해서 Conductor를 사용하고 있다. 여러 개의 워크 스페이스를 새로 만들 때마다 환경변수를 매번 수동 복사해야 하는 게 매우 귀찮았다. 워크트리 개념이 익숙하지 않아서 처음에는 워크트리 생성 시 모든 파일을 다 가져오는 줄 알았다. 워크트리의 동작 방식을 찾아보니, git에 저장된 파일만 생성된다는 걸 새로 알게 되었다. 도움 받은 블로그 글 링크 : Git에서 다수...
Get Return Type 설계 의도 제네릭 T타입을 파라미터가 있는 함수 타입으로 정의하기 리턴 타입을 추론하기 위해 infer R 를 사용해서 타입 추론 후 리턴하기 코드 /* _____________ Your Code Here _____________ */ type MyReturnType<T extends (...args:any[]) => any> = T extends (...args:any[])=>infer R ? R : ne...
Includes 설계 의도 튜플 타입 T를 첫 번째 요소인 Head와 나머지 요소들인 Tail로 분리해서 추론한다. Head가 제네릭 U 타입과 동일하지 않으면 Includes 타입을 Tail에 대해 재귀적으로 다시 실행하면서 다음 요소 검사하기 boolean 타입의 경우, true와 false이 모두 할당가능하니까 엄격하게 동등한지 비교하기 위해서 Equal 헬퍼함수 사용 코드 type Equal<X, Y> = (<T>() => ...
Awaited 설계 의도 제네릭타입 T를 PromiseLike<any> 로 정의하여서 Promise, then 메서드 가진 함수 모두 받도록 처리 infer 사용해서 PromiseLike의 내부 타입 추출 다중 Promise 중첩 처리에서 최종 결과 타입 풀어내기 위해서 재귀적 조건부 타입 사용 Promise<T> vs PromiseLike<T> Promise<T>는 Promise 객체의 전체 API를 나타내는 반면, PromiseL...
First of Array 설계 의도 빈 배열인 경우는 never 타입 리턴하고, 그 외는 배열의 첫 번째 요소 리턴하도록 구현 코드 type First<T extends any[]> = T extends [] ? never : T[0] /* _____________ Test Cases _____________ */ import type { Equal, Expect } from '@type-challenges/utils' type cas...
Pick<T, K> 설계 의도 K타입은 T 타입의 key만 오도록 제한 Mapped Types 사용해서 제한된 key 타입에 해당하는 타입만 리턴하도록 처리 코드 /* _____________ Your Code Here _____________ */ type MyPick<T, K extends keyof T> = { [P in K] : T[P] } /* _____________ Test Cases _____________ */ i...
들어가며 이 글은 6개월간의 글또(글 쓰는 또라이) 활동을 마무리하며, 그동안의 여정을 돌아보기 위해 작성되었습니다. 나는 글을 쓰고 싶었다. 늘 기술 블로그를 꾸준히 운영하고 싶다는 욕구가 있었다. 하지만 욕구와 실행 사이에 커다란 간격이 있어서 ‘하고 싶은 일’로만 남아있었다. 그러다 글또 커뮤니티를 신청해서 작년 10월부터 활동하게 되었다. 나는 열정 넘치게 6개월의 목표를 글또 생활 계획표 글에 작성해 두었다. 과연 실제로 나는 어떤 ...
들어가며 이번 주 리액트 스터디에서 API 병렬 호출과 관련한 추가 요구사항을 받았다. 주어진 요구사항은 다음과 같다. 3개의 API를 병렬 호출할 것 3개의 API 요청이 모두 성공한 뒤 데이터가 화면에 반영될 것 실패 시 각 API마다 다른 에러 UI를 보여줄 것 이 요구사항을 해결하기 위해서 Promise.all을 사용해서 병렬 호출을 처리했다. 하지만 이 과정에서 Promise.allSettled을 알게 되어서 더 깊이 이해하기...
들어가며 최근에 UI를 직접 구현하는 스터디에 참여하게 되었다. 첫 번째 주제로 모달 UI를 다루게 되었고, 간단한 모달을 구현하며 모달의 기능과 동작 방식을 살펴보았다. 이 과정에서 모달을 구현할 때 고려해야 할 부분을 알게 되어 정리해 보았다. 모달이란? 모달은 페이지 주요 콘텐츠에 대한 추가 정보를 제공하거나 사용자의 액션을 유도하기 위해서 페이지 위에 오버레이 형태로 표시되는 UI 컴포넌트다. 모달의 일반적인 특징 유저가 버튼을 클릭하...