우든이 블로그

지금까지 타입스크립트를 다루면서 유틸리티 타입을 잘 사용하지 않는다는 것을 깨달았다. 특히, 유틸리티 타입에 대한 이해가 부족한 부분이 크다고 생각이 들었다. ｡° ૮₍°´ᯅ`°₎ა °｡ 이번 기회에 다시 공부하고 다루어보면서 앞으로는 타입스크립트를 더 잘 활용할 수 있게 노력해야겠다.  :D 유틸리티 타입(Utility Type) TypeScript에서 제공하는 특수한 형태의 타입을 의미한다. 이미 정의된 타입을 변환할 때 사용하는 문법으로, 유틸리티 타입을 활용하여 간결하게 타입을 정의할 수 있다. 이러한 타입은 크게 맵드 타입(mapped type)과 조건부 타입(conditional type)으로 나눌 수 있다. 맵드 타입(mapped type)이란, 기존에 정의된 타입을 새로운 타입으로 변환해주..

인터페이스(Interface) 란, > 타입 체크를 위해 사용됩니다. > 클래스와 유사하지만 인스턴스 생성이 불가능합니다. > 인터페이스의 메서드는 모두 추상 메서드입니다. Typescript에서 인터페이스 사용해보기! 예제 01. 변수 타입으로 사용하기 먼저, 다음과 같이 User라는 이름의 인터페이스를 정의합니다. ++ 인터페이스의 프로퍼티 이름 끝에 ? 를 붙여 선택적 프로퍼티임을 표시하여 줍니다. interface User { userName : string; userEmail? : string; } 변수 user의 타입을 User 인터페이스로 선언한 후에 user 변수에 값을 넣어줄 때에는 User인터페이스를 준수하여 값을 작성해주어야 합니다. let user : User; user = {use..

# 타입스크립트(TypeScript) 타입스크립트란, Microsoft에서 개발한 자바스크립트의 슈퍼셋 프로그래밍 언어입니다. .ts확장자를 사용합니다. # 자바스크립트와 타입스크립트 비교하기 타입스크립트는 자바스크립트보다 엄격히 타입의 사용을 명시하기 때문에 자바스크립트를 사용했을 때보다 버그를 최소화할 수 있습니다. 아래 예시는 각각 자바스크립트와 타입스크립트를 사용하여 더하기 연산을 수행하는 함수를 작성한 코드입니다. 자바스크립트에서 add함수에 인자로 문자열을 넣어주어도 오류가 발생하지 않고 문자열을 연결하여 값을 출력해줍니다. //Javascript functiona add(a, b){ return a + b; } console.log(add('1', '4')); // 출력 : 14 하지만, 타..