본문 바로가기

TypeScript2

Typescript 설정 리액트가 아닌 자바스크립트를 사용할 때 타입스크립트 설정 방법에 대해 정리하고자 한다. 기본 설정 1. 자신이 원하는 경로에 프로젝트 폴더를 생성한다. 2. 터미널을 열고 npm init -y 명령어로 npm 초기 설정해 준다. 3. npm i -D typescript 명령어로 타입스크립트를 설치해 준다. 4. 해당 프로젝트 root 경로에 tsconfig.json 파일을 생성한다. tsconfig.json 파일은 타입스크립트 기본 설정을 할 수 있는 파일이다. { "compilerOptions": { // 원래 타입스크립트는 .js 파일을 허용하지 않는다. // 하지만 만약 자바스크립트를 타입스크립트 프로젝트로 변환할 때 // 점진적으로 적용하게 할 수 있게 하는 옵션임 "allowJs": true, .. 2021. 6. 8.
Javascipt를 Typescript 처럼 코딩하기 간단하게 jsdoc을 사용하여 타입스크립트 처럼 사용할 수 있다. /** * * @param {number} a 첫 번째 숫자 * @param {number} b 두 번째 숫자 */ function sum(a, b) { return a + b } 이렇게 함수에서 타입 추론이 가능하다. 해당 함수를 호출할 때도 각 매개변수에 대해 타입 추론이 가능하다. 하지만 안타깝게도 추론만 해줄 뿐 다른 타입의 값이 들어와도 에러는 발생하지 않는다. @ts-check 으로 타입스크립트를 사용한 것처럼 예상한 타입이 아닌 다른 타입이 매개변수로 들어왔을 때 에러를 볼 수 있다. 2021. 4. 7.