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인터페이스_이름 { 속성?: 타입;} 2...

어떤 값에 대해 불변성을 갖도록 만들어주고 싶다면, readonly 타입으로 보호장치를 설정해 줄 수 있다. 타입스크립트에서 readonly 키워드는 변수, 객체, 배열 등에 사용되며 해당 요소를 읽기 전용으로 만든다. 값을 할당한 후에는 값을 변경할 수 없게 된다. (어디까지나 에디터 에러일 뿐 실제 자바스크립트 파일은 변경) type Player = { //대문자로 만들기 readonly name: string, //읽기 전용으로 설정}const nemo: Player = { name: "nemo",};nemo.name = "다른이름" //오류, 읽기전용이라 변경 불가const numbers: readonly numbers[] = [1,2,3]numbers.push(1) //오류let arr: R..

객체에 대한 타입을 지정해야하는 경우,const 이름: PositionType = { name: "김사과", age: "12",}; 각각 해당 key와 value에 맞는 타입을 지정해줄 수 있다.//타입으로 선언type PositionType = { name: string; age: string;};const 이름: PositionType = { name: "김사과", age: "12",};//인터페이스로 선언interface PositionType { name: string; age: string;}const 이름: PositionType = { name: "김사과", age: "12",}; 하지만 만약 지정해야 되는 타입이 너무 많고, 모든 key와 value의 타입이 동일하다면 다..

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 } undefin..

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