공부를 시작하며 타입스크립트에서 객체의 타입을 지정하는 방법에 대해서 공부를 시작합니다. 타입스크립트 문서를 통해서 공부를 했습니다. 레퍼런스 : 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} ..
공부를 시작하며 타입스크립트에서의 함수 표현을 어떻게 하는지에 대해서 알아봅니다. 타입스크립트 문서를 통해서 공부 했습니다. 레퍼런스 : https://www.typescriptlang.org/docs/handbook/2/functions.html Documentation - More on Functions Learn about how Functions work in TypeScript. www.typescriptlang.org [ 함수 타입 표현식 (Function Type Expressions) ] 함수를 매개변수를 통해서 넘기게 되면 다음과 같이 타입을 지정할 수 있습니다. function functionTypeExpressions(fn: (v: string) => void) { fn("this i..
[ 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) 타입스크립트는 자바스크립..
공부 시작하며 자바스크립트에서의 자기 자신을 가리킬 수 있는 this는 사용하는 방식에 따라 가리키는 대상이 다릅니다. 그 원리와 어떠한 상황에서 어떻게 동작하는지 알아보기 위해서 공부를 하게 되었습니다. 책 모던 자바스크립트 Deep Dive를 통해서 공부하였습니다. 자기 자신을 참조할 수 있는 객체(object) 다음 원의 반지름과 지름의 정보를 담고 있는 circle 객체가 있습니다, const circle = { radius: 5, getDiameter() { // 자기 자신인 circle을 참조하고 있습니다. return 2 * circle.radius; }, }; console.log(circle.getDiameter()); // 출력 : 10 위의 circle 객체에서 지름을 반환하는 get..