yceffort 개발자이자, 비영리단체의 이사입니다. yceffort@gmail.com

[Angular2 + HammerJS] Swipe시 스크롤이 안되는 문제 (Scrolling disabled on Hammer.js Swipe element)

Angular2에서 swipe를 구현하기 위해 hammerJS를 사용했다. 자세한 사용법은 하단에 나와있으니 참고하면 좋다. Using HammerJS (Touch gesture) in Angular 2 근데 한가지 문제가 발견됐는데, Swipe를 사용하는 영역 위에서는 페이지 스크롤이 안될수도...

AWS에서 닷홈으로 호스팅 이전 완료

Aws의 FreeTier가 끝나가고, 트래픽이 증가해서 돈이 줄줄 새고 있는 관계로 Aws에서 옛날 부터 쓰던 닷홈으로 이동했습니다. 어려운 작업이 될 것이라 생각했는데, 생각보다 문제 없이 금방 끝나서(?) 다행입니다. 혹시 이런 작업을...

[Angular2] DOMSanitizer by Pipe

innertHTML등으로 string의 내용을 html DOM 에 바인딩 할때,  스크립트 공격 등을 방어하기 위해 Angular2는 DOMSanitizer를  제공한다. 이를 pipe형태로 간단하게 템플릿에서 사용하기 위해 아래와 같이 처리했다. import {Pipe, PipeTransform} from "@angular/...

[Angular2] RouterOutlet 의 부모 정보 가져오기

는 바로 Host 데코레이터를 사용하면 됩니다. Angular 문서보기 constructor ( @Host() private parent: ParentComponent) { } ngOnInit() { console.log(this.parent.category) } Host 데코레이터는 현재 컴포넌트에서 host를 선언한 엘리먼트가 닿을 때까지 의존성 트리를...

[Angular2, Typescript...] json결과를 Model 객체로 Serialize하기

Angular2, Typescript 와만 관련이 있다고 볼순 없지만.. 보통 api서버를 통해서 결과를 json객체로 가져돈다. 그 json객체를 typescipt에서 선언한 모델 객체로 변환하는 방법을 적어본다. 일단 이렇게  api결과가 왔고 { "id": 1, "name": "안녕"...

[Angular2] MaxLength Directive

HTML5의 maxlength는 복사 붙여넣기를 할 경우에 해당 길이를 초과할 경우 붙여넣기가 되지 않는다. (500자만큼 잘라서 넣어주지 않는다) 그래서 maxLength 디렉티브를 직접 구현해보기로 했다. input-maxlength.directive.ts import { NgModel } from '@...

[Coursera] Introduction to Data Science in Python 완료

Introduction to Data Science in Python 과정을 완료했다. 저번에 들었던 수업이 너무 별로여서 기대 반, 걱정 반이었지만 생각보다 들을만 했다. 기초 수업이라 그렇게 공부하는데 많은 노력을 들이지는 않았다. 칭찬은 뒤로하고...

[Angular2/Typescript] Fragment 받아오기

export class Sample implements OnInit { id: Observable; constructor(private route: ActivatedRoute) { } ngOnInit(): void { this.id = this.route.fragment.map(fragment => fragment) } } ActivatedRoute 값은 async하게 오기 때문에 저렇게 받아줘야 한다 이제...

Welcome to Ghost

You're live! Nice. We've put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the...

[TypeScript] 제네릭

제네릭? 함수의 타이핑과 상관없이 동일한 하나의 함수를 여러 데이터 타입으로 사용할 수 있는 것 function test ( arg: number ) : number { return arg; } test(1) // 성공 test("2") // 에러 // 가능하지만 문제가 많다....