2020-09-11-TIL

Fact

• 부우우스트 2주차 마무리~

Feelings

• 할께 너무 많다ㅠㅠ

Findings

• 전역 변수를 없애는 전략중 즉시 실행 함수 안에 코드를 넣어서 밖에서 접근 할 수 없도록 하는게 zero global 전략 이라고 한다. scope 유효 범위로 하는것이다. 예전엔 block scope 가 없어서 function scope로 했다.

  (() => {
  //코드 
  })();

• event도 destructuring 해서 필요한것만 뽑아서 쓸 수 있다.

document.querySelector(‘#asd’).addeventListener(‘click’, (event) => { //code… }) //보단 document.querySelector(‘#asd’).addEventListener(‘click’, ({target}) => { //code… })

- 이벤트마다 css 수정 패턴이 동일 하다면 css를 직접 수정 하는것 보단 class를 하나 줘서 바꾸는게 좋다.
  - 모달 예시
  ```html
  //html
  <div class="modal modal-hidden">
    <!-- code -->
  </div>
  

modal {
  <!-- style -->
}
modal-hidden {
  display:none;
}

  document.querySelector('.modal').classList.toggle('modal-hidden')

Future Action

• 사용성이 좋고 버그가 없는 인터랙션이 있는게 중요하니 그런걸 작성 하도록 하자.