솔적솔적

이번 시간에는 Literal Types에 대해서 알아보자. 내가 어떤 변수를 만들 때 딱 5라는 값만 갖게 제한을 두고 싶으면 어떻게할까요? 네, const 변수를 사용하면 되지요. 근데 "흠~ 5아니면 6만 가질 수 있게 하고 싶다." 라면 어떻게 할까요? 그 변수에 number 이러 식으로 타입을 정해준다면 모든 숫자들을 넣을 수 있으니깐 범위가 커지게될 것인데.. 이럴 때 쓰는 변수가 바로 Literal type을 사용합니다. | Literal Type 만드는 법 let 짱아 : '아기'; let 짱구 : '어린이'; 지금까지 number, string, boolean 이런 것들만 타입을 지정할 수 있는 것이 아니라, 이렇게 내가 정한 것도 변수 또는 함수에 할당할 수 있습니다. 짱아란 변수는 '아..

안녕하세요, 저번시간에는 타입을 확실히 하나만 지정할 수 있는 방법으로 Narrowing과 Assertion을 배워봤습니다. 타입스크립트를 사용할 때 (number | string | undefined) 이런 식으로 사용하잖아요? 이렇게 긴 걸 또 타입스크립트에서는 타입을 변수에 넣어서 사용할 수 도 있습니다. 🍖 type alias (타입변수) 🍖 object readonly 속성 🍖 type alias extend 하는 법 익히기 |타입 정의가 너무 길면 Type Aliases (별칭) 코드를 짜면서 let 민철이 :string | number | undefined; 이렇게 길게 타입을 계속 쓰는 경우가 있는데, 이걸 길게 안보고 간략하게 재사용할 수 있도록 변수에 넣었는 방법이 있습니다. type이..

안녕하세요, 지난 시간 Part1에서 자바스크립트 개념, 쓰는 이유, 몇가지 타입종류에 대해서 알아봤는데요, 이번에는 "애매모호 것들은 가라!"하는 Narrowing과 as 타입을 사용할 때 등 그 때 사용하는 또 다른 문법들에 대해서 알아보도록하겠습니다. function 내함수(x :number | string){ return x + 1 //에러남 } 이 함수가 왜 에러가 나는지 아십니까? 이유는 Operator '+' cannot be applied to types 'string | number' and 'number' string | number 같은 union type 에는 일반적으로 조작을 못하게 막아놨기 때문이죠, 애매모호한 것은 타입스크립트 아안에 있을 수 없으니 타입을 조건식으로 만들어서 ..

안녕하세요, 오늘 TypeScript에 대해서 찐~하게 배워보려해요. 우리는 보통 변수를 만들 때 let 솔 = 'sol' 이렇게 만들죠. 그리고 이렇게 생각들 하죠, "아니, 자바스크립트만 있어도 되지. typescript은 왜 나온 거야!? 그걸 왜 쓰는 거야?" 그 이유와 typescript의 개념을 확실히 알고 자바스크립트와 다른 점을 비교하며 활용해 보도록합시다. 1. typescript란? 2. typescript를 쓰는 이유 3. typescript의 기본 타입 정리 & 활용 typescript란? 타입스크립트는 한 마디로 자바스크립트를 기반으로 한 언어, 자바스크립트를 개선하여 쓰는 것으로 자바스크립트에 포함되지 않은 새로운 기능들이 있으며 자바스크립트보다 더 간편하고 쉽게 사..