본문 바로가기
728x90
반응형
SMALL

타입스크립트3

[TypeScript] 클래스 클래스(Class) object를 만드는 청사진, 설계도 클래스 이전에는 함수를 통해 객체를 만들었다. OOP(객체 지향 프로그래밍)을 위한 기본. TypeScript에서는 클래스도 타입의 하나이다. class Human { //클래스의 이름은 대문자로 시작. name; constructor(name: string) { this.name = name; //this는 생성된 객체 자신을 가리킴. } } const h1 = new Human("Jack"): // 함수를 객체로 만들 때 처럼 new를 쓴다. console.log(h1); // Human { name: "Jack"} class 키워드를 통해 생성 가능. 이름은 주로 대문자를 이용. new를 사용하여 object 생성. constructor를 이.. 2022. 7. 20.
[TypeScript] 인터페이스(Interface) 인터페이스란? 내부적으로는 숨겨져 있고, 겉으로만 드러나있는 호출 방식. interface Human1 { name: string; age: number; } function func1(human: Human1): void{ console.log(`반가워요! ${human.name}.`); } const h1: Human1 = { name: "Jack", age: 24, }, func1(h1); optional property interface Human2 { name: string; age?: number; // 있을 수도 있고 없을 수도 있는 것에 ?를 붙임. } function hello(human: Human2): void { console.log(`반가워요. ${human.name}.`); } .. 2022. 7. 19.
[TS vs JS] 타입스크립트와 자바스크립트 자바스크립트[JavaScript] 객체지향 프로그래밍 언어로 브라우저 내에서 주로 사용되며, Node.js에서 프로그래밍에도 사용되고 있습니다. 자바스크립트는 현대의 모든 브라우저들이 기본으로 지원하기에 웹 분야에서 가장 인기 있는 언어라고 할 수 있습니다. 타입 스크립트[TypeScript] JS에 타입을 부여한 언어입니다. 다시 말해 자바스크립트의 확장이라고 할 수 있습니다. 타입 스크립트는 실행을 하려면 TS를 JS로 변환해 주는 과정이 필요한데 이것을 컴파일(Complie)이라고 합니다. 왜 타입 스크립트를 많이 쓸까? 주변의 웹 개발을 공부하거나 개발을 하는 사람들을 보면, 많은 사람들이 타입 스크립트를 사용하여 개발을 하고, 공부를 합니다. 처음에 JS로 시작해서 익숙해지면 TS를 공부하는 것.. 2022. 7. 15.
728x90
반응형