HTML은 속성, DOM은 프로퍼티라고 하는 이유가 뭘까요?

프로퍼티가 정확히 뭔지 잘 모르겠어요

속성을 추가할경우

html 파일에 직접 수정하면 되는데, 굳이 js 파일에 함수를 이용해서 수정하는 이유가 뭔가요?

변수가 html 변경사항을 반영하도록 만드는 방법이 있나요?