Category: Tech

0

React로 레거시(?) 코드 랩핑하기

기존에 작성한 또는 DOM 기반으로 작성한 코드를 React나 Angular, Vue와 같은 프레임워크에서 사용하고 싶은 경우가 많다.물론, 기존 코드의 내용은 하나도 안고치고 사용하고자 한다.그래서 일반적으로 기존 코드를 사용하는(랩핑) 프레임워크의 컴포넌트를 만들게 된다. JQuery plugin을 React로 랩핑하는 것은 아티클에 나온 것 처럼 의외

0

RxJS 써야겠어요? 안써야겠어요?

RxJS 써야겠어요? 안써야겠어요? RxJS는 일관된 방식으로 안전하게 데이터 흐름을 처리하는 라이브러리입니다.이 발표는 RxJS가 본질적으로 의미하는 바를 살펴봅니다.더불어 개발자로서 RxJS를 써야할지 안써야할지도 함께 살펴봅니다. 발표 자료 자료 : https://sculove.github.io/slides/rxjs/ 동영상

0

RxJS란 무엇인가?

오늘 소개할 부분은 작성 중인 책 2부의 개론에 해당하는 내용이다.이 장을 통해 RxJS의 개발과정의 큰 그림을 다시한번 살펴보기 바란다 1부에서는 RxJS의 본질을 알아가기 위해 RxJS가 고민했던 문제들을 살펴보았다. 2부에서부터는 RxJS 라이브러리에 대해 자세히 알아보자. 이 장을 통해서는 RxJS로 간단한 소스를 구현해보면서 RxJS의 사용법을

0

RxJS가 해결하려고했던 문제3 - 로직 처리의 오류

오늘 소개할 부분은웹어플리케이션 개발시 발생할 수 있는 로직 오류에 대한 문제를 RxJS는 어떻게 접근했는지에 대한 이야기이다. 웹어플리케이션의 로직웹어플리케이션은 로직에 근거하여 전달받은 입력값을 이용하여 새로운 결과를 반환하거나 표현한다.여기서 로직은 산술적인 로직이 될 수 있고 비즈니스적인 로직이 될수 있다. 또는 if문과 같이 간단한 프로그램의 흐

0

RxJS가 해결하려고했던 문제2 - 상태 전파 문제

오늘 소개할 부분은웹어플리케이션 개발시 발생할 수 있는 상태 전파 문제를 RxJS는 어떻게 접근했는지에 대한 이야기이다. 웹어플리케이션의 상태우리가 만드는 웹어플리케이션은 하나의 큰 상태 머신이고 이를 구성하고 있는 크고 작은 단위들 또한 하나의 상태머신이다.각각의 상태 머신들은 각자의 상태를 가지고 있고, 상태 머신들은 각자의 역할에 따라 서로 유기적으

0

RxJS가 해결하려고했던 문제1 - 입력 데이터의 오류

몇일 전에 요즘 내가 쓰고 있는 책의 초안을 일부를 공개하기로 셀프 선언한 이후, 사실 너무 바빴다 ㅠㅠ1부 탈고일이 좀 남았지만… 마음이 급하다.지인과는 과감히 탕수육 내기도 했으니. 더 급하다. 처음이니깐 간단히 책소개만 해보면. RxJS가 무엇을 위해 준비된 라이브러리인지에 대한 답을 구하는 책이다. 더불어 RxJS의 활용법도 학습하는 책이다. 참고

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