개발공부 임고미

[TypeScript] 알고쓰자 TypeScript! [1] 본문

프론트엔드

[TypeScript] 알고쓰자 TypeScript! [1]

임고미 2022. 6. 17. 12:02
728x90
300x250

목차

0. 들어가며
1.  고쓰자 TypeScript :  타스인가 ?
2. 타입의 종류

결론부터 얘기하자면, 다음과 같다.

왜! TypeScript?

1 강력한 객체지향 프로그래밍이 가능하다.

2 모듈성 있는 코드 개발하기에 좋다. (재사용 가능)

3 기존코드 문제해결이 쉽다. 유지보수하기 수월하다.

4 타입을 정해주므로써 문서화효과를 기대할 수 있다. (가독성이 높다)

5 정적 타입언어로써 개발 단계(컴파일 단계)에서 이슈를 잡아낼 수 있다.

6 모든 브라우저에서 호환 가능하도록 만들 수 있다.


1 강력한 객체지향 프로그래밍이 가능하다.

JS도 class를 이용해 객체지향 프로그래밍이 가능하긴하지만, TS를 이용하게되면 interface, Class등을 이용해서 좀 더 객체지향적 프로그래밍이 가능하다.

4 타입을 정해주므로써 문서화효과를 기대할 수 있다. (가독성이 높다)

type User = {
    name: string,
    age: numnber;
}

const user = (name: string, age: number):User {
	return { name , age }
}

타입을 선언함으로써, 어떤값이 들어오는지 협업 개발자들이 봐도 알기 쉽다.

5 정적 타입언어로써 개발 단계(컴파일 단계)에서 이슈를 잡아낼 수 있다.

자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있습니다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 자바스크립트 코드로 변환됩니다. 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있습니다. 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 오래 걸린다는 단점이 있습니다.

6 모든 브라우저에서 호환 가능하도록 만들 수 있다. (자바스크립트가 동작하는 곳이면 어디든가능 -> client-side, server-side)

타입스크립트는 자바스크립트와 100% 호환됩니다. 따라서 프론트엔드 또는 백엔드 어디든 자바스크립트를 사용할 수 있는 곳이라면 타입스크립트도 쓸 수 있습니다. 타입스크립트는 앱과 웹을 구현하는 자바스크립트와 동일한 용도로 사용 가능하며 서버 단에서 개발이 이루어지는 복잡한 대형 프로젝트에서도 빛을 발합니다.

참고 : 링크 1

728x90
300x250
Comments