FrontEnd/TypeScript21 Type Script 정리 - 1. 타입스크립트 시작하기 본 글의 모든 내용은 https://goalkicker.com/ 에서 다운로드한 TypeScript Notes For Professionals 를 번역한 내용입니다. 본 글으 목적은 본인의 학습 및 참고자료로 사용하기 위함입니다. 1. 타입스크립트 시작하기 1-1. 설치 및 설정 배경 타입스크립트는 자바스크립트 코드로 바로 컴파일하여 사용하기위한 자바스크립트의 형식화된 스크립트 코드이다. 타입스크립트는 .ts 확장자를 사용한다. 많은 IDE가 특별한 설치 없이 타입스크립트를 지원하지만, command line 에서도 Node.JS의 Typescript 패키지를 활용하여 컴파일 할 수 있다. TypeScript를 지원하는 IDE Visual Studio Visual Studio Code WebStorm I.. 2020. 4. 5. TS 변수의 기본형과 변수 선언 1. 개요 Angular를 하기 전에 Angular에서 사용하는 TS 에 대한 정리가 먼저 필요할 것이다. 무턱대고 시작한 Angular는 개발시간을 오래 걸리게 하고, 디버깅에 혼선만 주기 시작했다. 기본적으로 TS를 사용하는 프레임워크이기 때문에 TS를 알아보도록 한다. 2. JS ES5와 ES6의 차이 ES5와 ES6에서 변수 선언 방식은 각각 다음과 같다 var a = 10; // ES 5 let a = 10; // ES 6 변수 선언 방식과 변수의 타입 지정 등 여러가지가 바뀌었다. 하지만 여전히 ES5의 선언방식을 ES6에서 사용할 수 있다. 주의사항은, 이 둘을 혼용했을 때, 디버깅을 어렵게 할 수 있다는 점이다. var로 선언한 변수는 다른 코드블럭에서도 접근이 가능하기 때문에, 변수가 꼬.. 2020. 3. 30. 요즘 대세(?) TypeScript에 대해서 1. 자바스크립트의 한계 과거 웹페이지의 보조적인 기능을 수행하기 위해 한정적인 용도로 만들어진 태생적 한계로 좋은 점도, 나쁜 점도 많다. 1-1. 자바스크립트의 특성 Prototype-based Object Oriented Language Scope와 this 동적 타입(dynamic typed) 언어 혹은 느슨한 타입(loosely typed) 언어 2. 타입스크립트란 무엇인가. TypeScript 또한 자바스크립트 대체 언어의 하나로써 자바스크립트(ES5)의 Superset(상위확장)이다. C#의 창시자인 덴마크 출신 소프트웨어 엔지니어 Anders Hejlsberg(아네르스 하일스베르)가 개발을 주도한 TypeScript는 Microsoft에서 2012년 발표한 오픈소스로, 정적 타이핑을 지원하.. 2019. 7. 9. 이전 1 2 3 다음 반응형