Typescript : 시작하기

안녕하세요 DEVs는 dev.to에 첫 번째 게시물을 게시하게 되어 매우 기쁩니다.
해보자.

1. 타입스크립트란?



TypeScript는 일반 Javascript로 컴파일되는 강력한 유형의 Javascript 상위 집합입니다. 순수 자바스크립트로 가능한 모든 것을 typescript에서 사용할 수 있습니다. TypeScript는 브라우저에서 직접 실행할 수 없으며 대신 우리가 작성한 TypeScript 코드는 브라우저에서 직접 실행할 수 있는 JavaScript 코드로 컴파일됩니다. Typescript는 2012년 10월에 대중에게 공개되었으며 그 이후 인기가 높아지고 있습니다. Apache2 라이선스에 따라 github.com에서 호스팅되는 오픈 소스 프로젝트입니다. typescript의 사용은 널리 퍼져 있으며 작성자 Microsoft에서만 사용하는 것이 아닙니다. MVC(Model-View-Controller) 아키텍처에서 구성 요소 기반 아키텍처로 변경했을 때 Angular 2 이후로 TypeScript를 사용해 온 Google과 같은 다른 기술 대기업에서도 사용하고 있습니다. Slack은 JavasScript 코드베이스를 TypeScript로 마이그레이션했습니다. 유비소프트(Ubisoft), 아사나(Asana), 리프트(Lyft)가 그 뒤를 이었다. 그것은 이미 Visual Studio에 원활하게 통합되어 있습니다.
개발 도구를 전환하지 않고 사용하기 쉽습니다.

2. 왜 Typescript를 사용합니까?



TypeScript는 클라이언트 측 개발자에게 많은 이점을 제공합니다. TypeScript를 사용해야 하는 몇 가지 이유를 살펴보겠습니다.
  • TypeScript는 완전히 새로운 언어가 아니기 때문에 간단하고 빠르며 배우기 쉽습니다.
  • TypeScript는 모든 Javascript 라이브러리를 지원합니다.
  • TypeScript는 JavaScript에 대한 보다 안전한 접근 방식입니다.
  • TypeScript는 정적으로 유형이 지정되므로 TypeScript로 작성된 코드가 더 예측 가능하고 일반적으로 디버그하기가 더 쉽습니다.
  • TypeScript는 클래스, 상속, 인터페이스, 제네릭 등과 같은 OOP 기능을 지원합니다.
  • TypeScript는 컴파일 시간 오류 검사를 제공합니다.
  • TypeScript는 이식 가능하며 Javascript가 실행되는 모든 환경에서 실행할 수 있습니다. VM이나 특정 런타임 환경이 필요하지 않습니다.
  • TypeScript 도구는 자동 완성, 유형 검사 및 소스 코드 문서를 제공합니다.

  • 3. Typescript 사용(환경 설정)



    TypeScript로 프로젝트를 시작하려면 TypeScript가 설치되어 있어야 하며 이는 노드 패키지 관리자인 NPM으로 가능합니다. NPM이 설치되어 있어야 하며 NodeJS를 설치하면 무료로 제공됩니다.

    NPM을 설치한 후 터미널/명령 프롬프트/Powershell에 다음 명령을 작성하여 TypeScript를 전역으로 설치합니다.

    npm install -g typescript
    


    이렇게 하면 모든 프로젝트에서 TypeScript 컴파일러를 사용할 수 있습니다.
    다음 명령을 입력하여 TypeScript가 성공적으로 설치되었는지 테스트합니다.

    tsc --version
    


    설치에 성공하면 아래와 유사한 버전 번호가 표시됩니다.

    version 4.0.2
    




    TypeScript용 Microsoft VS Code 설정

    Visual Studio Code에는 TypeScript 언어 지원이 자동으로 포함됩니다. TypeScript 컴파일러를 이미 설치했기 때문에 VSCode를 설치하기만 하면 됩니다.
  • 브라우저에서 Visual Studio Code downloads page.
  • 운영 체제에 따라 다운로드를 선택하고 다운로드가 완료되면 VSCode를 설치하십시오.

  • VSCode를 설치하는 데 문제가 있는 경우 official documentation for help.을 참조하십시오.

    좋은 웹페이지 즐겨찾기