목록Frontend/TypeScript (6)
gyeong3un2
1. 객체지향 프로그래밍? 객체지향 프로그래밍은 연관된 변수와 함수들을 한 덩어리로 묶어서 구조화하여 표현하는 프로그래밍 스타일을 말한다. 이는 즉, 어플리케이션을 실제 세상에 존재하는 객체와 같은 단위로 쪼개고 객체들이 서로 상호 작용함으로써 시스템이 동작한다! 2. 클래스란? 객체들은 클래스를 통해서 만들어 질 수 있고, 클래스는 객체가 어떤 모습을 가질지 정의하고, 묘사하는 객체의 뼈대 즉 객체를 만들어 내는 설계도, 생산틀이라고 생각하면 된다. 클래스 이름은 대문자로 시작한다. 3. 클래스와 오브젝트 관계 위 코드와 같이 클래스 속에서 정의된 함수들은 클래스 내 정의된 변수들에게 접근 가능하기 때문에 상대적으로 적은 매개변수를 가진다. 클래스 내에 정의된 변수를 프로퍼티 (Property)라고 부..
> 함수의 타입 명시 타입스크립트에서 함수의 타입 명시할 때, 함수 자신이 반환될 타입(Return)과 함수의 매개변수 타입(Parameter)을 명시할 수 있다. 함수의 반환 타입 명시 (Return) void 타입 : 아무것도 반환하지 않는 함수의 반환 값으로만 사용될 수 있는 타입 함수의 매개변수 타입 명시 (Parameter) 타입스크립트는 함수에 정의된 모든 매개변수가 함수에 필요하다고 가정하기 때문이다. 즉, 함수가 호출되면 타입스크립트 컴파일러는 아래와 같이 매개변수와 argument가 일치하지 않으면 에러가 뜬다. 이 문제를 해결하기 위해선, 선택적 매개변수(Optional Parameter)를 사용한다. 이때, 알아야 할게 있다. 만약 전달되는 매개변수가 여러 개이고 몇가지만 선택적 매개..
Any, Union Type, Type Aliases & Type Guards Any 타입 어떠한 타입이든 할당될 수 있다. 아래와 같이 먼저 숫자로 할당하고, 이후에 문자열이나 불린 타입으로 재할당해도 아무런 에러가 발생하지 않는다. 하지만, 타입스크립트에서는 타입에 관한 더 많은 정보를 명시할 수록 더 좋다! 그래서 좀더 깔끔하고 효과적인 코드의 유지 보수를 할 수 있다. 그렇기 때문에 any 타입은 피하는게 좋다. 만약 타입 명시가 어려운 경우, 예를 들어 정보를 가져올 때 변수 타입을 알 수 없어서 타입 지정을 못하는 경우, 이런 경우에만 사용한다. 제한된 타입들을 동시에 지정하고 싶을 때는 어떻게 해야될까? Union 타입 제한된 타입들을 동시에 지정하고 싶을 때는 유니언 타입을 사용한다. le..