TIL

2021-01-17 TIL January 18, 2021

1월이 벌쩌 2주가 지났습니다. 시간이 정말 빨리 지나가네요.

지난 주 금요일에 동료들과 장기 목표와 2021년 상반기 목표, 계획을 세웠습니다. 예상했던 것보다 동료들의 반응이 좋았고 열심히 노력한다면 달성할 수 있을만한, 도전해볼만한 목표를 만들었다고 생각합니다.

목표를 달성하면서 저 스스로의 공부도 소홀하지 않을 수 있다면 2021년은 보람 찬 한 해가 될 것 같습니다.

오늘의 문답

https://ko.javascript.info/dom-attributes-and-properties

attribute, property의 차이점?

attribute

  • HTML에서 사용합니다.
  • standard attribute는 property와 대응된다.
  • value가 string 이다.
  • 대소문자를 구분하지 않는다.

property

  • DOM에서 사용합니다.
  • value가 string으로 고정된 것이 아니라 상황에 따라 다양한 type을 가집니다.
  • 대소문자를 구분합니다.

data-widget-name attribute의 value를 2가지 이상의 방법으로 출력해보세요.

<body>
  <div data-widget-name="menu">Choose the genre</div>
  <script>
  </script>
</body>
<body>
  <div data-widget-name="menu">Choose the genre</div>
  <script>
    const div = document.querySelector('[data-widget-name]');
    console.log(div);
    console.log(div.dataset.widgetName);
    console.log(div.getAttribute('data-widget-name'));
  </script>
</body>
Written by@[Suho]
뭐든지 만들어보자.