오늘은 부족한 부분을 너무 느끼게 해준 과제여서 나름 재미와 보람 .. 오늘은 뮤직 플레이어 과제를 끝까지 완성해봐야겠다.
근데 너무 많이 못해서 아쉽기도 하고 / 그게 내 실력이니 어쩔수 없기도 하고 뭐 그렇다.
어찌됬든 그 전날 밤을 한 번 새서 제출하고 금요일날은 체력이 계속 멜랑 꼴리하게 지내고 _= 오늘까지 약간 여파가 오는듯하네 흠’’’ 장기 레이스이므로 운동 러닝+스트레칭 같은 체력 좋아지는 몸관리를 꼭 해야겠다고 다시 느끼고 있다.
고러므로 오늘 밤 부터 러닝 h 시작해야지
스터디 분들이랑 얘기하면서 힐링 좀 하니 금새 5시반 ‘ㅁ’;;;
TODO
Daily Algorithm 고민 1시간 및 풀이
러닝 1시간
Promise공부 .. 오늘 한 것 복습
Async Generator 를 위해서 매일 1~2시간 You Don’t know Js 책 읽어보기
블로그 글은-> Vue 시작하기 관련 Tutorial 처럼 글쓰기 -> 그냥 1주일 동안 Contributon 작업한 내용과 고민을 정리하고 글을 쓰면 될 것 같다 그게 하는 김에 하면 좋으니까 !
또 할 것만 보면 매일 18시간 코딩만 해야 될 사람 ..
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%는 뭔가 질문하려고 정리하다보면 해결이 된다는 것이 맞는 것 같다. 근데