Language/Typescript

자바스크립트의 슈퍼셋 자바스크립트를 기반으로 하는 프로그래밍 언어이다. 자바스크립트 언어를 사용해 새로운 기능과 장점을 추가하는 언어로 코드를 더 쉽고 강력하게 작성할 수 있게 해준다. 한가지 큰 단점이 있는데, 타입스크립트는 브라우저와 같은 자바스크립트 환경에서 실행할 수 없다. 그래서 브라우저는 타입스크립트를 실행할 수 없다. nodejs도 타입스크립트 실행 불가능 자바스크립트의 더 나은 버전인데 왜 실행 불가능할까? 타입스크립트는 프로그래밍 언어이며 도구이다. 즉, 코드를 실행해서 타입스크립트 코드를 자바스크립트로 컴파일하는 강력한 컴파일러다. 코드와 타입스크립트를 작성하여 결과적으로 얻게되는 것은 자바스크립트 새로운 기능과 장점을 모두 갖춘 타입스크립트 코드를 작성하여 일반적인 자바스크립트 코드를..

Javascript를 Typescript 전환하는 방법 비주얼 스튜디오 코드(VSCode)로 자바스크립트 페어링 자바스크립트용 타입스크립트 컴파일러 사용 자바스크립트 파일을 타입스크립트 파일로 변환 엄격한 타입 체크 Compilation Context 기본적으로 TypeScript 가 어떤 것이 유효하고 어떤 것이 유효하지 않은지 결정하기 위한 용어 컴파일 컨텍스트에는 어떤 파일에 대한 정보와 함께 어떤 컴파일러 옵션을 사용하는지에 대한 정보가 포함 Typescript 컴파일 tsconfig.json 명령어를 매번 입력하지 않고 컴파일 설정 파일 생성하여 사용 TypeScript 프로젝트의 루트 디렉토리(Root Directory)에 위치 tsconfig.json을 사용할 경우 인풋 파일이 없는 tsc ..

Typescript 환경 세팅 Node.js가 설치되어 있어야 함 npm을 통해 필요한 모듈 설치 및 관리 가능 # 글로벌 설치 # npm install --global typescript $ npm i -g typescript # 로컬 설치 # npm install --save-dev typescript $ npm i -D typescript 글로벌(global), 로컬(local) 설치 권장 방법은 로컬 설치, 다수의 프로젝트에서 TypeScript 사용이 요구될 경우는 편의상 글로벌 설치 yarn을 사용할 경우 # 글로벌 설치 $ yarn global add typescript # 로컬 설치 $ yarn add typescript --dev Node.js 런타임 환경에서 Typescript를 사용해..

Typescript 란? 정적 타입의 컴파일 언어이며 코드 작성 시 타입을 체크해 오류를 확인하는 자바스크립트의 슈퍼셋 Typescript 특징 자바스크립트의 슈퍼셋(Superset) 자바스크립트 기본 문법에 타입스크립트의 문법을 추가한 언어 코드 작성 타입스크립트 언어의 문법에 맞춰 작성된 소스코드를 자바스크립트 런타임 환경에서 실행가능한 코드로 변환 코드 작성시 매번 type 결정해야해서 코드량이 많고 컴파일 속도가 느림 ES6 문법 적용, 객체지향 프로그래밍 패턴 제공 전통적인 컴파일 언어와 다름 더보기 전통적인 컴파일러 언어? C, C++, Go, C#, Java, ...등 프로그래머가 작성한 소스코드를 기계어로 변환하는 과정을 'Compile'이라고 한다. 컴파일된 코드들은 ' Linking '..