typescript4 타입스크립트(TypeScript) Class 클래스(Class)란? 클래스는 객체 지향 프로그래밍의 기본 요소로, TypeScript에서 클래스를 정의하고 사용하는 방법은 다음과 같습니다. class Goods { goodsName: string; price: number; constructor(goodsName: string, price: string) { this.goodsName = goodsName; this.price = price; } goodsPrint(): string { return `${this.goodsName}의 가격은 ${this.price}원 입니다.`; } } 위의 코드에서 constructor 메서드는 Goods 클래스의 인스턴스를(클래스를 기반으로 생성된 각 객체) 생성할 때 호출되며, goodsName과 price의.. 2024. 4. 19. 타입스크립트(TypeScript) 함수 함수 선언과 반환 타입 명시 함수를 TypeScript에서 선언할 때에는 매개변수의 타입과 반환 타입을 명시할 수 있고, 이를 통해 타입 에러를 방지할 수 있습니다. function abPlus(a: number, b: number): number { return a + b; } 위의 예시에서 abPlus 함수는 a와 b라는 두 개의 매개변수를 받으며, 반환 타입으로 number를 가지고 있습니다. 예시와 같이 함수의 반환 타입을 명시하면 TypeScript 컴파일러가 해당 함수의 반환 값의 타입을 검사합니다. 위의 예시를 화살표 함수로 작성하면 다음과 같습니다. const abPlus = (a: number, b: number): number => a + b; 함수가 한 줄의 표현식인 경우에는 중괄호{.. 2024. 4. 18. React.FC와 타입 직접 선언 React.FC란? React.FC는 React에서 함수형 컴포넌트를 정의하는 TypeScript에서 사용되는 제네릭 타입입니다. React.FC를 사용하여 타입을 명확하게 지정하여 Props에 대한 타입 검사를 수행합니다. 이를 통해 타입의 안정성 유지하고 타입의 잘못된 사용으로 인한 오류를 방지할 수 있습니다. React.FC 형태로 사용합니다. 여기서 Props는 해당 컴포넌트가 받아야 할 Props의 타입을 나타냅니다. 예를들어 type NameAgeProps = { name: string; age: number; }; const App: React.FC = ({ name, age }) => { return ( Name: {name} Age: {age} ); }; 이런식으로 사용합니다. 생각보다 .. 2024. 4. 17. TypeSciprt를 사용하는 이유 TypeScript란 무엇인가? TypeScript는 정적 타입 시스템을 갖춘 언어입니다. 이미지 출처 : TypeScript: Documentation 정적 타입이란? 정적 타입은 변수의 데이터 타입을 선언하고, 변수에 할당되는 값의 타입을 컴파일 시점에서 미리 확인하는 방식입니다. 변수를 선언할 때 해당 변수의 타입을 명시적으로 지정하거나 타입 추론을 통해 타입을 결정할 수 있습니다. TypeScript는 JavaScript와 거의 동일한 문법을 사용하지만, TypeScript는 타입을 추가하여 개발자가 코드의 안정성과 유지보수를 더욱 향상시킬 수 있다는 것이 장점입니다. JavaScript의 한계와 문제점 JavaScript는 동적 타입 시스템을 갖춘 언어입니다. 동적 타입이란 동적 타입은 변수의 .. 2024. 4. 16. 이전 1 다음
