1006-X-04-SAT

오늘은

부족한 부분을 너무 느끼게 해준 과제여서 나름 재미와 보람 ..
오늘은 뮤직 플레이어 과제를 끝까지 완성해봐야겠다.

근데 너무 많이 못해서 아쉽기도 하고 / 그게 내 실력이니 어쩔수 없기도 하고 뭐 그렇다.

어찌됬든 그 전날 밤을 한 번 새서 제출하고 금요일날은 체력이 계속 멜랑 꼴리하게
지내고 _=
오늘까지 약간 여파가 오는듯하네 흠’’’ 장기 레이스이므로 운동 러닝+스트레칭 같은 체력 좋아지는 몸관리를 꼭 해야겠다고
다시 느끼고 있다.

고러므로 오늘 밤 부터 러닝 h 시작해야지

스터디 분들이랑 얘기하면서 힐링 좀 하니 금새 5시반 ‘ㅁ’;;;

TODO

  • Daily Algorithm 고민 1시간 및 풀이
  • 러닝 1시간
  • Promise공부 .. 오늘 한 것 복습
  • Async Generator 를 위해서 매일 1~2시간 You Don’t know Js 책 읽어보기
  • 블로그 글은-> Vue 시작하기 관련 Tutorial 처럼 글쓰기 -> 그냥 1주일 동안 Contributon 작업한 내용과 고민을 정리하고 글을 쓰면 될 것 같다 그게 하는 김에 하면 좋으니까 !

또 할 것만 보면 매일 18시간 코딩만 해야 될 사람 ..

TimeTable

JS30

오늘의 고민 뷰 Class로 부터 확장된 애의 자식을 delegation하고 싶을 떄

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

뷰에서 dom 메소드들이 모두 this.el
qs(selector){
return this.el.querySelector(selector)
}
qsAll(selector){
return this.el.querySelectorAll(selector)
}
on(event, handler,captrue){
this.el.addEventListener(event, handler, !!captrue)
return this;
}
delegate(selector, type, callback,captrue) {
const listenerFn = e => {
e.delegateTarget = e.target.closest(selector);
e.delegateTarget && callback(e);
};
this.on(type, listenerFn, !!captrue);
return this;
}
constructor(selector){
super(selector)
this.MchildrenEl = this.qs('.modal-children')
this.bindEvents()
this.notifyBtnClicked =null;
}
bindEvents(){
this.delegate('button','click', this.handleButtonClicked.bind(this))
}



오늘의 고민 뷰 Class로 부터 확장된 애의 자식을 delegation하고 싶을 떄
바보다 ! 그냥 this.on에서 target만 좀 바꿔주면 똑같이 쓸 수 있자녀!
on(event, handler,captrue, containerEl){
const target = containerEl || this.el
target.addEventListener(event, handler, !!captrue)
return this;
}
이거는 되는데 왜
on(event, handler,captrue, target = this.el){
target.addEventListener(event, handler, !!captrue)
return this;
}
이거는 왜 Error가 날까?.? 바보다 당연히 인자 순서가 다르니까 ㅜ 디버깅 똑바로 안 할려

질문의 90%는 뭔가 질문하려고 정리하다보면 해결이 된다는 것이 맞는 것 같다.
근데