TYPESCRIPT

npm 또는 vscode extension 으로 설치한다.npm i -g typescript확장자는 .ts 를 사용하며 작업이 완료되면 .js 로 컴파일 하여여 사용해야 한다. tsc 파일명.ts 명령을 통해 .ts 파일 컴파일을 진행한다. 컴파일이 완료되면 파일명.j

타입스크립트와 리액트 프로젝트를 시작한다면 아래와 같이 설치하자npx create-react-app <프로젝트명> --template typescriptnpm i typescript @types/node @types/react @types/react-dom @ty

typescript 한국어 문서 : react & webpack 보고 따라하기npm init -y : 초기화npm i -D webpack webpack-cli : 웹팩설치npm i react react-dom : 리액트, 리액트돔 설치npm i -D @types/rea

true / false 형태의 값위 예제 모두 number~' , " 작따옴표, 큰따옴표로 감싼 문자, 문자열백틱으로 감싼 ${변수} 를 포함 문자열도 해당배열 타입을 선언할때는 내부의 값의 타입도 선언해주어야 한다. 내부 인덱스의 값은 모두 동일한 타입이여야 한다

타입스크립트에서 구조분해에 대해 알아보자.매개변수로 객체인 paramObj를 받는다.paramObj.a의 데이터 타입은 string,paramObj.b의 데이터 타입은 number이다. ? 는 b의 값이 있을수도 없을수도 있단 말처음 배열 구조분해보다 복잡시러워 졌다

인자를 넘겨도 되고 안넘겨도 될때 ?로 표현한다.인터페이스에 지정한 프로퍼티이외에 값이 인자로 들어왔을때, js에서는 조용히 무시하고 넘어간다. 하지만 ts에서는 해당 프로퍼티가 없다는 오류가 발생한다.createSquare() 함수를 호출할때 이름을 colllor 로