타입스크립트를 처음 경험을 하는 유저들이 가장 두려워 하는부분이 제네릭 인것 같습니다. 단어도 유추가 안되고 개념이 낯설기 때문에 어려워 하지 않을까 합니다. 제네릭은 간단하게 문법을 테스트할수있는 코드를 작성을 해보겠습니다. //할수를 호출을 할때 타입을 같이 선언해준다 function logText(text: T):T { console.log(text); return text; } logText(10); logText('하이'); logText(true) logText에 제너릭을 T (아직 정해지지 않은 타입) 으로 선언한뒤 파라미터 text를 받고 text로 반환하는 함수를 작성하였습니다. 이때 logText가 호출이 될때 타입까지 같이 선언을 하여 넘겨주기 떼문에 타입스트립트에서 추론을 하여 반환..

타입스크립트에서 클래스 기능을 확인해보기 앞써 자바스크립트에서 클래스가 하는 역활이 어떤거고 코드로 어떻게 구현을 하는지 확인해 보겠습니다. 우선 클래스가 하는 역활은 기본적으로 인스턴스를 생성해주는 기능을 한다. class Cafejun { // class logic constructor(name, age) { console.log('인스턴스가 생성되었습니다.'); this.name = name; this.age = age; } } var cafejun = new Cafejun('jun', 29); console.log(cafejun); 위 코드는 자바스크립트에서 Class 를 생성후 new 라는 예약어를 통해 인스턴스를 생성한 후 cafejun 변수에 담아내고 출력하는 코드 입니다. 해당 코드를 실행..

타입스크립트에서는 Type을 정의를 할수가 있는 Type aliases 와 Interface가 있습니다. type aliases 는 단어 그대로 type에 대한 별칭을 선언을 할수가 있습니다. 예를들어 // string 타입을 이용때 const name: string = 'cafejun'; // 타입 별칭을 사용한때 type MyName = string; const name: MyName = 'cafejun'; 위 코드와 같이 string 뿐만아니라 number,boolean 등 기본타입을 따로 별칭을 선언할수도 있고 interface,object,Array,Tuple등 참조타입 에서도 별칭을 부여할수도 있습니다. 참조 타입을 예를 들면 만약에 아메리카노를 만들기위해 makeCoffee를 함수를 호출을 ..

//2021년 2월 21일 정리 타입스크립트에는 기본 타입,객체 타입,기타타입이 있습니다. 기본타입 기본 타입은 보편적으로 많이 사용하는 내장 타입으로 아래와 같은 타입을 지원합니다. string number boolean enum // 문자열 const str: string = 'hello'; // 숫자 const num: number = 10; // 블리언 const bol: boolean = true; // enum: 고정값으로 넣어둘수 있습니다. enum WeekDay {Mon,Tue,Wed,Thu} let day: Weekday = WeekDay.Mon; 객체타입 객체 타입은 속성을 포함하고 있어서 호출 시그니처,생성자 시그니처 등으로 구성되어 있습니다. Array Tuple Function I..

2021.02.19 작성 타입스크립트에 대한 관심이 높아지면서 공식 홈페이지에서 문서도 찾아보고 강의를 들은 내용을 정리해야겠다는 생각이 들어 관련 카테고리를 하나 더 만들었습니다. 타입스크립트 홈페이지에서는 핸드북이 정말 상세하게 작성되어있도 타입스크립트 로 작성된 코드를 자바스크립트 로 변환을 하는 Playground 로 제공이 됩니다. 필자는 인프런에서 캡틴 판교님의 강의를 수강하면서 직접 테스트를 해보고 관련 서적을 찾아본 내용을 정리하고 합니다. Why is Typescript 타입스크립트를 사용하기 전에 왜 사용할는 걸까? 자바스크립트에는 typeof로 value의 데이터 타입을 반환하는 연산자가 있다고 해도 동적타입특성상 어떤값이 할당이 될지 힘듭니다. 아래의 코드를 확인해 합시다. /** ..