공부를 시작하며 타입스크립트에서 객체의 타입을 지정하는 방법에 대해서 공부를 시작합니다. 타입스크립트 문서를 통해서 공부를 했습니다. 레퍼런스 : https://www.typescriptlang.org/docs/handbook/2/objects.html Documentation - Object Types How TypeScript describes the shapes of JavaScript objects. www.typescriptlang.org 일반적으로 객체에 타입을 지정 익명 타입으로 지정하는 방법 function printUser(user: { name: string; age: number }) { console.log(`My name is ${user.name}. I'm ${user.age} ..
[ Narrowing ] 타입스크립트에서 함수 내부 또는 순차적으로 진행되는 로직 안에서 유니언 타입으로 여러 멤버 타입을 받게 되면 프로그램에서 해당 값을 처리할 때 오류가 나지 않게 Narrowing(좁히기) 처리를 해주어야합니다. 해당 내용은 타입스크립트 문서를 통해서 공부를 진행 했으며 다음 링크를 참고하시면 됩니다. 레퍼런스: https://www.typescriptlang.org/docs/handbook/2/narrowing.html Documentation - Narrowing Understand how TypeScript uses JavaScript knowledge to reduce the amount of type syntax in your projects. www.typescriptl..
타입스크립트 공부를 다시 시작하며 기본기를 다지기 위해 문서를 통해 다시 공부를 시작하였습니다. 공부는 타입스크립트 문서를 통해서 동일한 순으로 진행하였습니다. 따라서 주관적인 생각이 주입이 되었을 수 있습니다. 정확한 내용은 아래 레퍼런스 문서를 보고 판단하시길 바랍니다. 레퍼런스 : https://www.typescriptlang.org/ko/docs/handbook/2/basic-types.html 레퍼런스 : https://www.typescriptlang.org/ko/docs/handbook/2/everyday-types.html Documentation - Everyday Types 언어의 원시 타입들. www.typescriptlang.org Documentation - The Basics ..
타입스크립트 핸드북을 통해 타입스크립트 이해하기 시작합니다! 이 글에서는 낮은 수준의 타입스크립트 이해와 시작하기 위한 설명을 작성해 두었습니다. 또한 타입스크립트의 시작을 위한 타입스크립트의 구조적인 부분에 대한 내용입니다. 더 자세한 사항은 이후 글을 통해서 다룰 예정입니다. 레퍼런스 : https://www.typescriptlang.org/ko/docs/handbook/typescript-in-5-minutes.html Documentation - TypeScript for JavaScript Programmers Learn how TypeScript extends JavaScript www.typescriptlang.org 타입 추론 (Types by Inference) 타입스크립트는 자바스크립..
섬세한 Typescript 타입스크립트는 선언을 할때마다 어떤 종류의 변수와 데이터인지 설정을 해줘야합니다. 해당 변수가 number인지 string인지 number형 배열인지 object, object의 값은 어떻게 설정되어 있는지, function의 매개변수값의 타입은 뭔지, 리턴되는 값의 타입은 뭔지 등등 신경써야할 내용이 많습니다. 기본 Typescript 규칙 다음과 같은 코드가 있습니다. name, age, gender 변수를 sayHi 함수로 넘기고 실행시켜 콘솔에 찍게 하는 로직입니다. // index.ts const name = "테스트", age = 24, gender = "male"; const sayHi = (name, age, gender) => { console.log(`Hell..