방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 타입스크립트12 Typescript 제네릭 그리고 any 타입스크립트에서는 자바처럼 제네릭을 지원한다. 제네릭은 어떠한 데이터를 사용할지, 즉 적용할 데이터 형태를 사용자가 결정 해 주는 기능이다. 자바랑 같은 개념이다. 이와 더불어 any라는 자료형이 존재한다. any는 모든 것을 허용한다는 뜻으로 어떠한 데이터가 들어오던지 간에 상관없이 적용시켜주는 기능이다. 이러한 any 와 제네릭의 차이는 작업을 하는 경우에는 큰 차이를 느끼지 못하지만 작업이 끝나고 실제로 동작시키는 경우 확연하게 차이를 볼 수 있다. 아래는 any로 만든 변수이다. var value : any = 1; value = '1'; value = true; value = [1,2,3]; value에는 어떠한 값이 들어오던지 간에 상관없이 전부 적용시켜준다. 아래코드를 살펴보자. clas.. 2019. 4. 26. Typescript 클래스 클래스는 함수, 자료형을 모아두는 일종의 집합체 이다. 클래스를 통해서 복잡한 기능을 구분하고 정리가 가능하다. 클래스를 통해 기능을 분리하여 구현하는 것이 타입스크립트에서의 가장 중요한 핵심이라 생각 한다. class Abcd{ private hide : string = 'can not access'; //접근제어자 private는 클래스 내부에서만 사용 가능 하다. public show : string; constructor(arg : string){ //생성자 this.show = arg; } print() : void{ console.log(`hide value : ${this.hide}, show value : ${this.show}`); } } const cls = new Abcd('init'.. 2019. 4. 26. Typescript 유니언(Union) 자료형을 선언하는 경우 n개의 형식을 갖기 위해서는 union을 사용하면된다. var val:string|number|boolean; //union타입 선언, 파이프(|)를 통해 이어나갈 수 있다. val = 1004; console.log(val, typeof val); val = "text"; console.log(val, typeof val); val = true; console.log(val, typeof val); 만약 선언된 자료형에 다른값이 대입되면 컴파일 오류가 난다. var val:string|number; //자료형은 숫자, 문자 val = 1004; console.log(val, typeof val); val = "text"; console.log(val, typeof val); va.. 2019. 4. 26. Typescript 함수 일반적인 함수의 형태는 자바스크립트와 다르지가 않다. function method(a : number, b : string) : void { //리턴된 형태는 void 이다. console.log(`first : ${a} second : ${b}`); } method(123, "Hi"); 타입스크립트에서는 변수를 받을 때 물음표를 변수 옆에 붙여서 사용하여 변수 자체를 옵션처럼 받을수 있게 해 준다. function method2(a : number, b? : string) { console.log(`first : ${a} second : ${b}`); } method2(123); //두번째 Param이 없지만 옵션 형태 이므로(Optional) undefined가 출력 Java처럼 파라미터를 Rest형.. 2019. 4. 26. Typescript 자료형 타입스크립트의 자료형은 6가지로 크게 구분되어진다. - number : 숫자 - string : 문자 - boolean : 논리 - void : 함수에서의 반환없음 - null : 값 없음 - undefined : 선언되지 않음 사용법은 "var 변수명 : 자료형 = 데이터" 로 표현한다. Swift랑 비슷한 느낌이다. void, null, undefined는 자료형으로 선언은 할 수 없지만 값으로는 존재한다. 아래코드를 살펴보자. var text : string = 'hello world'; console.log(text); var num : number = 1234; console.log(num); var bool : boolean = false; console.log(bool); var meth.. 2019. 4. 25. TypeScript 시작 Javascript 문법이 강력해지고 규모가 커지면서 코드의 관리가 중요해졌다. 자바스크립트는 객체지향 언어의 개념보다는 동적타입언어, 느슨한타입 언어로써 코드량이 많아짐에 따라 규모가 큰 프로젝트에서는 관리하기가 매우 어렵다. 이를 극복하기위해 타입스크립트가 등장하게 되었고, 타입스크립트는 자바스크립트를 조금 더 관리하기 편하게 객체지향적인 관점에서 작업 할 수 있게 도와준다. TypeScript는 ES5의 Superset이므로 기존의 자바스크립트(ES5) 문법을 그대로 사용할 수 있다. 또한, ES6의 새로운 기능들을 사용하기 위해 Babel과 같은 별도 트랜스파일러(Transpiler)를 사용하지 않아도 ES6의 새로운 기능을 기존의 자바스크립트 엔진(현재의 브라우저 또는 Node.js)에서 실행할.. 2019. 4. 25. 이전 1 2 다음
