Notes/TypeScript5 TypeScript Chapter. 5 TypeScript에러 처리에러 객체의 타입을 any로 지정하는 경우,error.message로 접근했을 때, 전달받은 message가 없는 경우 런타임 에러가 발생할 수 있으므로,any가 아닌 unknown으로 지정하고,해당 에러가 Error 객체의 인스턴스가 맞는지 확인한 후 에러 처리가 가능하도록 코드를 작성한다.try { // 에러가 발생할 수 있는 코드 // throw new Error('something went wrong')} catch (error: unknown) { if (error instanceof Error) { console.log(error.message); // 'something went wrong' }} finally { // 에러 발생 여부에 관계없이 항상.. 2024. 12. 9. TypeScript Chapter. 4 TypeScriptDOM 요소의 타입타입스크립트 자체적으로 DOM API의 타입을 제공한다.// HTMLElement | nullconst link_1 = document.getElementById('myLink');// Element | nullconst link_2 = document.querySelector('#myLink');// HTMLButtonElementconst btn = document.getElementById('btn') as HTMLButtonElement;// HTMLParagraphElementconst p = document.createElement('p');타입 좁히기 Type Narrowing변수의 가능한 타입을 구체적으로 좁혀나가는 과정을 말한다. 여러 타입의 매개변수에.. 2024. 12. 8. TypeScript Chapter. 3 TypeScript타입 추론 Type Inference타입 추론이란?컴파일러가 변수나 표현식의 타입을 자동으로 결정하는 과정을 말한다.명시적으로 타입을 지정하지 않아도, 컴파일러는 코드의 문맥과 값을 기반으로 타입을 추론한다.이를 통해 타입 선언에 신경 쓰기보다 로직 구현에 집중할 수 있게 도와준다.let myNumber = 7; // number 타입으로 추론let myString = 'July'; // string 타입으로 추론let myBool = true; // boolean 타입으로 추론function getName(user: { name: string }) { return user.name;} // 반환 값을 string 타입으로 추론타입 단언 Type Assertion타입 단언이란?개발자가.. 2024. 12. 7. TypeScript Chapter. 2 TypeScriptTypetype alias기존 타입 및 특정 값에 타입 별칭을 붙여 사용하는 기능을 말한다.type UserID = string;type User = { id: UserID; name: string; email: string;};arrayconst array_1: string[] = ['🍓', '🍊', '🍑'];const array_2: Array = [1, 2, 3, 4, 5];readonly: 타입 앞에 readonly를 붙여 배열 요소를 변경하거나 배열 자체를 수정할 수 없도록 만든다.object객체의 형태와 구조를 보장하며,예상치 못한 속성이 들어가는 것을 방지한다.let car: { manufacturer: string; model: string; year: num.. 2024. 12. 7. TypeScript Chapter. 1 TypeScriptTypeScript 설치Node.js 설치Node.js 공식 홈페이지를 통해 설치Node.js를 설치하는 이유타입스크립트의 컴파일러 tsc가 Node.js 환경에서 실행하기 때문개발환경에서 TypeScript 설치 시, Node.js의 npm을 통해 설치하기 때문TypeScript 설치TypeScript 공식 홈페이지 참고설치 방법프로젝트마다 독립적으로 설치npm install typescript --save-dev개발 기기에 전역으로 설치npm install -g typescript컴파일러 환경설정tsconfig.json 파일 만들기tsc --init{ "compilerOptions": { "target": "es2016", // 변환될 자바스크립트 호환 버전 "modul.. 2024. 12. 5. 이전 1 다음