라이브러리나 프레임워크 없이 ES6+와 Web APIs(바닐라JS)로 간단한 이슈 트래커 앱을 만드는 방송입니다. 앱을 만들면서 중복되는 코드를 제거하고 모듈화하면서 DOM 조작 라이브러리와 함수형 라이브러리를 만드는 식으로 진행됩니다.
- 방송보기
- 코드보기
- 이슈 트래커 앱을 만들면서
$, $ .find,$.findAll, $ .el,$.append, $ .on 등을 만들게 되었고, querySelector, createElement, appendChild, addEventListener 등에 대해 다룸. - 명령형 코드들을 리팩토링 하는 과정에서 go, pipe, reduce, curry2, find 등이 만들어졌고, for...of, 전개 연산자, 나머지 연산자 등을 다룸.
- 방송보기
- 코드보기
- 델리게이트 방식으로 이벤트를 등록할 수 있도록 돕는 함수인 $.on을 리팩토링.
- reduce 다형성을 높이고 map, extend, defaults 등의 함수을 만듬.
- generator/iterator 등에 대한 이야기를 가볍게 다룸.