TIL # 55 < Typescript (1) / TS 기본지식 >

  개발/공부 진행 및 완료상황, 무엇을 더 하면 좋을지

 

🔥Typescirpt 강의 듣는중

 

  오늘 새로 배운 내용

 

📖 타입스크립트

javascript는 동적언어 / typescript는 정적언어

 

(vanila JS에서 typescript 사용하기)
npm install -y
npm install typescript
npx tsc with-typescript.ts(ts파일명) -> 자동 컴파일러된다

자료형(Type)
1. 기본형(primitives) - number, string, boolean
2. 복잡형(complex) - arrays, objects
3. 함수(function), 매개변수(parameter)

type은 소문자로 ex) let age: number;
배열 ex) let hobbies: string[];

any타입(기본값)은 가능하지만 되도록사용x

타입추론 - 되도록 타입추론을 사용
ex) let course = 'React';
 course = [string만 올 수 있음]

한개 이상의 타입지정 - 유니온 타입
ex) string | number

코드중복 줄이기 - 타입별칭(Type Alias)
ex) type 변수명 = {
       name: string;
       };

타입을 가진 함수 - 반환값을 추론함
void = 함수에 반환 값이 없다는 걸 뜻함

제네릭(generics) 타입  <T> - 타입의 정보가 동적으로 결정

제네릭 타입은 타입에 유연성을 제공하여 컴포넌트 등에서 재사용을 가능하게 해주는 타입이다. 즉 고정된 타입이 아닌 사용에 따라 여러 타입을 사용하게 해준다.

 

 

📖 리액트에 타입스크립트 적용

리액트 설정
create react app 구글에 검색
타입스크립트 설정
create react app typescript 구글에 검색

한번에 다 설치
npx create-react-app [프로젝트 이름] --template typescript

 

 

 

 

  참고할 만한 레퍼런스들

 

타입스크립트 홈페이지 https://www.typescriptlang.org/

 

  회고

 

- 타입스크립트 시작....! react redux toolkit thunk 까지 전부 복습할 수 있는 좋은 기회라고 생각하고 열심히 한주 달려야겠다!

 

  To-Do List

 

- TypeScript 강의 듣기

- 알고리즘 4문제

- 면접대비 포스팅