2019. 5. 5. 13:14ㆍ소소한 정보
- object-fit 은 IE에서 지원하지 않기 때문에 background 속성으로 구성하는 것을 고려해야할 수도..
web animation 성능 측정(chrome dev)
스크롤 커스텀 라이브러리!!! 훌륭한 디자인
babylon.js 4.0 release - webGL 라이브러리
여러 context에서 재사용 가능한 웹컴포넌트 만들기
- 무엇을 정의할 때 비아 네가티바 방식으로 정의할 때 더 분명해진다.
Tailwind css 프레임워크 - 메인의 소개 콘텐츠가 인상적
- js requestAnimationFrame
- css will-change
비디오 코덱 AV1 (참고)
validation 라이브러리 - 작은 크기와 직관적인 인터페이스
면접이라는 시스템의 한계는 너무나 분명하다.
말이 아닌 행동만이 스스로를 증명할 수 있을 뿐이다.
교수가 제일 잘 알려줄 수 있는 것은 교수가 되는 방법이다. 마찬가지로 면접을 통해서 채용하는 사람은 대게 면접을 잘 보는 사람을 채용하게 된다. 평상시의 업무 환경에서 조직과 어울리는 사람을 면접이라는 특수한 상황을 통해서 뽑을 수 있다고 믿는 것은 투표로 뽑은 정치가들이 조국과 국민을 위해서 일할 것이라 순진하게 믿는 것과 다를게 없다.
행동하는 사람에게는 깔끔한 외모와 거창한 이론과 수려한 언변은 필요없다. 그들은 행동과 과정, 그리고 결과로 증명한다.(부정적인 결과도 회피하거나 남에게 전가시키지 않는다면 도덕적으로도 훌륭한 사람이다.)
react
- useState: 원시타입 상태값으로 해당 컴포넌트에 강하게 종속되는 상태값이거나 단순한 비즈니스 로직인 경우
- useReducer: 레퍼런스타입 상태값으로 여러 컴포넌트에 영향을 주거나 비즈니스 로직이 복잡한 경우
$r, 오른쪽 클릭 context menu
react 디바이스 스크린 반응형 설계에 대한 영감을 얻을 수 있는 글
enzyme이 아닌 react-test-library 선택한 이유
webp 사용하기 with fallback(safari는 picture source, IE는 picture img로 fallback)
Inspiration
- hover외의 아이템은 opacity
- 이미지 보여주기
- 국가별 IE 사용률 보여주는 사이트인데 테마 변경 UI가 맘에듬. 더불어 한국의 IE 사용률은 세계적으로 최고 수준.
- UI에 유용하거나 재미있는 변화를 줄 수 있음