방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com typescript14 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 인터페이스 타입스크립트에서 인터페이스는 다른 언어처럼 머리만 존재하는, 즉 형식만 존재하는 구조체 이다. 인터페이스를 상속받아서 자료형을 만들수도 있고, 클래스로 상속 받을 수도 있다. 아래코드는 인터페이스를 구현한 뒤 해당 인터페이스를 자료형으로 구현한 모습이다. interface Person { head:string, hand:string, body:string, method: ()=>void } const man : Person = { head:'a', //다른 자료형태가 들어오게 되면 당현히 컴파일 오류가 난다. hand:'b', body:'c', method: () : void =>{console.log('method working');} } console.log(man.head); console.log(.. 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 배열 배열의 기능은 자바스크립트와 동일하다. 변수에 형태를 써주는 것 뿐 대부분 사용되는 문법, 종류, 함수 등 거의 동일한 구조로 되어 있다. var nums : number[] = [1, 2, 3, 4, 5]; for (var i = 0; i < nums.length; i++) { //일반적인 반복문 console.log(nums[i]); } nums.push(6); nums.forEach(function(val){ //foreach console.log(val); }); nums[0] = 0; for(var j in nums){ //in 형태 console.log(nums[j]); } ... 나중에 클래스를 조금 더 살펴봐야하지만 타입스크립트에서는 자바처럼 제네릭을 활용하여 자료형을 맞추어주면 배열이던지.. 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. 이전 1 2 3 다음
