타입 3

Interface vs Type 타입을 지정하는 또 다른 방법

1. Interface란? 인터페이스는 객체, 클래스, 함수 타입을 지정하는 또 다른 방법 중 하나이다. //객체 타입을 지정하는 여러가지 방법 let person: { name: string; age: number } = { name: 'John', age: 30 }; type TPerson = { name: string; age: number }; let person: TPerson = { name: 'John', age: 30 }; interface IPerson { name: string; age: number; } let person: IPerson = { name: 'John', age: 30 }; 보통 인터페이스는 I 를 붙여 명명한다. interface I인터페이스_이름 { 속성?: 타입;..

JS/TypeScript 2023.12.21

기본 타입 정리(primitive types), 한 변수에 여러 타입 지정(union), array 전용 타입(tuple), 선택적 타입(optional), 함수 타입(기본, void, never), class 타입

1. 기본 타입 지정 let name : type = 내용 기본적으로 타입을 지정할때는 변수 옆에 : 을 찍은 후 type을 적어준다. let str: string = 'hi'; let num: number = 10; let isLoggedIn: boolean = false; 배열 타입은 타입을 적은 후 [] 로 배열을 표기한다. //배열안에 무조건 string만 가능 let 팀: string[] = ["수지", "철수"]; let arr: number[] = [1,2,3]; let arr: Array = [1,2,3]; //제네릭표기 객체 타입은 객체를 만들어 key는 그대로, value에 타입을 적어주면 된다. //객체 타입 지정 let 내정보 : { age : number } = { age : 20..

JS/TypeScript 2023.11.26

타입스크립트 사용 목적과 설정 방법

1. 자바스크립트 냅두고 타입스크립트를 사용하는 이유는 뭘까? 자바스크립트는 매우 유연한 언어. let answer = 1 + [1,2,3] // 11,2,3 숫자 + 배열 을 실행해도 오류 없이 계산해준다. 프로젝트 규모가 작을때는 금방 오류를 찾을 수 있지만, 규모가 커질수록 위와 같은 오류들이 발생했을때 찾기 어려워진다. ​ 이런 자바스크립트의 위험성에서 벗어나 더욱 안전하게 개발할 수 있도록 도와주는게 타입스크립트다. 2. 타입스크립트 사용의 이점 정적 타입 검사: 타입스크립트는 코드를 작성할 때 변수, 함수 및 객체의 타입을 명시적으로 지정하므로 코드의 오류를 사전에 발견할 수 있다. 이로써 런타임 오류를 줄이고 안정성을 향상시킨다. 코드 가독성과 유지 보수성 향상: 타입스크립트는 코드에 타입 ..

JS/TypeScript 2023.11.26