목록코딩공부/Typescript (7)
개발세발
점진적 타입 시스템. - Gradual Type system 모든 변수에 일일이 타입을 지정할 필요가 없음 infer : 조건부 타입의 조건식이 참으로 평가될때 사용하는 키워드 https://velog.io/@from_numpy/TypeScript-infer TypeScript - infer 조건부 타입의 조건식이 참으로 평가될 때에는 infer키워드를 사용할 수 있다. 예를 들어,Element extends Element와 같은 타입을 작성하면, U타입은 number타입으로 추론(infer)된다. 이후, 참 velog.io 컴파일러의 컴파일 과정 -javascript -> AST (추상문법트리) -> 바이트 코드 ast ; 트리형태의 자료 구조 타입스크립의 경우 javascript -> AST -> t..
트랜스파일러 transpiler - 개발한 프론트엔드 애플리케이션이 브라우저의 특성과 버전에 관계없이 실행되도록 하려면 ES6코드를 ES5와 같은 이전 버전의 코드로 변환하여 배포할 수 있어햐 하는 데 이러한 기능을 제공하는 것. ex 바벨 (Babel), 타입스크립트 (tsc) npm install --save-dev @babel/cli @babel/core @babel/preset-env 전역설치 에러가 나면 sudo 붙여서 설치 바벨 트랜스파일러의 설정파일 형식 - .babelrc - babel.config.json 자바스크립트의 this this는 this에 언제 객체가 연결(바인딩)되는지를 아는 것이 중요 기본적으로 메서드나 함수가 호출될 때마다 현재 호출 중인 메서드를 보유한 객체가 this로..
npm init - package.json 생성 tsc --init 새로운 tsconfig.json 파일이 생성됨 tsc -w watch모드 ; 변경사항이 있을 시 감지 📍 compiler - vs code 에 컴파일러가 내장되어 있음 - 내장된 컴파일러 버전은 vs code가 업데이트 되면서 올라감 👉 컴파일러 버전과 vs code버전은 상관관계가 있음 - 내장된 컴파일러를 선택할 수 있고, 직접 설치한 컴파일러를 선택할 수도 있음 📍 tslint eslint의 ts버전 npm i typescript tslint tslint --init tslint.json 파일이 생성됨 📍 tsconfig 옵션 tsconfig 옵션의 정확한 스펙은 아래의 링크에서 확인할 수 있음 https://json.schemas..
자바스크립트는 동적 타입 언어(Dynamically Typed Language) : 런타임에 타입이 결정되는 언어 ➡️ 그래서 타입이 에러인 코드를 써놔도 이것을 실행을 시켜야만 그 에러를 발견해낼 수 있음 타입체크(Type Checking) 가 강력한 언어는 컴파일 과정에서 타입에러가 발견됨 타입스크립트 기본적으로 자바스크립로 컴파일 되는 언어 : 자바스크립트에 타입 정의만 얹어 놓은 언어 * js 환경에서 사용하기 npm install --save-dev typescript * 자바스크립트에서 typescript 분석 사용하기 @ts-check를 파일의 시작부분에 추가하면 됨! (상단 주석부분에 작성하면 됨. 2번째 줄 뭐 이렇게 작성해도 인식을 하지만 한줄이라도 @ts-check위에 코드가 적혀있다..