타입스크립트(Typescript)

어떻게 하면 동적인 웹사이트를 만들수 있을까?DOM 요소들을 조작하면서 다이나믹한 동적인 웹 사이트를 어떻게 만들 수 있을까 고민끝에 Scripting 언어를 추가하자 생각하게됨브랜든 아이크(Brendan Eich)10일만에 브랜든은 짧은 시간안에 프로토타입을 베이스로

npm install -g typescript

// 변수 foo는 string 타입이다.let foo: string = 'hello'; 명시적으로 선언(Type declaration)하여야 하며 선언한 타입에 맞는 값을 할당해야 한다. 이를 정적 타이핑(Static Typing)이라 한다. 자바스크립트는 동적 타입

위 alice와 bob은 결과가 같아 보이지만 다르다.alice: Person은 변수에 '타입 선언'을 붙여서 그 값이 선언된 타입임을 명시한다.bob은 as Person인 '타입 단언'을 수행함. 그러면 타입스크립트가 추론한 타입이 있더라도 Person 타입으로 간주

Type aliases(type)와 Interfaces(interface)는 굉장히 비슷하고, 많은 경우에 자유롭게 선택해서 사용할 수 있다. interface의 거의 모든 기능을 type에서도 사용할 수 있지만, 가장 구별되는 점은 type은 새 프로퍼티를 추가하기

function sum(a, b) { return a + b;}문제가 되는 부분sum('x', 'y'); // 'xy'타입이 지정되지 않으므로써, 의도하지 않은 코드를 양산할수 있다.하지만 타입스크립트는 정적 타입을 사용하며 컴파일 단계에서 오류를 포착한다.funct

public, protected, private 는 클래스기반 언어들에는 익숙합니다. 타입스크립트에서도 동일하게 이용가능합니다.public : 디폴트값, 어디에서나 접근가능.protected : 상속받은 하위클래스만 접근가능.private : 선언한 클래스 내에서만 접

환경 구축 ( Vue-CLI) 기반In package.json을 선택하면 eslint의 .eslintrc.js 파일의 내용이 package.json 파일에 들어감vue 시작 shims-vue.d.ts 파일다른 프로젝트에서 보지 못했던 shims-vue.d.ts 파일이