본문 바로가기
[Angular2.0] ng-bind-html 사용하기 import {Component} from 'angular2/core' @Component({ selector: 'my-app', template: ` ` }) export class App { constructor() { this.value = 'hello world' } } AngularJS 1.x 버전대의 ng-bind-html 기능을 2.0에서 사용하고자 할 때는, 프로퍼티 바인딩 기능을 이용해 단순히 innerHtml 프로퍼티에 값을 바인딩하는것으로 해결할 수 있다. 더보기
[Ionic2] 스크롤 가능한 이미지가 있는 카드 만들기 ionic 2.0 에서 카드와 스크롤러를 조합하면 이미지가 스크롤되는 카드를 쉽게 만들 수 있다. 이미지의 크기가 서로 다를 수 있음에 주의해야 하며, 코드에서는 ion-slide 태그에 height:auto 속성을 주어서 작은 이미지는 수직으로 중앙에 위치하도록 설정하였다. 첫번째 사진은 height:auto가 설정된 이미지 두번째는 설정하지 않았을 때 세번째는 풀사이즈 A card which contains scrollable image container. You can scroll images left or right. 더보기
[Lumberyard] What is Cloud Canvas? What is Cloud Canvas? Cloud Canvas 기능은 엔지니어 혹은 테크니컬 디자이너들이 커뮤니티 뉴스피드, 일일접속 보상, 서버 사이드 전투 계산 등의 작업을 만들고자 할 때, 서버측의 백엔드 지식 없이도 비쥬얼 스크립팅을 통해서 이를 가능할 수 있도록 도와줍니다. Cloud Canvas와 Lumberyard Flow Graph를 이용하면 게임에서 바로 AWS 서비스(DynamoDB, Lambda, S3, Cognito, SNS, SQS)에 접근하는것이 가능합니다. 이 기능에 대한 데모는 Lumberyard 기본 샘플 중 하나인 "Don't Die" 게임에 포함되어있으며, 이 샘플 게임에서는 일반적인 온라인 기능들(선물, 리더보드, 인게임 메세지 등등)을 어떻게 만들어야 하는지에 대한 .. 더보기

티스토리툴바