100 Days Project

내 코드 function truncateSentence(s: string, k: number): string { return s.split(" ").slice(0, k).join(" ") }; 1. 문자열을 배열로 바꿔서 단어 단위로 변경 2. 원하는 숫자의 단어만큼만 포함되도록 배열 변경한 뒤 문자열로 조인

내 코드 - 배열 원본 유지하기 위해 slice 메서드 사용 type JSONValue = null | boolean | number | string | JSONValue[] | { [key: string]: JSONValue }; type Obj = Record | Array; function chunk(arr: Obj[], size: number): Obj[][] { let result = []; if (arr.length >= 1) { for (let i = 0; i < arr.length; i += size) { result.push(arr.slice(i, i + size)) } } return result }; 다른 코드 참고한 코드 - 원본 배열을 바꾸는 splice 메서드 사용 type JS..

내 코드 class ArrayWrapper { private nums: number[]; constructor(nums: number[]) { this.nums = nums; } valueOf(): number { return this.nums.reduce((acc, cur) => acc + cur, 0) } toString(): string { return `[${this.nums}]` } }; 다른 코드 참고해서 변경한 코드 - 프로퍼티 앞에 private 키워드 대신 타입스크립트 # 사용 - 탬플릿 리터럴 대신 JSON.Stringify() 메서드 사용해서 배열 객체를 문자열로 변환 class ArrayWrapper { #nums: number[]; constructor(nums: number[])..

- array filter 메서드 사용하지 않고 filter 함수 구현 - 인자로 전달받은 fn의 리턴값이 true이면, filteredArr 배열에 추가하도록 처리 type Fn = (n: number, i: number) => any function filter(arr: number[], fn: Fn): number[] { let filteredArr = []; for (let i = 0; i < arr.length; i++) { if (fn(arr[i], i)) filteredArr.push(arr[i]) } return filteredArr; };

- setTimeout 함수 실행시 t라는 시간이 지난 후 fn 함수 실행되도록 스케줄링 한다. setTimeout이 리턴하는 timeoutId를 변수에 담고, timeout 취소하는 clearTimeout 함수를 리턴한다. type JSONValue = null | boolean | number | string | JSONValue[] | { [key: string]: JSONValue }; type Fn = (...args: JSONValue[]) => void function cancellable(fn: Fn, args: JSONValue[], t: number): Function { const timeoutId = setTimeout(() => { fn(...args) }, t) return ()..

- 주어진 시간 이후에 비동기 동작이 완료되는 비동기 함수 sleep 작성 async function sleep(millis: number): Promise { return new Promise(resolve => { setTimeout(() => { resolve(); }, millis) }) }

- 댕댕이 아침 산책 - 댕댕이 위생 미용 및 발톱 2개 자르기 - 타입스크립트 스터디 PR 리뷰 남기기 -> 관련 내용 블로그 작성하기 - 타입스크립트 스터디 PR 리뷰 확인하기 - 타입스크립트 스터디 책 읽기 - 10년차 IT 기획자의 노트 책 읽기 - 주간 계획 작성하기

목록 수학 과제 제출 책 요약 과제 제출 (오전) 함수형 프로그래밍 PR 리뷰 남기기 + 블로그 작성 (오전) 실행 가능한 밀린 강의 수강 관련 플랜 짜기 평일 2개, 주말 4개 - 한 주 18개 수강 (총 수강수 맞추기) (오전) 반려견 시험 응시 (오후)이펙티브 타입 스크립트 읽기 (4장 아이템 6개) 진행 방법 내게 주어진 집중 시간 파악 각 작업 별로 걸릴 시간 예상 주어진 시간에서 가능한 마감 시간 정해서 작업 진행

구조적 타이핑을 보여주는 코드 정의된 코드 타입을 충족한다면 타입스크립트는 동일 타입으로 간주한다. DogInfo와 mallangInfo 타입이 완전 똑같지 않지만 타입스크립트는 정의된 코드를 충족시킨다고 보고 오류 발생시키지 않는다. interface DogInfo { name: string; age: number; } const mallangInfo = { name: "mallang", age: 5, weight: "3kg", likes: ["chicken", "snack"], }; const getMallangAge = (info: DogInfo) => { return info.age; }; getMallangAge(mallangInfo); 구조적 타이핑으로 인한 구조적 타입과 유니언 타입의 차이 ..

구현 type MyAwaited = T extends Promise? MyAwaited : T 좀 더 고민해볼 부분 통과하지 못한 테스트.. type T = { then: (onfulfilled: (arg: number) => any) => any } Expect,​ arg 추론이 되지않는다..