타입스크립트 - 개념

2022. 10. 13. 04:44·공부/JS, TS

팀프로젝트를 하면서 막판에 String과 Number를 비교하느라 생긴 에러를 디버깅하는 데 2시간을 허비했다.

너무 화가 나서 이 팀프로젝트가 끝나면 반드시 타입스크립트를 공부하겠어.... 라고 결심했었고,

팀플이 끝났다!

그래서 타입스크립트를 공부하려 한다.



공부한 강의

인프런의 타입스크립트 코리아 : 기초 세미나 강의를 수강했다.

처음에는 그냥 타입스크립트 공식문서로 부딪혀볼까 했는데, 막상 펼쳐보니 꽤나 방대하고 감이 잘 오지 않아서 강의를 찾아보게 되었다.



타입스크립트

타입스크립트는 인터프리터 언어인 자바스크립트와 다르게 컴파일 언어이다. 다만 전통적인 컴파일 언어와는 다르게 비슷한 수준의 추상화를 가진 언어(자바스크립트)로 변환되기 때문에, 트랜스파일이라는 용어를 사용하기도 한다.

타입스크립트 문법으로 작성한 소스코드를 컴파일하면 자바스크립트 언어로 변환된다.



자바스크립트와의 차이

자바스크립트는 동적 타입 언어이다. 즉 자료형이 컴파일 시 정해지지 않고 런타임에 결정된다.

때문에 변수 선언 시 자료형을 명시하지 않고, 자료형 결정도 유연하다.

하지만 그렇기 때문에 타입 실수를 컴파일 타임에 잡아낼 수 없고, 실행 후 나타난 결과를 통해 찾아내야 한다.

반면 타입스크립트는 C나 Java처럼 정적 타입 언어이다. 자료형은 컴파일 타임에 결정되며, 변수 선언 시 자료형을 지정해주어야 한다.

타입스크립트에서는 타입 실수를 컴파일 시 잡아내기 때문에 디버깅에 용이하다.



참고 문서

https://www.inflearn.com/course/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%BD%94%EB%A6%AC%EC%95%84-1705-%EA%B8%B0%EC%B4%88-%EC%84%B8%EB%AF%B8%EB%82%98/unit/6800

https://ooz.co.kr/416

https://algorfati.tistory.com/112

'공부 > JS, TS' 카테고리의 다른 글

[React, JS] 리액트 컴포넌트 모듈 바깥의 js 코드는 import할 때마다 실행될까?  (1) 2024.01.14
requestAnimationFrame() 왜 쓰나요?  (0) 2023.06.14
var, const는 변수 호이스팅이 되지 않을까?  (0) 2023.06.11
'공부/JS, TS' 카테고리의 다른 글
  • [React, JS] 리액트 컴포넌트 모듈 바깥의 js 코드는 import할 때마다 실행될까?
  • requestAnimationFrame() 왜 쓰나요?
  • var, const는 변수 호이스팅이 되지 않을까?
Sadie Kim
Sadie Kim
주니어 웹 개발자입니다.
  • Sadie Kim
    Sadie의 개발일기
    Sadie Kim
  • 전체
    오늘
    어제
    • 분류 전체보기 (80)
      • 라이브러리 탐색 (2)
      • 구현기 (8)
        • 웹 프로젝트 (5)
        • 트러블 슈팅 (3)
      • 공부 (19)
        • JS, TS (4)
        • 리액트 (3)
        • HTML, CSS (2)
        • 웹 (2)
        • CS (1)
        • 알고리즘 문제풀이 (5)
        • 파이썬 (1)
        • AI (1)
        • Test (0)
      • 회고 (4)
      • 독서일지 (47)
        • 클린 코드 (47)
  • 블로그 메뉴

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

  • 공지사항

  • 인기 글

  • 태그

    클린코드
    백준
    react
    노션백업
    Spring Boot
    공부
    타입스크립트
    CSAPP
    js
    스타일 툴
    GPT
    알고리즘
    프롬프트엔지니어링
    크래프톤정글
    프로그래머스
    트러블슈팅
    웹
    회고
    미디어쿼리
    정리
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
Sadie Kim
타입스크립트 - 개념
상단으로

티스토리툴바