FrontEnd/TypeScript
-
🐣 들어가기 전에!이번 시간에는 class 타입에 대해 다뤄보도록 하겠당!_! 당연한 말이지만 class도 타입이 존재한다. 혹여 class에 대해서 개념히 잘 생각 안난다면 object 객체를 복제하는 어떠한 것이라고 생각하면 된다. 그럼 class type도 꼬우꼬우! 🐣 class type1. class field 클래스 필드값 class에 object들이 사용할 수 있는 것들을 만들 수 있는데, 아래처럼 타입을 지정할 수 있음.class의 필드 타입을 지정할 수도 있고, 지정하지 않아도 자동으로 타입이 지정됨.일반 변수처럼 타입 지정해주면 됨class Person2{ data = 0; // class 필드값(constructor와 똑같은 역할) / 자식들한테서 출력가능 (사람1.data..
[TypeScript] class type🐣 들어가기 전에!이번 시간에는 class 타입에 대해 다뤄보도록 하겠당!_! 당연한 말이지만 class도 타입이 존재한다. 혹여 class에 대해서 개념히 잘 생각 안난다면 object 객체를 복제하는 어떠한 것이라고 생각하면 된다. 그럼 class type도 꼬우꼬우! 🐣 class type1. class field 클래스 필드값 class에 object들이 사용할 수 있는 것들을 만들 수 있는데, 아래처럼 타입을 지정할 수 있음.class의 필드 타입을 지정할 수도 있고, 지정하지 않아도 자동으로 타입이 지정됨.일반 변수처럼 타입 지정해주면 됨class Person2{ data = 0; // class 필드값(constructor와 똑같은 역할) / 자식들한테서 출력가능 (사람1.data..
-
🐣 들어가기 전에!이번에는 객체의 타입 2탄인 것인가! 지난번 객체의 타입을 정리할 때는 readonly에 대해서만 다뤘었는데, 이번에는 interface에 대해서 다뤄보자 객체의 타입 기본개념과 readonly에 대한 정리글 [TypeScript] 객체의 타입과 readonly🐣 들어가기 전에!객체에도 타입이 존재한다!_! 당연한 사실..! 뚜둥! 그러면 이번에는 객체의 타입과 readonly에 대해서 살펴보자!_! 간단하니 짧은 글이 되겠따! 혹시 지난 게시물이 궁금하다면haileyham.tistory.com 🐣 interface1. 개념객체에 타입을 지정하는 것. TypeScript에서 객체(Object)의 구조를 명확히 정의하여 타입을 선언하는 도구. 코드에서 해당 인터페이스를 구현한 ..
[TypeScript] 객체의 타입 interface🐣 들어가기 전에!이번에는 객체의 타입 2탄인 것인가! 지난번 객체의 타입을 정리할 때는 readonly에 대해서만 다뤘었는데, 이번에는 interface에 대해서 다뤄보자 객체의 타입 기본개념과 readonly에 대한 정리글 [TypeScript] 객체의 타입과 readonly🐣 들어가기 전에!객체에도 타입이 존재한다!_! 당연한 사실..! 뚜둥! 그러면 이번에는 객체의 타입과 readonly에 대해서 살펴보자!_! 간단하니 짧은 글이 되겠따! 혹시 지난 게시물이 궁금하다면haileyham.tistory.com 🐣 interface1. 개념객체에 타입을 지정하는 것. TypeScript에서 객체(Object)의 구조를 명확히 정의하여 타입을 선언하는 도구. 코드에서 해당 인터페이스를 구현한 ..
-
🐣 들어가기 전에이번에는 함수의 타입지정 2탄이다. 사실 지난 함수의 타입에서는 기본적인 함수 타입(파라미터와 return 타입 그리고 void type)에 대해서 살펴봤었다. 이제 오늘은 함수의 변수타입과 메소드함수에 타입을 지정하는 것에 대해 정리해보자꾸! 함수의 타입 1탄 정리글은 아래 참고! [TypeScript] void type🐣 들어가기 전에이번에는 void type에 대해서 정리해보장!_! void 타입은 함수의 타입을 지정할 때 사용한다고 생각하면 된다. 'void'의 경우 값이 없음을 나타내는데, 아무것도 반환하지 않는(=returnhaileyham.tistory.com 🐣 함수의 변수 타입 (type alias)1. 개념함수의 타입도 type alias에 저장할 수 있음. 다음..
[TypeScript] 함수의 타입 2탄!_!🐣 들어가기 전에이번에는 함수의 타입지정 2탄이다. 사실 지난 함수의 타입에서는 기본적인 함수 타입(파라미터와 return 타입 그리고 void type)에 대해서 살펴봤었다. 이제 오늘은 함수의 변수타입과 메소드함수에 타입을 지정하는 것에 대해 정리해보자꾸! 함수의 타입 1탄 정리글은 아래 참고! [TypeScript] void type🐣 들어가기 전에이번에는 void type에 대해서 정리해보장!_! void 타입은 함수의 타입을 지정할 때 사용한다고 생각하면 된다. 'void'의 경우 값이 없음을 나타내는데, 아무것도 반환하지 않는(=returnhaileyham.tistory.com 🐣 함수의 변수 타입 (type alias)1. 개념함수의 타입도 type alias에 저장할 수 있음. 다음..
-
🐣 들어가기 전에!이번에는 Literal Types에 대해서 다뤄보도록 하겠다. 특정 값들의 유형을 정의할 수 있는건데 개념과 문제점을 살펴보도록 하자꾸! 혹시 지난 게시글이 궁금하다면? [TypeScript] 타입 변수 type alias🐣 들어가기 전에!이번엔 type alias에 대해서 살펴보겠다. 사실 type alias라고 하면 으잉? 할 수도 있는데, 타입스크립트를 사용하고 있다면 다들 많이 사용하는 것이다. 그냥 type을 변수에 담아 사haileyham.tistory.com 🐣 Literal Types 1. 개념리터럴 타입은 TypeScript에서 특정 값들의 유형을 정의할 수 있는 기능. 변수나 속성이 특정한 값만을 가질 수 있도록 제한하는 방식. 예를 들어, 문자열이나 숫자..
[TypeScript] Literal Types🐣 들어가기 전에!이번에는 Literal Types에 대해서 다뤄보도록 하겠다. 특정 값들의 유형을 정의할 수 있는건데 개념과 문제점을 살펴보도록 하자꾸! 혹시 지난 게시글이 궁금하다면? [TypeScript] 타입 변수 type alias🐣 들어가기 전에!이번엔 type alias에 대해서 살펴보겠다. 사실 type alias라고 하면 으잉? 할 수도 있는데, 타입스크립트를 사용하고 있다면 다들 많이 사용하는 것이다. 그냥 type을 변수에 담아 사haileyham.tistory.com 🐣 Literal Types 1. 개념리터럴 타입은 TypeScript에서 특정 값들의 유형을 정의할 수 있는 기능. 변수나 속성이 특정한 값만을 가질 수 있도록 제한하는 방식. 예를 들어, 문자열이나 숫자..
-
🐣 들어가기 전에!이번엔 type alias에 대해서 살펴보겠다. 사실 type alias라고 하면 으잉? 할 수도 있는데, 타입스크립트를 사용하고 있다면 다들 많이 사용하는 것이다. 그냥 type을 변수에 담아 사용하는 것...! 이름이 다 있다구..! 간단한 개념이니 짧은 글이 되겠따! 아무튼 꼬우! 혹시 지난 게시물이 궁금하다면? [TypeScript] 객체의 타입과 readonly🐣 들어가기 전에!객체에도 타입이 존재한다!_! 당연한 사실..! 뚜둥! 그러면 이번에는 객체의 타입과 readonly에 대해서 살펴보자!_! 간단하니 짧은 글이 되겠따! 혹시 지난 게시물이 궁금하다면haileyham.tistory.com 🐣 type alias (타입 변수)1. 개념 타입 별칭은 특정 타입을 ..
[TypeScript] 타입 변수 type alias🐣 들어가기 전에!이번엔 type alias에 대해서 살펴보겠다. 사실 type alias라고 하면 으잉? 할 수도 있는데, 타입스크립트를 사용하고 있다면 다들 많이 사용하는 것이다. 그냥 type을 변수에 담아 사용하는 것...! 이름이 다 있다구..! 간단한 개념이니 짧은 글이 되겠따! 아무튼 꼬우! 혹시 지난 게시물이 궁금하다면? [TypeScript] 객체의 타입과 readonly🐣 들어가기 전에!객체에도 타입이 존재한다!_! 당연한 사실..! 뚜둥! 그러면 이번에는 객체의 타입과 readonly에 대해서 살펴보자!_! 간단하니 짧은 글이 되겠따! 혹시 지난 게시물이 궁금하다면haileyham.tistory.com 🐣 type alias (타입 변수)1. 개념 타입 별칭은 특정 타입을 ..
-
🐣 들어가기 전에!객체에도 타입이 존재한다!_! 당연한 사실..! 뚜둥! 그러면 이번에는 객체의 타입과 readonly에 대해서 살펴보자!_! 간단하니 짧은 글이 되겠따! 혹시 지난 게시물이 궁금하다면? [TypeScript] Narrowing 과 Assertion🐣 들어가기 전에!이번에는 Narrowing & Assertion에 대해서 살펴볼 것이다. 혹시 지지난 게시물에서 다뤘던 union type에서 오류가 났던 부분들을 기억 하는지?!?! 대략 아래와 같은 코드였는데, 여기서haileyham.tistory.com객체의 타입 2탄 interface 글이 궁금하다면? [TypeScript] 객체의 타입 interface🐣 들어가기 전에!이번에는 객체의 타입 2탄인 것인가! 지난번 객체의 타입을..
[TypeScript] 객체의 타입과 readonly🐣 들어가기 전에!객체에도 타입이 존재한다!_! 당연한 사실..! 뚜둥! 그러면 이번에는 객체의 타입과 readonly에 대해서 살펴보자!_! 간단하니 짧은 글이 되겠따! 혹시 지난 게시물이 궁금하다면? [TypeScript] Narrowing 과 Assertion🐣 들어가기 전에!이번에는 Narrowing & Assertion에 대해서 살펴볼 것이다. 혹시 지지난 게시물에서 다뤘던 union type에서 오류가 났던 부분들을 기억 하는지?!?! 대략 아래와 같은 코드였는데, 여기서haileyham.tistory.com객체의 타입 2탄 interface 글이 궁금하다면? [TypeScript] 객체의 타입 interface🐣 들어가기 전에!이번에는 객체의 타입 2탄인 것인가! 지난번 객체의 타입을..
-
🐣 들어가기 전에!이번에는 Narrowing & Assertion에 대해서 살펴볼 것이다. 혹시 지지난 게시물에서 다뤘던 union type에서 오류가 났던 부분들을 기억 하는지?!?! 대략 아래와 같은 코드였는데, 여기서 뿜뿜한 에러를 해결하는 법을 지금부터 알아가보도록 하겠따!let 계산: string | number계산 + 1; //error union type에 대해서 기억이 잘 안난다면 참고! [TypeScript] union type · any · unknown🐣 union type · any · unknown 공통점이랄까?들어가기 전에 이 세가지의 공통점을 생각해보면! 어떤 타입의 종류가 들어올지 확실하게 모를 때 사용한다는 점을 들 수 있다. 프로젝트 내에서 사용할haileyham.t..
[TypeScript] Narrowing 과 Assertion🐣 들어가기 전에!이번에는 Narrowing & Assertion에 대해서 살펴볼 것이다. 혹시 지지난 게시물에서 다뤘던 union type에서 오류가 났던 부분들을 기억 하는지?!?! 대략 아래와 같은 코드였는데, 여기서 뿜뿜한 에러를 해결하는 법을 지금부터 알아가보도록 하겠따!let 계산: string | number계산 + 1; //error union type에 대해서 기억이 잘 안난다면 참고! [TypeScript] union type · any · unknown🐣 union type · any · unknown 공통점이랄까?들어가기 전에 이 세가지의 공통점을 생각해보면! 어떤 타입의 종류가 들어올지 확실하게 모를 때 사용한다는 점을 들 수 있다. 프로젝트 내에서 사용할haileyham.t..
-
🐣 들어가기 전에이번에는 void type에 대해서 정리해보장!_! void 타입은 함수의 타입을 지정할 때 사용한다고 생각하면 된다. 'void'의 경우 값이 없음을 나타내는데, 아무것도 반환하지 않는(=return 값이 없는) 함수의 반환 유형으로 사용된당!_! 밑에서 개념을 자세히 살펴보자! 꼬우꼬우!(사진은 void staff.... 공허의 지팡이....껄껄) 이전의 union, any, unknwon 타입이 궁금하다면? [TypeScript] union type · any · unknown🐣 union type · any · unknown 공통점이랄까?들어가기 전에 이 세가지의 공통점을 생각해보면! 어떤 타입의 종류가 들어올지 확실하게 모를 때 사용한다는 점을 들 수 있다. 프로젝트 내에서..
[TypeScript] void type · 함수의 타입🐣 들어가기 전에이번에는 void type에 대해서 정리해보장!_! void 타입은 함수의 타입을 지정할 때 사용한다고 생각하면 된다. 'void'의 경우 값이 없음을 나타내는데, 아무것도 반환하지 않는(=return 값이 없는) 함수의 반환 유형으로 사용된당!_! 밑에서 개념을 자세히 살펴보자! 꼬우꼬우!(사진은 void staff.... 공허의 지팡이....껄껄) 이전의 union, any, unknwon 타입이 궁금하다면? [TypeScript] union type · any · unknown🐣 union type · any · unknown 공통점이랄까?들어가기 전에 이 세가지의 공통점을 생각해보면! 어떤 타입의 종류가 들어올지 확실하게 모를 때 사용한다는 점을 들 수 있다. 프로젝트 내에서..