본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


TypeScript15

#3. 타입스크립트 임포트, 익스포트(Typescript import export) 타입스크립트에서의 import 기능과 export 기능은 Javascript에서의 기능과 거의 비슷 합니다. 먼저 외부로 보내고자 하는 기능은 아래처럼 export 명령어를 통해 가능 합니다. function select(calback?: Function) { } function insert(param: DBform, calback?: Function) { } function update(param: DBform, calback?: Function) { } function remove(param: DBform, calback?: Function) { } export { select, insert, update, remove}; 이러한 함수가 존재한다고 가정하여 봅니다. export 명령어에 외부에서 사용.. 2022. 5. 30.
#2. 타입스크립트 제네릭, 타입(Typescript generics, type) 타입스크립트(Typescript) 공부를 처음부터 다시 하면서 개념과 원리를 정리하고 있습니다. 타입스크립트(typescript)에서의 꽃은 제네릭과 타입 입니다. 제네릭은(generic) 자바(Java)라는 프로그래밍언어를 많이 접해본 사람 이라면 쉽게 다가갈 수 있는 영역 입니다. 데이터의 자료형을 지정해 주는 방법으로 지정된 이외의 다른 데이터가 들어가지 못하게 할 수 있습니다. 1. 제네릭(generic) let array = [] //오직 숫자만 들어가야되는 배열이라 가정 합니다. array.push(123) //정상적인 입력1 array.push(456) //정상적인 입력2 array.push('hello') //어...이건 들어가면 안되는데...; 위 내용처럼 어떠한 숫자형식의 데이터만 필요.. 2022. 5. 19.
#1. 타입스크립트 믹스인(Typescript mixin) 타입스크립트(Typescript) 공부를 처음부터 다시 하면서 개념과 원리를 정리하고 있습니다. 타입스크립트(Typescript)에서의 클래스는 자바스크립트처럼 상속기능을 제공 합니다. 클래스, 인터페이스, 추상클래스 등을 상속을 받아서 기존에 정의된 함수 및 변수등을 사용 할 수 있습니다. 그러나 타입스크립트에서 인터페이스(interface)를 제외한 나머지 클래스(class), 추상클래스(abstract class)는 extends 라는 명령어를 통해서 단 한번만 상속이 가능 합니다. 자바처럼 다중상속을 제한하기 때문에 이를 해결하기 위해서는 인터페이스(interface)를 통해 여러개의 대상을 상속받는(implements)을 수 있으나 인터페이스 특성 상 머리만 존재하고 내용이 없기 때문에 상속받은.. 2022. 5. 18.
타입스크립트 데코레이터(Typescript Decorator) 타입스크립트를 활용하여 만나보는 데코레이터(Decorator) 입니다. 앵귤러(Angular)를 활용하여 개발을 하다 보면 자주 만나는 기능이라 사실 앵귤러 환경에서만 지원되는 기능이라 생각 했었는데 타입스크립트에서 지원하는 기능인 줄 몰랐었습니다. 이래서 사람은 역시 공부를 깊게 해야되는가 봅니다.. * 기본적인 타입스크립트 개발환경을 알아야 합니다. 데코레이터는 자바의 에노테이션과 비슷한 느낌이 드는 기능으로, 데코레이터가 붙은 클래스, 메소드(함수) 및 변수 등에 데코레이터에서 정의된 기능이 동작하는 것을 의미 합니다. 아래 클래스 형태의 데코레이터가 적용 된 타입스크립트 코드를 살펴 보겠습니다. * 클래스에 적용하기, 파일 이름 : index.ts function whoAmI(target : Fu.. 2021. 7. 5.
파셀 환경에서의 타입스크립트 적용(parcel with typescript) 파셀환경에서의 타입스크립트를 적용하는 방법입니다. 프로젝트에서 파셀과 타입스크립트 환경은 미리 준비가 되어 있어야 합니다. 이번 내용은 오픈레이어스를(Openlayers) 타입스크립트 환경에서 개발한 내용입니다. 먼저 package.json 내용 입니다. { "name": "open_layers", "version": "1.0.0", "description": "Open layers test project", "main": "index.js", "scripts": { "start": "parcel index.html --global gisMap ", "build": "parcel build --public-url . index.html --global gisMap " }, "author": "", "li.. 2020. 12. 21.
Typescript init, ES5 & ES6 그리고 상태변경 타입스크립트로 작업하다보면 간혹 만날 수 있는 오류가 있는데..바로 ES6, ES5관련된 오류이다. 해당오류는 여러 라이브러리를 받아서 사용하다보면 해당 라이브러라기 ES6기준으로 만들어져있어서 타입스크립트의 기본 컴파일 스타일인 ES5로 컴파일 할 때 발생하는 오류이다. Rxjs 모듈을 다운받아서 사용할 때 간간히 만나는 오류이다.. 구글링을 열심히 하다보면 타입스크립트가..아직 인기가 없어서인지 한글로된 자료는 거의 없는데다가..외국에서의 자료조차도 전문용어로 쓰여있어서 찾기 힘든데.. 아무튼 해당오류를 해결하기 위해서는 타입스크립트의 config파일이 필요하다. 해당 파일은 앵귤러js같은경우에 프로젝트를 생성하면 자동으로 만들어주는데, 앵귤러가 아닌 일반 프로젝트에서는 init이라는 명령어로 쉽게 .. 2019. 4. 26.