D9: Connecting HTML-CSS-JS

To look into

• DOM element manipulation
• adding / removing classes via js
  onClick function through DOM manipulation
  (vs. CSS button properties button:active etc.)
• arrow function basics

  let double = n => n * 2;
  // roughly the same as: let double = function(n) { return n * 2 }

More to do

<User flow에 따라 기능 구현하기>

• 계산기를 만든 과정과 경험을 블로그에 정리 및 회고
• 블로그에 정리 및 회고를 마친 후, 계산기의 CSS를 수정하여 더욱 예쁜 계산기를 만들기

• InnerHTML, textContent의 차이에 대해서 검색, 블로깅
  • InnerHTML: 해당 Element의 HTML, XML을 읽어오거나, 설정
  • InnerText: Element 내에서 사용자에게 '보여지는' 텍스트 값을 읽어옴
  • textContent: 'Node'의 속성으로, innerText와는 달리

Notes..

• addListener(click, function()) - click할떄 이 이벤트를 실행해줘라
• // don't add more decimals if it's already there!
  if (!display.textContent.includes('.'))
• +firstNum - 형변화 (string->number)
• display.textContent].some(v => v ===