본문 바로가기
반응형

Typescript9

[TypeScript] Visual Studio Code와 tsconfig.json으로 TypeScript 개발하기 먼저 Visual Studio Code를 설치해야 한다. 설치 방법은 이전에 포스팅한 글에 나와 있다. 아래의 링크를 따라 가서 기본 세팅을 완료 해준다. - 참고 링크 01 TypeScript - 개념 및 환경설정 01 TypeScript - 개념 및 환경설정 1. 개념 및 환경설정 TypeScript 개념 및 환경설정에 대해 알아보자. MS와 Google이 함께 만든 TypeScript는 JavaScript를 기반으로 만들어진 언어이다. 기존의 JavaScript는 변수의 타입이 없다. TypeScript는 이.. proimaginer.tistory.com 위의 세팅이 완료 되었다면 tsconfig.json을 사용하는 방법을 알아보자. 1. tscofing.json 만들기 기본적인 json 파일 생성.. 2021. 3. 9.
08 TypeScript - module 8. module TypeScript에 추가된 module에 대해 공부해보자.module은 예시에서는 interface와 class를 사용하겠지만 function 등 객체에서는 모두 활용될 수 있는 내용이다. (1) internal module ( namespace ) 먼저 internal module은 namespace라 하며, 동일한 이름의 객체를 지정할 때 사용한다.namespace로 지정된 interface나 class는 export를 통해서 사용할 수 있으며, export를 지정하지 않으면 namespace 내에서만 쓸 수 있다. 다른 파일에 있는 namespace의 class나 interface를 가져와 쓸 수도 있다.extends, implements를 사용한다. (2) external mo.. 2018. 4. 9.
07 TypeScript - generic 7. generic TypeScript에 추가된 generic에 대해 알아보자. generic은 any와 유사하지만 조금 다른 특징을 가진다. any의 경우 데이터를 넣는대로 형변환 되서 사용되지만 generic은 초기에 데이터 타입을 정해주면 해당 타입만 쓸 수 있다. 보통 class에서 사용하는데, 데이터를 저장할 때 어떤 데이터 타입도 받을 수 있게 해주지만 특정 변수에 대해서는 타입을 지정하고자 할 때 사용한다. 예시를 보면서 이해해보도록 하자. Box 클래스는 any를 이용해서, Box2 클래스는 generic을 이용했다. 변수 box와 box3를 비교해보면 알 수 있는데 box의 경우 Date로 값을 넣어주고, 분명 data도 Date형의 변수를 받고자하지만 box가 string이면 그냥 st.. 2018. 4. 9.
06 TypeScript - Class 6. Class Class는 자바에서 중요하게 다루는 객체 중 하나이다.자바를 공부했다면 좀 더 이해가 쉬울 것 이다.자바를 몰라도 이해할 수 있으나, 자바의 클래스에 대해 공부를 하고 이 글을 본다면 더 쉽게 이해할 것이다. (1) 개념 및 기본 사용법 자바에서 클래스(class)란 객체를 정의하는 가장 큰 틀로 본다.객체를 생성할 때 class를 생성하고 안에 변수와 메소드 등을 사용해서 구성한다. 부가설명)변수는 어떤 값을 저장할 수 있는 공간이며, 메소드는 특정한 작업을 수행하는 명령문의 집합이다. 기본 사용법은 다음과 같다. Uname이라는 클래스에 username이라는 변수, constructor라는 생성자, getter, setter 메서드를 만든 예제이다.생성자는 클래스를 생성할 때 사용하.. 2018. 4. 6.
05 TypeScript - interface 5. interface TypeScript에서는 interface 기능을 제공한다. interface는 어떤 객체를 선언할 때 해당 객체가 인터페이스의 메소드들을 강제하기 위해 사용한다.이 말만 보면 이해하기가 좀 어렵겠지만 아래 예시들을 보면서 이해한다면 좀 더 나을 것이다. 기회가 된다면 자바의 interface 내용을 공부해본다면 좀 더 이해가 쉬울 것이다. p.s)interface는 클래스 개념을 안다면 좀 더 쉽게 이해할 수 있다.다음 글에서 클래스에 대한 내용을 다룰 것 이다.자바를 공부했다면 알고 있겠지만 자바에서 interface는 class에 implements 해서 많이 사용한다.그 내용은 클래스에서 다루겠다. (1) 기본 사용법사용 방법은 다음과 같다. 가장 기본적으로 JSON 형태의.. 2018. 4. 6.
04 TypeScript - union 4. union union은 한 변수에서 두 가지 이상의 타입을 사용하고 싶을 때 사용한다.| 라는 기호를 사용하면 된다. function의 리턴 타입으로도 사용할 수 있다. 2018. 4. 6.
반응형