2018년 10월

새로운 기술을 도입하는 방법(stateofjavascript 2018 설문 방식을 통한 설명)

Moment.js를 대체하기

자바스크립트 모듈 이해

이미지 lazy load 전략

웹 폰트 전문 웹 개발자

 - 폰트 로드 전략

webpack을 대체할 차세대 번들러 Parcel? 

 - 1.10.0 버전 릴리즈

 - webpack과 browerserfy 사용을 통해 누적된 공통의 경험을 구체화시킨 번들러

css 모듈에 관하여

크롬70 개발자도구

*디자인을 위한 심리학 - 기술우선이 아닌 사람을 위한, 사람에 의한 디자인 설명

- 길고 복잡한 화면을 단순하게 유지하여 인지 부하를 줄인다.(길다면 프로그레시브 온보딩 사용)

- 컨텐츠를 작은 덩어리로 무리지어 사용자가 쉽고 빠르게 이해할 수 있도록 해야한다.

- 보편적인 디자인을 사용하여 직관적으로 이해하고 사용할 수 있도록 디자인

*위대한 UX를 위한 3가지 요소 - 스크린을 넘어 생생히 살아있는 사람을 대한다고 생각하며 만들어야 한다.

- 사용자 우호적(오류가 발생하였습니다. vs 폰번호 뒷자리가 모두 입력되지 않았습니다.)

- 동기 부여(매주 뉴스레터를 받아보세요 vs 매주 영감을 주는 뛰어난 아이디어를 받아보세요.)

- 개성과 재미(complete. vs yay!! ok!)

React 16

 - Error Handling: componentDidCatch(error, info)

 - return types: fragments and strings

 - ReactDOM.createPortal(child, container)

 - Avoid Re-render with setting NULL in state: this.setState(null)

 - Creating Refs: React.createRef()

 - Context API

 - static getDerivedStateFromProps(nextProps, prevState)

자바스크립트 엔진 이해를 통한 성능 향상

webpack config 생성기

가벼운 모던 자바스크립트 프레임워크 omi

자바스크립트 개발자가 알아야할 33가지

크롬 70+ PIP

css border-radius 에 대한 깊이있는 설명

얼굴인식 라이브러리 face-api.js