TypeScript
-
TypeScript 타입스크립트 추가 문법TypeScript 2023. 4. 19. 15:13
I. 타입스크립트 추가 문법 1. es모듈 사용하기 // node.ts import fs from 'fs'; fs.readFile('package.json'); 첫 번째 코드를 npx tsc --noEmit 으로 실행하면 두 번째 사진과 같은 에러가 발생한다. fs 모듈의 타입 정의를 찾을 수 없다는 의미인데, 노드의 타입은 따로 설치해야 사용할 수 있다. - npm i -D @types/node 명령어를 사용하여 @types/node 패키지를 설치하면 된다. @types/node 설치 후, 다시 npx tsc --noEmit 으로 실행하면 위와 같은 에러가 발생한다. 이제부터 해결을 해보자. ✨ VSCode 기준으로, 메서드나 모듈 등의 위에서 f12 를 누르면 해당 메서드, 모듈의 상세한 설정파일 창..
-
TypeScipt 타입스크립트 기본 문법TypeScript 2023. 4. 19. 13:48
I. 타입스크립트 문법 1. 타입스크립트는 변수, 매개변수, 리턴값에 타입을 붙인 언어 let a: boolean = true;// 원시자료형 const b: { hello:string } = { hello: 'world' };// 객체 function add(x: number, y: number): number { return x + y };// 함수 const minus = (x: number, y: number): number => x - y;// 화살표함수 - 명시적으로 타입을 적을 때, 대문자로 적으면 안됨 (ex) Boolean, BOOLEAN - X) - 타입스크립트를 처음 접하는 사람들의 경우 가독성이 조금 떨어지는 코드가 될 수 있으니, 헷갈린다면 :type 을 빼고 보기 ✨ 타입 에일리..
-
TypeScript 타입스크립트란?TypeScript 2023. 4. 19. 11:34
I. 타입스크립트란? 1. 자바스크립트에 명시적으로 타입이 추가된 언어 - 자바스크립트에도 타입은 있다. 문자열, 숫자, 불 값, 객체 같은 자료형 타입이다. 그저 자바스크립트 코드를 작성할 때 명시적으로 타입을 지정하지 않았을 뿐이다. 자바스크립트 코드를 작성할 때도 어느정도 타입에 대한 개념을 갖고 코드를 작성하므로 타입스크립트 코드가 많이 생소하지는 않을 것이다. 2. tsc - 타입스크립트 코드는 tsc 라는 컴파일러를 통해 자바스크립트 코드로 변환할 수 있다. 노드는 자바스크립트 런타임이므로, 타입스크립트 => 자바스크립트 를 해야만 실행이 가능하다. - npm i typescript : tsc 컴파일러 다운로드 명령어 - type 검사 + 자바스크립트 변환 3. 디노(deno) : 타입스크립트..