[TIL]200926

1. Study

• DOM
  - 개념(document 객체의 여러 속성과 메소드 활용)
  • Event 객체

    • Event : DOM 내에 위치한 이벤트를 나타냄
      • Event.preventDefault() : 취소 가능한 경우 이벤트 취소

  • GlobalEventHandlers 속성

    • GlobalEventHandlers.onclick
    • GlobalEventHandlers.onsubmit
    • GlobalEventHandlers.onchange
    • GlobalEventHandlers.onmouseover
    • GlobalEventHandlers.onkeyup

  • EventTarget 메소드

    • EventTarget.addEventListener()
      • 매개변수에 다양한 이벤트 타입과 함수를 넣어 실행

onclick와 addEventListener의 차이

• 브라우저의 호환성

  • onclick은 모든 브라우저에 호환가능
  • addEventListener는 IE 6,7,8에서 호환되지 않는다.

• 버블링, 캡쳐링 설정 가능 여부

  • onclick 구현할 기능인 function()만 받는다.
  • addEventListener인자 안의 3번째 위치에 버블링, 캡쳐링 동작 여부를 정할 수 있다

• 여러 이벤트들의 관리 방식

  • onclick에 여러개의 이벤트를 만들어도 마지막에 불러진 이벤트가 앞의 이벤트를 덮어 써서 모든 이벤트를 구현하지 못한다.
  • addeventlistener는 모든 이벤트를 구현할 수 있다.

2. TO DO

• 고차함수 이해
  - 개념 이해하기
  - filter, map, reduce 공부
  - 다 읽지 못한 코드스테이츠 자료 공부

---

TODAY MOOD
27토요일 제사에 다녀왔다.
엄마와 딜을 하여 추석에 안가는대신 제사 한개만 참석하기로 하여 다녀왔다.
노트북을 들고 갔지만, 제대로 집중해서 공부하지 못하여
다녀와서 집에서 늦은대로 지금 공부하고 블로그를 쓴다.
시간상으로는 벌써 그다음날인 일요일이지만 나는 아직 안잤으닌깐 토요일로 치겠다.
DOM 어려웠지만 접근하는 방법은 알 수 있었고, 어떻게 쓰는지도 알 수 있었다.
그런데 이벤트는 정말 어떻게 접근해야될지 모를정도로 어려웠었다.
코드스테이츠 자료에도 너무 간략하게... 그 많은 DOM페이중에서도 1페이지...ㅜㅜ
그래서 어떻게든 찾으려고 했지만 개념 자체를 모르닌깐 너무 찾기 힘들던 찰나,
마지막 보루인 유튜브를 보게되었고 이벤트가 어떻게 돌아가는지 보고 나서 가닥을 잡기 쉬워졌다.
(내가 본 유튜브는 나중에 블로그 개념 정리할때 저작권에 문제가 없다면 참조해서 올리겠다)
역시 나는 많은 예제를 겪거나 어떻게 실행되는지 눈으로 봐야 이해도가 올라간다는걸 새삼 느낀다.

어찌되었든 어떤 원리로 되는지 아닌깐 정리하는건 쉬워지더라.
내 개인 노트에는 다 정리를 했는데 이것들은 언제 어떻게 풀어야될지 고민된다.
(물론 다 익히지는 못했지만 정리는 해놨으닌깐 언제든 볼 수 있겠지)
공부하기 바빠 블로그 쓸 시간을 점점 미루는거 같다.
추석이나 솔로위크기간에 블로그 쓸 시간을 늘려서 적을 수 있으면 좋겠다.
그 기간을 위해 스케줄을 어떻게 할지 한번 생각해 보아야겠다.

자고 일어나서 다시 시작해야지!! 힘내자!
아.. 근데 벨로그 너무 내맘대로 안되어서 문제네...