→ Typescript 기반으로 React.js 프로젝트를 진행하는 지노의 ToyProject

1. 프로젝트 세팅하기 in Intellij WebStorm

1. nodejs 최신버전 설치 brew install node@16
2. nodejs HOME_PATH 설정 echo 'export PATH="/usr/local/opt/node@16/bin:$PATH"' >> ~/.bash_profile
3. React.js 프로젝트 생성 npx create-react-app reat-study-typescript --template typescript
4. ESLint 적용

$ npm install eslint
$ node_modules/.bin/eslint --init

1. Prettier 적용 yarn add --dev prettier-eslint

2. Typescript란?

1. 기본타입

   1. Boolean

      let isDone: boolean = true;
      let isNotDone: boolean = false;
      

   2. Number

      JS와 마찬가지로 TS도 모든 숫자 값은 부동 소수점 값을 가진다. TS는 10진수 및 16진수와 함께 ECMAScript2015에 도입된 2진수와 8진수 문자를 지원한다.

      let decimal: Number = 6;
      let hex: number = 0xf00d;
      let binary: number = 0b1010;
      let octal: number = 0o744;
      

   3. String

      let color: string = "blue";
      color = 'red';
      
      let fullName: string = `Jinho Yoo`;
      let sentence: string = `Hello, my name is ${fullName}.`
      

   4. Array

   5. Tuple

   6. Enum

   7. Any

   8. Void

   9. Null and Undefined

   10. Never

   11. 타입 단언