Web (104) 썸네일형 리스트형 [Ionic] Components Alerts alerts.html Alerts Show Basic Alert Show Prompt Alert Show Radio Alert alerts.ts import { Component } from '@angular/core'; import { AlertController } from 'ionic-angular'; @Component({ templateUrl: 'alerts.html' }) export class AlertsPage { constructor(public alertCtrl: AlertController) { } showBasicAlert() { let alert = this.alertCtrl.create({ title: 'Basic Alert!', subTitle: 'This is an ui co.. [Ionic] Components Action Sheets action-sheet.html Action Sheet Page Show Action Sheet action-sheet.ts import { Component } from '@angular/core'; import { ActionSheetController } from 'ionic-angular'; @Component({ templateUrl: 'action-sheet.html' }) export class ActionSheetPage { constructor(public actionSheetCtrl: ActionSheetController) { } presentActionSheet() { let actionSheet = this.actionSheetCtrl.create({ title: 'action s.. Object.assign() Object를 할당하면 프로퍼티가 연동 됨 한 쪽의 프로퍼티 값을 바꾸면 다른 곳도 바뀜 연동되지 않게 하려면 별도 처리 필요 Object.assign()으로 복사, 연동 방지 Object.assign(target, ...sources) 객체 복제하기 var obj = { a: 1 }; var copy = Object.assign({}, obj); console.log(copy); // { a: 1 } 객체 병합하기 var o1 = { a: 1 }; var o2 = { b: 2 }; var o3 = { c: 3 }; var obj = Object.assign(o1, o2, o3); console.log(obj); // { a: 1, b: 2, c: 3 } console.log(o1); // { a: 1,.. 티스토리 Highlight.js 적용하기 1. Highlight.js 설치 https://highlightjs.org/ 2. HTML/CSS 편집 3. Highlight.js 사용법 편집기 HTML 모드 사용 ... [ES6] getter / setter Descriptor var obj = {}; Object.defineProperty(obj, "book", { value : 123, enumerable: true }); ES5 getter var obj = {}; Object.defineProperty(obj, "book", { get: function(){ return "책"; } }); ES6 getter var obj = { value: 123, get getTotal(){ return this.value; } } ES6 setter var obj = { set setTotal(value){ this.total = value; } } obj.setTotal = 123; [ES6] for-of 이터러블 오브젝트를 반복 처리 for (let value of [1,2,3]) { console.log(value); } Object열거 Object를 for-of로 사용 Object.keys() // 객체의 모든 속성을 콘솔에 출력합니다 for (var key of Object.keys(someObject)) { console.log(key + ": " + someObject[key]); } [ES6] Operation 변수와 문자열 조합 var param = 'size'; var config = { [param]: 12 }; 변수 이름을 [] 안에 작성 프로퍼티 이름으로 사용 프로퍼티 이름 조합과 디스트럭처링 let one = "sports"; let {[one]: value} = {sports: "농구"}; default value function multiply(a, b = 1) { return a * b; } console.log(multiply(5, 2)); // 10 console.log(multiply(5, 1)); // 5 console.log(multiply(5)); // 5 함수의 파라미터에 디폴트 값 할당 [ES6] Destructuring Array 분할 할당 let one, two, three; [one, two, three] = [1, 2, 3]; object 분할 할당 let {one, two} = {one: 10, two: 20}; 파라미터 분할 할당 이전 1 2 3 4 5 6 7 8 ··· 13 다음
