타입챌린지를 매번 Github 레포지토리 → TypeScript Playground 가서 푸는건 귀찮다. 그럴 때 유용한 VSCode Extension ✨ 타입챌린지 문제들을 VSCod에서 바로 확인하고 VSCode 에디터를 활용해 풀 수 있다. 설치하면 왼쪽 사이드바에서 문제를 바로 확인할 수 있다. 푼 문제라면 체크 표시도 된다. 한국어로 문제 바꾸는 것도 바로 가능하고, Take the Challenge 버튼 클릭하면 바로 문제도 풀 수 있다~!

다들 안녕한 한 해 보내셨나요? 저는 이번 회고를 작성하면서 2022년을 돌아보고, 2023년을 준비해보려 합니다. 1월~2월 : 인턴 2022년 1월, 2월은 학교에서 연계해준 현장실습의 인턴을 했었습니다. 제대로 된 회사를 기대했지만, 사원수 1명 인턴 5명인 이 회사는 면접 볼 때부터 느낌이 쌔했죠ㅎ 저는 React를 제대로 써보고 싶어서 인턴을 지원했지만, 가서 한 일이라고는 React Native의 마크업 개발 뿐이었습니다. 프론트엔드 개발자라고 했으면서 REST API를 한 번도 안썼다면 믿어지시나요? 🤣 그리고 사무실이 오피스텔 방 하나(?) 여서 그 안에 화장실은 도저히 갈 수 없었어요. 매번 다른 층 화장실 이용하느라고 저렇게 엘레베이터를 타고 갔었습니다.🥲 두 번의 스타트업을 경험하고 ..

문제 배열 타입 T를 받아 그 배열의 첫 번째 원소의 타입을 리턴하는 제네릭 First를 구현하세요. type arr1 = ['a', 'b', 'c'] type arr2 = [3, 2, 1] type head1 = First // expected to be 'a' type head2 = First // expected to be 3 풀이 문제에서 배열 타입 T를 받는다고 했으니, 대괄호 안에는 any\[\]를 extends해야 한다. 여기까지 하면 errors의 빨간 줄이 사라진다. 이제 첫 번째 원소에 접근한다. TypeScript에서도 index를 활용해서 배열의 요소에 접근할 수 있다. 하지만 이 경우 빈 배열일 때의 예외처리가 불가능하다. 정답 스터디원들의 풀이가 포함되어있습니다! // =====..

문제 HelloWorld 타입이 string이 되어야 합니다. // string이 되어야 합니다. type HelloWorld = any 풀이 // ============= Test Cases ============= import type { Equal, Expect, NotAny } from "./test-utils"; type cases = [Expect, Expect]; // ============= Your Code Here ============= type HelloWorld = string; // expected to be a string