[Typescsript] 타입스크립트 올인원:Part-1(4)

14. forEach, map 제네릭 분석 1-1. foreEachinterface Array { forEach( callbackfn: (value: T, index: number, array: T[]) => void, thisArg?: any ): void;}const a: Array = [1, 2, 3];a.forEach((value) => { console.log(value);});Array는 number 타입의 요소를 가진 배열을 의미한다. 따라서 Array는 Array가 되어서 하단 코드의 형태로 변환된다. callbackfn: (value: Number, index: number, array: Number[]) => void, 1-2. custom forEach 만들기in..

• format_list_bulleted Typescript
• · 2024. 12. 7.

[Typescsript] 타입스크립트 올인원:Part-1(3)

8. void 타입 불일치interface A { talk: () => void;}const a: A = { talk() {return 3;},};const b = a.talk() // b는 void 타입const b = a.talk() as unknown as number; // number 반환❓ as unknown as number: TypeScript의 타입 안전성을 우회하여 반환값을 강제로 number로 처리 하지만, 절대적으로 필요한 경우가 아니라면 사용을 피하는 것이 좋다.9. declare// 다른 스크립트에서 정의된 전역 변수를 TypeScript에 알림declare const VERSION: string;declare let API_KEY: string;// 타입이 정의되지 않은..

• format_list_bulleted Typescript
• · 2024. 11. 26.

[Typescsript] 타입스크립트 올인원:Part-1(2)

4. 튜플 사용 시 주의사항let tuple: [string, number] = ["1", 1];// tuple[2] = 3; // errortuple.push(3);❗️길이가 2로 고정된 것처럼 보이지만 정의된 길이(2)를 벗어난 인덱스 접근은 에러를 반환하지만, 배열 메서드인 push는 허용되는 한계가 있다.💡 대처법// 1. readonly 튜플 사용const readonlyTuple: readonly [string, number] = ["1", 1];readonlyTuple.push(3); // error// 2. as const 사용const constTuple = ["1", 1] as const;constTuple.push(3); // error// 3. 커스텀 타입 생성type Stric..

• format_list_bulleted Typescript
• · 2024. 11. 24.

[Typescsript] 타입스크립트 올인원:Part-1(1)

기본 지식1. typescript는 최종적으로 javascript로 변환된다. 순전한 typescript 코드를 돌릴 수 있는 것은 deno이나 대중화되지가 않았음. 브라우저, 노드는 모두 js 파일을 실행한다.2. typescript는 언어이자 컴파일러(tsc)이다. 컴파일러는 ts 코드를 js로 바꿔준다.3. tsc는 tsconfig.json(tsc --init 시 생성)에 따라 ts 코드를 js(tsc 시 생성)로 바꿔준다. 인풋인 ts와 아웃풋인 js 모두에 영향을 끼치므로 tsconfig.json 설정을 반드시 봐야한다.- tsconfi.json이 핵심 파일. 타입스크립트 컴파일러가 보는 가장 핵심적인 파일4. 단순히 타입 검사만 하고싶다면 tsc --noEmit 하면 된다.- typescrip..

• format_list_bulleted Typescript
• · 2024. 11. 11.