타입스크립트_01 타입스크립트란 ?

2023. 6. 6. 13:08·TypeScript

타입스크립트란?

자바스크립트에 타입을 부여한 언어이며 정적타입 언어이다.

자바스크립트의 확장된 언어라고 할 수 있다. 타입스크립트는 브라우저에서 실행하려면

트랜스컴파일링을 통해서 자바스크립트로 변환해야지만 브라우저에서 실행이 가능해진다.

이 변환 과정을 컴파일 이라고 부른다

 

타입스크립트를 왜 사용하느지

  1. 오류를 잡아내기 쉬워진다.
    자바스크립트 (동적언어) : 실행되는 시점(런타임)에 타입 결정 / 오류 발견
    타입스크립트 (정적언어) : 컴파일 타입에 타입 결정 / 오류 발견 

  2. 코드 자동 완성
    타입스크립트는 변수와 함수의 타입 정보를 활용하여 개발 도구에서 
    자동 완성 기능을 제공한다. 이를 통해 개발자가 올바른 타입의 메소드를 
    사용할 수 있게 도움을 준다

  3. 협업
    타입스크립트는 코드에 타입을 추가하므로, 코드의 의도를 명확하게 전달 할 수 있다.
    이는 코드의 가독성을 향상시키고 다른 개발자가 코드를 이해하고 흐름을 파악하는 도움이되며
    유지보수하기 쉽게 만들어준다

참고 문서와 블로그, 영상들

 

 

  • https://joshua1988.github.io/ts/why-ts.html
  • https://github.com/Seogun95/TypeScript_prac/blob/main/docs/01.%20%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%9E%80%3F.md#4-%ED%83%80%EC%8A%A4-%EA%B3%B5%EB%B6%80-%EB%B0%A9%EB%B2%95
  • https://www.youtube.com/watch?v=5oGAkQsGWkc&list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0&index=1

 

 

'TypeScript' 카테고리의 다른 글

React + TypeScript 환경에서 Styled-components를 활용한 다양한 스타일의 버튼 컴포넌트 만들기  (0) 2023.07.27
타입스크립트_02 기본타입  (0) 2023.06.06
'TypeScript' 카테고리의 다른 글
  • React + TypeScript 환경에서 Styled-components를 활용한 다양한 스타일의 버튼 컴포넌트 만들기
  • 타입스크립트_02 기본타입
jihun_BS
jihun_BS
  • jihun_BS
    Harry 개발블로그
    jihun_BS
  • 전체
    오늘
    어제
    • 분류 전체보기 (507)
      • React Native (2)
      • React (7)
      • 알고리즘 (37)
      • JavaScript (11)
      • 항해99 (12)
        • 항해 WIL (13)
      • TIL (405)
      • TypeScript (3)
      • 트러블 슈팅 (5)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    다양한 스타일의 버튼 컴포넌트
    잔디 기부 캠페인
    typescript 환경에서 다양한 버튼 컴포넌트
    react-native-dropdown-picker 오류
    n의 배수
    잔디 기부
    n의 배수 자바스크립트
    Received true` for a non-boolean attribute`mode`Warning
    pxemrem차이
    자바스크립트
    pxemrem
    virtualizedlists should never be nested inside plain scrollviews with the same orientation because it can break windowing and other functionality - use another virtualizedlist-backed container instead. [component stack]
    til
    React-hook-form 등록 버튼 활성화
    vite 환경에서 svg 컴포넌트
    프로그래머스
    항해99
    vite svg
    react-native-dropdown-picker
    React-hook-form watch
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
jihun_BS
타입스크립트_01 타입스크립트란 ?
상단으로

티스토리툴바