Typescript12 (Union | any | unknown) 타입들, 안전하게 코딩하기 위한 Narrowing과 Assertion에 대한 짧은 이야기 특수한 타입으로 볼 수 있는 세가지 타입에 대해 이야기한다. Union은 여러개의 타입 중 하나가 들어갈 수 있는 것(or 개념) any는 js처럼 모든 타입을 허용한다. 연산 등에서도 에러를 뱉지 않기 때문에 사실상 ts를 사용하는 의미를 상실한다. unknown은 any와 용도가 비슷하지만 몇가지 상황에 대해 타입 체크를 하여 연산 등을 허용하지 않아 더 안전하다. any를 사용해야 한다면 unknown으로 하자. 예제는 아래 // 여러가지를 쓸 수 있는 유니온타입 type Union = (string | number | boolean)[] let members: Union = [1,2,3,'lim',true]; // 아무거나 다 되는 애니타입 // 타입스크립트의 의미가 없어진다. let ay: an.. 2021. 12. 29. typescript의 변경 규칙을 위한 환경설정파일(tsconfig.json) typescript 그대로는 브라우저가 읽지 못하기 때문에 js로 변환이 되어야 한다. 변환될 때 어떤 규칙에 따라서 할 것인지를 설정하기 위한 파일이 tsconfig.json이며, package.json과 같은 root에 위치한다. 기본적으로는 아래처럼 작성한다.(intellij 기준 자동으로 아래처럼 채워진다) target은 어떤 버젼의 js로 변환할지 결정한다. 더 신버젼을 원할 경우 es2016, esnext 등으로 기입한다. module은 import export 규칙을 결정한다. commonjs는 require문법, es2016, esnext는 import 문법 브라우저 호환성을 위한다면 아래 기본형태가 낫겠고, 일렉트론 같이 특정 브라우저 한정으로 돌아가는 애플리케이션이라면 가능한 최신 문법.. 2021. 12. 29. Typescript 기본 문법 정리 typescript의 간단한 기본 문법을 정리한다. 기본적으로 타입스크립트의 사용 목적 자체가 특정 객체(변수, 함수, 클래스의 파라미터 등등)에 타입을 지정하고 다른 타입의 사용을 막아서 예기치 않은 에러를 막기 위함이다. 코틀린의 문법과 상당히 유사하게 사용되기 때문에 형태에 이질감은 없었다. 아래 나열 // 변수 만들기 // 문자만 넣을 경우 let name1: string = 'kim'; // name1 = 1; // 에러 남 // 문자열 배열 let array: string[] = ['김','박']; // let array1: string[] = ['김',3]; // 문자열 아닌걸 넣으면 에러 let obj: { name: string } = { name: 'kim'}; let obj1: { n.. 2021. 12. 29. 이전 1 2 다음