[TypeScript] 타입스크립트의 특징과 기본타입

황수콩·2023년 10월 24일
0
post-thumbnail

2주차 TypeScript Study 에서는 타입스크립트란 무엇인지기본타입에 대해 배웠습니다.
스터디를 통해 이해한 내용들을 간단히 정리하면서 추가로 궁금한 내용들을 정리한 글 입니다

🥚 타입스크립트란?

자바스크립트를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어

🤷🏻 타입스크립트를 쓰는 이유

  1. 에러 방지

    코드 작성 단계에서 타입을 체크하여 오류 예방이 가능하여 디버깅 시간 단축, 코드 유지 보수성 상승

  2. 실행 속도

    미리 타입을 결정하기 때문에 실행 속도가 매우 빠름

  3. 유지보수성 & 협업용이성

    변수와 함수들에 어떤 타입이 어떻게 들어가야 하는지(어떤 타입의 값을 리턴해야 하는지) 파악 가능

  4. 자동완성

    편집기와의 호환을 통해 개발의 편리성을 높여주고 정확하게 코드를 작성 가능

    🔍 근데 다른 언어들도 다 자동완성기능이 있는데?
    https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1568917735/noticon/aeui5qns4zczje6eejpc.png
    Visual Studio Code는 툴의 내부가 타입스크립트로 작성되어 있어 타입스크립트 개발에 최적화 되어 있습니다.

    💡 즉, VSCode의 기능을 최대로 확용할 수 있다는 것이구나 !!

🪄 타입 지정 방법

변수 뒤에 : 을 붙이고 그 뒤에 타입 이름 을 추가

const ts :string = 'typescript'; // (JS) const ts = 'typescript'

🔌 기본 타입

  1. string : 문자열
  2. number : 숫자
  3. boolean : true/false
  4. object : 객체
  5. Array : 배열
  6. tuple : 정해진 타입의 고정된 길이배열
  7. enum : 특정 값의 집합
  8. void : 결과 값을 반환하지 않는 함수에 설정
  9. null : 빈 값
  10. undefined : 값이 없는
  11. any : 아무거나
  12. Never : 절대 발생하지 않을 값
profile
@binllionaire

7개의 댓글

comment-user-thumbnail
2023년 10월 24일

정말 유익한 글이네요!

답글 달기
comment-user-thumbnail
2023년 10월 25일

VSCode의 툴 내부가 Typescript로 되어 있다는 사실은 처음 알았네요 !!! 유익한 정보 감사합니다.
앞으로 많은 장점을 가지고 있는 Typescript를 사용하며 유용하게 활용했으면 좋겠네요!

VSCode에서의 Typescript만의 장점들도 더 찾아봐야겠다는 생각을 했어요 !

https://code.visualstudio.com/docs/languages/typescript
여기에 해당 내용이 나와있네요 !!

답글 달기
comment-user-thumbnail
2023년 10월 25일

마자요! VSCode를 만든 회사 === TS만든 회사 (MS) 다 보니까, 타스 자동완성을 VSCode에서 할 때 부족하다는 느낌을 받진 않았습니다!

그러면 무엇을 기준으로 자동완성이 될까요?
바루,,
tsconfig.json 을 기준으로 인데요!

https://jake-seo-dev.tistory.com/206
여기 tsconfig.json과 관련된 아티클을 던져 놓구 갑니다!

2개의 답글
comment-user-thumbnail
2023년 10월 25일

Visual Studio Code는 툴의 내부가 타입스크립트로 작성되어 있어 타입스크립트 개발에 최적화 되어 있습니다.
이 부분 !! 세미나에서도 들었던 것 같은데 잊고 있다가 글 읽으면서 다시 상기시켰네욤 😮 흐흐

답글 달기
comment-user-thumbnail
2023년 10월 26일

타입스크립트를 써야하는 이유를 더 명확하게 알 수 있었어요!! 👍🏻👍🏻

답글 달기