Notes55 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. AWS JAM 후기 AWS Jam이란?AWS Jam은 Amazon Web Services(AWS)가 제공하는 학습 프로그램AWS Jam 후기AWS Jam에 참가하며 팀원들과 함께 문제를 해결해보는 특별한 경험을 할 수 있었다. 느낀 점AWS Jam의 문제들은 내가 풀기에는 굉장히 어려운 수준이었다.AI를 활용해도 문제 해결이 쉽지 않았고, 푼 문제들에 대해서도 이해가 부족하여 어려움이 많았다.AI가 제공하는 힌트를 활용하며 접근했지만, AWS 서비스에 대한 깊은 이해가 필요하다는 것을 느꼈다.배운 점문제가 시나리오와 함께 제공되어 실무에서 마주칠 수 있는 보안, 운영, 성능 등의 문제 해결에 대한 경험을 할 수 있었다.AI 활용의 장점과 한계를 모두 체험하며, 기술적 사고와 팀워크의 중요성을 깨달았다.결론이번 AWS J.. 2024. 12. 2. 이전 1 2 3 4 ··· 10 다음