1. 이미 있는 React 프로젝트에 설치하기 npm install --save typescript @types/node @types/react @types/react-dom @types/jest 패키지를 설치하고 .js 파일을 .ts로 바꿔서 사용하면 된다. 2. React 프로젝트를 새로 만들 경우 npx create-react-app my-app --template typescript 명령어를 통해서 프로젝트를 만들면 TypeScript가 적용되어 있다.

TypeScript는 타입을 선언할 때 변수명 옆에 :타입을 붙여주면 된다. let age:number = 30; let isAdult:boolean = true; let car:string = "BMW" number, boolean, string을 통해서 기본적인 유형의 타입을 선언할 수 있다. let a:number[] = [1,2,3]; let a2:Array = [1,2,3]; let week1:string[] = ['mon','tru','wed']; let week2:Array = ['mon','tru','wed']; 배열을 선언하는 방법은 2가지가 있는데, 하나는 타입[]으로 선언하는 방식과 Array 으로 선언하는 방식이 있다. 만약 문자열 배열에 숫자, 숫자 배열에 문자 같이 다른 타입을 ..

JavaScript를 사용하면서 우리는 많은 함수를 만들 것이다. function add (num1, num2) { console.log(num1 + num2); } add(); - NaN add(1); - NaN add(1,2); - 3 add(3,4,5); - 7 add("hello","world"); - "helloworld" add()만 호출할 경우 undefined + undefined 가 되기 때문에 NaN이 출력되며, add(1) 경우엔 1 + undefined 이기 때문에 NaN, add(3,4,5)와 add("hello", "world")는 만든 용도와 다르게 사용되고 있다. 즉, add(1,2) 외엔 모두 원하던 결과 혹은 잘못된 사용방법으로 사용되고 있다. 하지만 JavaScript는..