본문 바로가기

Frontend/TypeScript3

Object(객체)에 Type지정 및 Alias 사용법 Object 에서 Type을 지정하는 방법을 알아보자 const playerWoong = { name: 'WoongSeo', age: 29, } 위의 코드에서 playerWoong.name = 321 로 당연히 안바꿔진다. String 으로 추론된 name에 number를 넣으려고 했기 때문에 playerWoong 을 object 라고 TS에게 알려주는 방법은 뭘까?? 1번 : const playerWoong : object = { name: 'WoongSeo', age: 28, } 2번 : const playerWoong : { name: string age: number } = { name: 'WoongSeo', age: 28, } 1번은 저번 글에서 봤던 .. 2023. 6. 18.
TypeScript - TypeChecker와 직접 Type을 지정하는 방법 Typescript 에서 Type을 알려주는 방법 let a = "hello" a = "world" //Ok a = 12032 // 이것도 OK 자바스크립트에서는 a의 타입에 상관없이 let a 를 재할당 할 수 있다. 하지만 타입스크립트에서는 TypeChecker 가 있어서 타입을 지정해주면 개발자가 실수 하지 않도록 Type을 확인하고 일치하지 않을 시 오류를 뱉어준다. let a = "helllllo" // 자동으로 string 으로 인식(추론) 한다. a = "everyone" // 이미 string 으로 인식하고있기 때문에 let a를 재할당하는데 문제없 a = 12302 // stirng이 아니기 때문에 typescript 에서 오류를 뱉음 이렇게 타입스크립트에서 어지간한 것들은 추론해서 오류.. 2023. 6. 18.
TypeScript 의 장점은 뭘까?? TypeScript 공부 시작!! TypeScript 들어가기. 왜 TypeScript를 배울까? TS 장점 Type을 정해주기 때문에 안정성이 높다. 에러를 사전에 방지할 수 있다. 개발 생산성 향상 가능 JS 특징 Type(자료형)을 적어주지 않아서 유연성이 높다. (자유도가 높다) 개발자를 이해해 주려는 언어(개발자가 이상하게 짜도 에러를 뱉지 않으려고 노력함) 예1) [1, 2, 3, 4] + false >> '1,2,3,4false' 위의 예시에서 보듯 배열 자료구조에 boolean 형 데이타를 + 수식으로 더해도 오류를 뱉지않고 문자열로 통합해서 출력한다. (매우 이상하다 하지만 돌아갔죠?) 왜 이 자유도가 단점이 될까?? 사실 위의 예시는 극단적으로 이상한 코드 정상적인 개발자라면 이정도의 .. 2023. 6. 12.

반갑습니다 ✿ڿڰۣ— 조은하루 ^^
SSAFY 9기 김웅서 티스토리