타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부릅니다.
타입스크립트 장점
- 에러의 사전방지 - 코드 가이드 및 자동완성 (개발 생산성 향상)
타입스크립트 사용을 고려해야 하는 이유 타입스크립트는 코드에 목적을 명시하고 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 사전에 제거합니다. 또한 코드 자동완성이나 실행 전 피드백을 제공하여 작업과 동시에 디버깅이 가능해 생산성을 높일 수 있습니다.
TypeScript는 정적 타입을 지원하므로 컴파일 단계에서 오류를 포착할 수 있는 장점이 생긴다
// sample.ts
// 아래처럼 타입을 정의해주어 코드상에서 정해준 타입이 아니였을때 에러로 간주하여 알려줌. (사전방지)
fuction add(a: number, b: number): number {
return a + b;
}
//add(10, 20);
// 두번째 '20'은 숫자가 아니기때문에 코드상에서 에러로 미리 간주하여 알려줌
add(10, '20');
The GreenSock Animation Platform(줄여서GSAP)는 프론트엔드 개발자와 디자이너들이 쉽게 사용할 수 있는 아주 강력한 타임라인기반의 애니메이션 자바스크립트 라이브러리 입니다. 이 GSAP는 애니메이션 시퀀스에 관련해서 CSS의keyframe과animation보다 더 정밀한 컨트롤을 할 수 있어요.
또한 이 라이브러리의 가장 큰 장점은 가볍고 쉬운 사용방법입니다.
GSAP를 사용하면 Javascript에 대한 지식이 뛰어나지 않아도 애니메이션 제작을 할 수 있어요! 이 가이드에서는GSAP의TweenMax기능의 설정 및 사용하는 방법에 대해 알아 볼 것입니다.