천천히 차근차근

// 인터페이스 확장 interface Person { name: string; age: number; } interface Developer extends Person { language: string; } let captain: Developer = { name: '캡틴', age: 30, language: 'Ko' }

// 인덱싱 interface StringArray { [index: number]: string; } let arr: StringArray = [ 'a', 'b', 'c']; arr[0] = 'D'; console.log(arr); interface로 배열의 데이터도 정의할 수 있다. index를 숫자로 받고, 배열의 값을 string으로 정의해서 사용할 수 있다.

https://nodejs.org/ko/download/ node 설치 typescript 설치 npm i typescript -g ts 파일 콘솔 출력하는 방법 npm i ts-node -g ts파일을 js파일로 컴파일하는 방법 tsc 파일명 tsconfig.json 파일 생성 tsc --init js파일로 compile이 제대로 되지 않을 때 관리자 권한으로 visual studio code를 실행하여 터미널에서 위의 명령어를 입력한다. Set-ExecutionPolicy RemoteSigned 관리자 권한으로 실행하기 위한 Get-ExecutionPolicy 확인하기 위한 명령어

작업 순서(ts파일을 js파일로 컴파일 하기 위해 시도) ESLint 플러그인 설치 TSLint(deprecated) 플러그인 설치 open settings에 eslint 관련 코드 추가 { // ...

첫 번째 실습 프로젝트 소개, 환경 구성, 코드 분석 package.json에 설정한 타입스트립트, 바벨 관련 내용을 설치한다. npm i 위의 명령어를 입력하면 package.json에 정의한 설정들이 node_modules 폴더에 생성된다. npm i 명령어를 실행하고 node_modules가 보여지지 않는다면 새로고침을 해보도록 한다. VSCode 설정 (첫번째, 두번째를 모두 설정하기) 첫번째 window : ctrl + ',' format on save 검색 꺼져있는지 확인한다. 모두다 타입스크립트의 문법검사는 eslint를 사용할 것이기 때문에 포맷팅 관련한 프리티어나 뷰티파이 같은 것들을 꺼주어야 한다. 그래서 체크가 풀려 있는지 확인한다. 두번째 ESLint 플러그인이 설치된..

기본 타입-튜플, 객체, 진위값 TS 튜플 배열의 특정 인덱스에 특정값 타입을 지정할 수 있다. 모든 인덱스의 타입이 정해져 있는 배열 address2와 같이 배열(Array)을 선언하는 경우에는 제네릭 형식에 한개의 자료형만 입력할 수 있다. TS 객체 타입스크립트 객체 선언 방식은 2가지가 있다. 자바스크립트와 동일하게 선언할 수도 있고, 객체 속성의 타입까지 지정할 수가 있다. TS 진위값 let test: boolean = true;

타입스크립트 설정 파일 ts파일을 매번 js 파일로 컴파일하는 과정은 번거롭다. 여러가지 방법을 통해서 자동으로 컴파일 하도록 할 수 있다. 타입스크립트를 사용한다면 '웹 팩'을 알고 있으면 좋다. 매번 js파일로 컴파일하는 것보다 '웹 팩'을 이용하면 좋다. tsc 로 타입스트립트 파일을 컴파일할 때 부가적으로 옵션들을 줄 수 있는데 그 옵션들을 정의하는 파일이 바로 getting-started 밑에 tsconfig.json 파일을 만들어서 이 안에 key value 형태로 만들어주면 된다. tsconfig.json 작성 방법 key value 형태로 정의한다. 컴파일할 때 부가적인 옵션들 프로젝트를 타입스크립트로 변환할 때, 타입스크립트가 이 프로젝트를 어떻게 이해할지에 ..

타입스크립트 프로젝트 시작하는 방법(라이브러리 설치와 TSC) 폴더를 만들고 'index.ts'파일 생성 타입스크립트 확장자는 모두 .ts 이다. .ts 파일 자바스크립트를 입력해서 활용해도 상관없다. 자바스크립트에 자료형을 직접 정의해도 상관없다. 함수를 호출하면 브라우저에서 바로 실행하기에는 브라우저가 아직까지는 타입스크립트 파일을 인식할 수 없다. ts 파일을 js파일로 변환을 해주어야 브라우저에서 실행 가능하다. 컴파일(compile) 이라고 일컫는다. compile 방법 터미널을 실행해서 컴파일 변환 작업을 해준다. node.js 버전 확인하는 방법 터미널에서 node -v 이라고 입력. 추가 설치사항(js파일을 ts파일로 compile하기 위한 설치사항) npm i typescr..