오늘만 산다

회사 오다가 갑자기 생각이 듦.
개발을 하면 npm task가 계속 생기게 되는데 이게 뭐하는 것인지 보려면 한참을 쳐다봐야함. 설명을 넣으면 좋겠다고 생각해서 찾아봤더니. npm-script-info 라는 오픈소스가 있음. 지금 쓰고 있는 ntl에 설명만 나오면 정말 좋겠다고 생각함.
ntl 이슈에도 설명 넣자라는 말이 있는데 프로젝트 오너가 거절한 게 보임.
ntl하고 npm-script-info를 섞으면 정말 좋겠다고 생각해서 github 계정에 ntl을 fork함.
조금만 손봐서 쓸까하다가 현업이 바쁜관계로 다시 일하기로함.

페북에서 댓글이 올라옴 rxjs로 시작해서 이야기가 이상하게 빠지고 있음. 난 안껴야지 ㅋ
IE에서의 한글 문제를 해결함. 한글입력 도중 이벤트가 발생하지 않는게 아니라 range의 collapsed가 항상 false로 나옴. 이로 인한 문제였음.

contenteditable에서 엔터를 치면 크롬과 iOS, edge는 div로 감싸지고,
IE는 p가 생성된다. 특이한 것은 iOS는 엔터만 칠 경우에는 <div><br></div>가 생성되고, IE11에서는 <p>&nbsp;</p>가 생성된다.
이거 왜이렇게 오락가락 맹글어 놓은거니?
이거 브라우저별로 마크업 구조가 달라서 거기에 맞게 다 처리해야하네.
한번 고치면 5가지는 확인해야하는 아~ 테스트 코드 있으면 좋겠당
테스트 코드.

야호 BTS 완료 하고 기다리고 있음. 또 오면 야근해야겠지 ㅠㅠ
에잇 또 왔네. 아~ 밥먹고 일해야겠네.
주말에도 나와달라는군 와이프한테 전화했더니 약간 빠직하는 느낌.
오늘은 집에가서 책 쓰는거 정리하고 자야지.
아후 피곤해 ㅠㅠ

오늘 내 눈에 들어온 것들

Why CSS Grid is better than Bootstrap for creating layouts

CSS Grid 사용해라라는 글이 오늘따라 많이 눈에 띔.
그래서 브라우저 커버리지를 찾아봤더니 세상에나~
부분이지만 IE10부터는 쓸수 있을지도 모름. IOS가 10.1부터여서 찜찜하지만 iOS 사용자는 업그레이드를 잘하니깐
하지만 Android가 5부터군 후덜덜. 안되겠다 ㅋㅋ
flexbox는 그나마 쓸수 있겠다.

Evolution of : Gif without the GIF

Safari preview에서 img 태그에 mp4를 쓸 수있다고 함. WebP가 애니메이션이 되는 줄은 여기서 알았네
사실 웹페이지의 로딩성능은 이미지가 80%이니깐 여기 글 처럼 하면 베스트 겠다.

New Web Platform APIs

이거 당분간 쓸일은 없지만 쓸때 참고하면 좋겠다.

Focus to-do

종문이한테 추천받은 건데 좋네. 뻘짓 안하고 집중할 수 있게 도와주는 앱이네.


Share