오늘만 산다

React 성능 개선을 위해 관련 내용을 좀 찾아봤더니 다음과 같은 툴이 있음.
react 정식 툴인 react-addons-perf와 비슷한 기능임

React 생태계가 정말 잘되어있다는 생각이 부쩍 들음.
Angular는 국내에서의 레퍼런스가 많지 않아서 아쉬움.
Angular를 좋아하는 나도 지금은 React에 대한 요구사항이 많아서 React를 쳐다보고 있으니…
Angular는 .Net 같은 느낌. 좋긴한데 쓰는 곳이 많지 않음 ㅠㅠ

rxjs 발표한 내용을 가지고 사람들이 나한테 질문을 쏟아낸다.
내가 뭔 헛소리를 했던가?
기억이 잘 안난다.
그래도 아는 만큼은 대답해줌 ㅋㅋ

조용하던 서비스 QA에서 BTS가 갑자기 쏟아졌다.
일은 왜 항상 몰아서 오는가?!
contenteditable한글IME 모드는 왜 이렇게 브라우저별 버그가 많은 것인가… 기능 버그는 말도 안해 우씨~

IE에서는 키를 계속 누르고 있으면 input 이벤트가 발생하지 않는다. 참~ 오래된 이벤트인데도 IE는 특별하니깐 ㅋ
So, keypress 이벤트로 처리해야한다.
윈도우의 IME모드에서는 한글이 완료되기 전까지 keyup, keydown, input, keypress가 발생하지 않는다. 물론, 크롬도 예외는 없다.
방법은 composition 이벤트를 이용하여 처리해야한다. 아 역시. IE는 안되네. known-issue 처리~! 2017. 12. 7일 해당이슈 해결함

몇 일새 몇 년은 늙는 느낌. 아이고~

오늘 내 눈에 들어온 것들

Filtering images using Web Audio API

이거 좀 신빡하네. Web audio API를 이용해서 이미지를 필터링하네

Geddski

CSS Grid, FlexBox를 게임으로 익히는 코스. 교육은 이렇게 해야하는데… 좋네.
다른 것도 이런식으로 만들면 좋겠다.
예전에 flexbox 배우는 게임과 비슷한데 퀄러티가 높네.

Debugging React performance with React 16 and Chrome Devtools

DevTools를 이용한 기본적인 performance 확인 글인데, react에서는 기본적으로 User Timing API가 들어가 있나봄. 확인하기 좋음
찾아보니 v15.4.0에서 부터 들어가있네.

우리가 Typescript를 선택한 이유

꽤 공감가는 글. ts 써본 바로 refactoring에 정말 좋음. 거창하게 안하더라고 유지보수에도 좋음. 단, 초기 비용을 감내할 자신이 있다면…
그리고, 여기 글에서 나온 3’rd party의 type definition 지원은 사실 부정적임.
잘 만들어진 type definitaion을 제공하는 것이 별로 없다는 게 안타까운 사실임.


Share