TypeScript

TypeScript

• 자바스크립트의 타입을 강제시키는 언어

타입스크립트를 왜 사용하는가?

• 자바스크립트
  -> 코드의 유연성은 높지만, 컴파일 시간 오류가 많고 유지보수가 어려움
• 타입스크립트로 변수와 함수의 타입을 명시해줌
  -> 컴파일 시간 오류를 줄이고 코드의 가독성과 유지보수성을 높임
  -> 개발자의 실수로 발생할 수 있는 오류를 미리 예방하여 코드의 안정성을 높임

컴파일에 대한 사전지식

• 프로그래밍 언어를 컴퓨터가 이해할 수 있는 기계어로 변환시키는 과정

설치 및 셋팅

1) typescript 홈페이지 접속(https://www.typescriptlang.org/) 또는 구글에서 typescript를 검색
2) Docs를 클릭 후, 스크롤 내려서 getstart의 installation을 누른다.
3) yarn add typescript --dev 복사
4) 터미널에서 원하는 폴더 위치에서 붙여넣기 후 설치
5) 설치 완료 후, yarn add @types/react@17.0.2 @types/node@17.0.2 --dev를 붙여넣기
6) tsconfig.json (ts설정파일) 만들기
7) 터미널에서 yarn dev 명령 실행
8) tsconfig.json에 기본 설정내용이 채워지면 성공
9) tsconfig에서 strict을 true로 바꿔주면 좀 더 엄격하게 ts를 사용할 수 있음

dependencies와 devEpendencies의 차이점

• dependencies -> 실행용
• devDependencies -> 개발용
• production -> 배포용

• 일반설치 -> yarn install
• 배포용설치 -> yarn install --production'