doeunn.log

이번 글에서는 이펙티브 타입스크립트를 공부하며 알게 된 unknown 타입에 대해 더 자세히 알아보려고 합니다 :) ✔️ 함수의 반환값과 관련된 unknown 함수를 하나 작성해 봅시다. function parseYAML(yaml: string): any { // ... } 함수의 반환 타입으로 any를 사용하는 것은 좋지 않은 설계이므로, 대신 호출한 곳에서 반환값을 원하는 타입으로 할당하는 것이 이상적입니다. interface Book { name: string; author: string; } const book: Book = parseYAML(` name: Wuthering Heights author: Emily Brote `) 위와 같이 Book이라고 타입을 선언해주지 않고 생략을 하게 되면, ..

🛫 타입스크립트 type과 interface 타입스크립트에서 type과 interface는 모두 타입을 정의하는 데 사용되는 기능입니다. 🪐 type type은 새로운 타입을 정의할 때 사용됩니다. type은 기존 타입을 확장하거나 별칭을 만들 수 있으며, 유니온 타입, 인터섹션 타입, 제너릭 등의 고급 타입 기능을 활용할 수 있습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 // 유니온 타입 예시 type MyType = string | number; const myVariable: MyType = "Hello"; const myNumber: MyType = 42; // 인터섹션 타입 예시 type Fi..

🚀 유틸리티 타입이란 ? 유틸리티 타입은 이미 정의해 놓은 타입을 변환할 때 사용하기 좋은 타입 문법입니다. 예를 들어 Information이라는 인터페이스에서 일부 속성만 사용하고 싶다면, 일부만 있는 타입을 선언해서 사용하지 않아도 유틸리티 타입 한 줄로 보다 간결하게 사용할 수 있게 됩니다. 유틸리티 타입을 꼭 쓰지 않더라도 기존의 인터페이스, 제네릭 등의 기본 문법으로 충분히 타입을 변환할 수 있지만 유틸리티 타입을 쓰면 훨씬 더 간결한 문법으로 타입을 정의할 수 있습니다! 자주 사용되는 유틸리티 타입 알아보기 자주 사용되는 타입을 몇 개 알아봅시다 ! Partial Partail 타입은 특정 타입의 일부만 사용하는 것을 허용하는 타입을 정의할 수 있습니다. interface Address { e..

▶타입스크립트 타입 별칭(Type Aliases) 타입 별칭은 특정 타입이나 인터페이스를 참조할 수 있는 타입 변수를 의미합니다. 같이 코드를 보면서 이해해 봅시다 :) 🔎 타입 별칭 사용하기 우선 우리가 변수를 정의할 때 일반적으로 타입스크립트에서 사용하는 문법을 아래와 같았습니다. // string 타입을 사용할 때 var thisName: string = 'doeunn'; 이제 string이라는 타입에 별칭을 주어 사용할 겁니다. type MyName = string; var thisName: MyName = 'doeunn'; 즉, string 타입을 MyName이라는 별칭으로 사용하겠다는 말과 같습니다. 이렇게 간단한 타입 별칭을 넘어 인터페이스처럼 몇개씩 묶어서 별칭을 줄 수도 있는데요. typ..

▶타입스크립트란? 1. 타입스크립트란? 2012년 마이크로소프트가 발표한 타입스크립트(TypeScript) 자바스크립트(JavaScript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어 자바스크립트 냅두고 타입스크립트 왜 쓰는데..? 자바스크립트는 장점이자 단점이 존재합니다. 예를 들어 5 - 3 을 하게 되면 2가 나옵니다. 그런데 자바스크립트에서는 5 - '3' 도 2가 나오게 됩니다. 자바스크립트는 Dynamic Typing이 가능합니다. 그렇기 때문에 원래는 숫자 - 숫자만 가능하지만, 자바스크립트가 알아서 '3' 같은 경우에도 알아서 숫자로 바꿔서 계산해주게 됩니다. 이 점은 편리하기도 하지만 프로젝트가 커지면 단점이 되게 됩니다. 원하지 않은 부분에서도 이러한 자바스크립트의 특징들이 적..