Category: Tech

0

Angular4 구글은 어떻게 성능 개선을 했나?

Angular4 구글은 어떻게 성능 개선을 했나? Angular 2.x 대비 Angular 4.x에서 바뀐점을 살펴보고,구글은 어떻게 성능 개선을 했는지에 대해 방법론적으로 살펴본다. 이 발표자료는 구글에서 공유한 ViewEngine Design 문서와Angular4 릴리즈 소식을 전하는 Blog 내용을 참고하여 작성하였습니다. 자료 : https://s

0

Sinon으로 JSONP 테스트하기

예전 JavaScript 테스트 라는 글을 쓴적이 있는데, 그때 더 살펴봐야겠다라고 생각한 라이브러리가 Sinon.js이다. 최근에는 Jasmine 테스트 프레임워크가 괜찮아 보여 등안시 하다가, 기회가 되서 Sinon.js를 쓰게 되었다. Jasmine에서 Ajax를 mocking 하려면 stubRequest를 만들고 andReturn이라는 메소드를 이용

0

addEventListener의 요상한 옵션들 중의 하나 Passive

iScroll contribution을 하다가 우연히 알게된 이슈가 있어 몇자 적어본다. Chrome 49부터 EventListenerOptions 옵션을 지원한다. 기존 addEventListener의 3번째 파라미터로 캡쳐링/버블링 여부를 제어할 수 있는 부분이 EventListenerOptions이라는 객체형태의 추가 옵션을 받을수 있게 되었다. jQ

0

console.log를 지워야하는 이유

서비스 개발시에, 테스트용으로 console.log를 찍으시나요?실수로 또는 의도적으로 실서비스에서도 이런 로그가 찍힐 수도 있는데요. 테스트나 디버깅용으로 쓰는 이런 로그로 인해, 실서비스에서는 메모리 릭이 발생할 수 있습니다.저도 우연히 개발 중에 알게되었답니다… 아래는 Observable 코드를 1000개 만드는 코드입니다. 12345678910111

0

Angular1 Digest Loop 개선하기

Angular1은 높은 생산성을 갖는 좋은 프레임워크이긴 하지만, 성능 부분은 아쉬운 점이 많이 있습니다.그 중 하나로, 데이터 동기화를 처리하는 Digest Loop에 대한 이야기를 많이 합니다.아쉽지만, 이 부분은 Angular1을 만들때 챙기지 못한 부분 중에 하나죠. 이 부분에 대한 튜닝 가이드는 지금까지 굉장히 정리가 잘된 자료 들이 많이 있습니다

0

Rxjs-활용기2

Deview2016 Angular2 VS React, React VS Angular2 발표에서도RxJS를 언급했지만, 지금까지도, RxJS를 왜 Angular2가 도입했는가에 대한 이유는 모르겠다. 이를 알아보기 위해,Angular2 프로젝트를 하면서, RxJS를 가급적 많이 사용하고 있는데,그 중 하나 느낀 점이 있어 몇자 끄적여 본다. 왜 Angular

0

Angular2 정식이후, 지금까지 정리

오늘은 Angular2 정식릴리즈 이후, 지금까지 어떻게 변해 왔고, 앞으로 어떻게 변할지에 대해 간단히 살펴보자. ReleaseAngular2는 2016년 9월 14일 이후, 지금까지 꾸준한 업데이트로 빠르게 변해가고 있다. 총 4번의 patch가 이루어졌으며, 1번의 minor 버전이 업데이트 되었다. 현재는 2번째 minor 업데이트가 진행 중에 있다

0

Rxjs 활용기1

RxJS를 협업 아닌 협업에서 조금씩 쓰고 있다.오버엔지니어링이라는 생각을 떨쳐버릴 수 없지만, 또 한편으로는 꽤 괜찮다라는 느낌 또한 든다. 현실적인 활용도와 이상적인 개념 사이에서 줄다리기를 하고 있는 느낌이다. 지금은 RxJS의 활용도를 직접 검증도 해보고 싶은 마음도 있고,간만에 느끼는 개발의 재미도 맛볼 수 있는 영역이라 그 끈을 놓지 않고 있

0

Chrome Devtools를 이용한 Web Application Memory 분석법

Chrome Devtools를 이용한 Web Application Memory 분석법SPA 개발을 하다보면 겪게 되는 메모리 문제. 이 문제를 해결하기 위해서 주의해야 할 개발 패턴을 알아보고,Google Chrome Devtool을 이용하여 어떻게 메모리를 Profile 하는지 정리한 자료 자료 : https://sculove.github.io/slid

0

Jasmine을 이용한 Javascript Test

Jasmine을 이용한 Javascript TestJavaScript Test 문서를 작성 후, 실제 테스트를 어떻게 진행해야 하는지에 대해 정리한 문서. 목차 테스트는 왜 필요한가? 테스트를 위한 개발 프로세스 자주 사용하는 테스트 유형 비동기 테스트 setTimeout 테스트 Ajax 테스트 (jasmine-ajax) DOM 테스트 (jasmine-do