함수타입지정 function 내함수(x :number) :number { return x * 2 } 함수로 들어오는 파라미터 타입지정은 파라미터 우측에 적기 함수가 실행된 후 return 값 타입 지정은 함수명() 우측에 적기 💡 파라미터에 타입을 지정하는 순간 필수 파라미터가 된다(파라미터가 없을 경우 에러) 파라미터가 옵션일 경우 ? 표시(옵션) ⇒ ?표시하면 자동으로 뒤에 | undefined가 붙음(2번과 동일) function 내함수(x? :number) { } 내함수(); //가능 내함수(2); //가능 2. undefined 사용하기 function 자릿수세기(x :number | undefined){ } 내함수(); //가능 내함수(2); //가능 void타입 function 내함수(x :..
TypeScript
Union Type //union타입 let 유니온:string | number; 유니온 = 10; or연산자와 같은 뜻으로 이 변수에는 string 또는 number가 들어올 수 있게 설정 가능 그리고 할당하는 순간 타입은 string 또는 number 중 하나로 변함 Q1. 아래와 같은 arrray, object자료 만들 때 union type쓰려면? var 어레이: number[] = [1,'2',3] var 오브젝트: {data : number} = { data : '123' } >answer let 회원들 :(number | string)[] = [1,"2",3]; //숫자배열 또는 문자배열 //let 회원들 : number | string[] = [1,2,3]; -> 숫자 또는 문자배열 let..
변수 생성 시 타입지정 let 이름 :string = "kim"; //변수명:타입 변수명:타입 문법으로 생성 가능 이제 이름이라는 변수는 string타입이 되며 숫나와 같은 다른 타입을 할당하려고 하면 에러 발생 💡 name이라는 변수명은 전역변수로 사용 불가능. primitive types(12가지) Boolean Number String Object Array Tuple : 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식 Enum : C, Java와 같은 다른 언어에서 흔하게 쓰이는 타입으로 특정 값(상수)들의 집합을 의미 any : 모든 타입에 대해서 허용한다는 의미 void : 반환 값이 없는 함수의 반환 타입 null undefined never : 함수의 끝에 절대 도달하지 ..
타입스크립트는 사용 시 tsconfig.json파일을 통해 옵션들을 설정할 수 있음. 이런식으로 tsconfig.json 파일 생성 후 아래와 같이 세팅하면 된다. { "compilerOptions": { "target": "ES5", //타입스크립트파일을 어떤 버전의 자바스크립트로 바꿀지 정하는 부분 "module": "CommonJS", //자바스크립트 파일간 import문법을 구현할 때 어떤 문법을 쓸지 정하는 곳 //commonjs는 require문법 //es2015,exnext는 import문법 "noImplicitAny": true, //any라는 타입이 의도치않게 발생할 경우 에러를 띄어줌 "strictNullChecks": true, //null, undefined타입에 이상한 조작하면 에..
일반 HTML CSS JS 웹 개발시 타입스크립트 사용하려면 Node.js 최신버전, VScode 에디터 설치 VScode 에디터에서 터미널 오픈 터미널에 입력 npm install -g typescript 작업할 폴더 생성 작업 폴더를 에디터로 오픈 작업폴더에 .ts로 끝나는 파일 생성 후 타입스크립트 사용 시작but 웹브라우저는 ts파일을 알아듣지 못하기 때문에 js파일로 변환 작업 필요 //tsconfig.json 폴더 아래와 같이 필수 생성 //ts -> js 변환시 컴파일 옵션 { "compilerOptions": { "target": "ES5", "module": "CommonJS" } } ts파일은 js랑 똑같이 사용 가능 js 파일로 변환하려면 에디터에서 터미널을 새로 열기 tsc-w입력하..
https://www.typescriptlang.org/ 정의 2012년 마이크로소프트가 발표한 타입스크립트(TypeScript)는 자바스크립트(JavaScript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어 특징 자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 없다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또는 바벨(babel)을 통해 자바스크립트 코드로 변환된다;. 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있다 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가, 컴파일 시간이 오래 걸린다. 💡 인터프리터 : 코드를 한 줄씩 읽어 내려가며 실..
