다시 돌아온 자바스크립트...

NHN면접에서 자바스크립트 기본 적인 기능도 구현 못하는 나를 보고 크게 현타를 맞은 이후 다시 한번 자바스크립트를 복습하게 되었다.

마크업 한 요소를 토대로 util함수를 통해 DOM을 구성해 주었다.

오랜만에 작업을 하다 보니 느낀 점은 정말 정말 React의 소중함에 대해 깨닫고 있다.

innerHTML과 innerText의 차이 점

- innerText는 <div>Hello <span> World </span></div> 과 같은 구조에서 innerText를 사용하면 "Hello World"를 반환합니다.

- <div>Hello <span> World </span></div>와 같은 구조에서 innerHTML을 사용하면 전체 HTML 문자열인 <span> World </span>를 반환합니다. 또한, innerHTML을 사용하여 HTML을 수정할 수도 있습니다. 예를 들어, element.innerHTML = "<b> Bold text </b>"와 같이 사용하면 요소의 내용을 "Bold text"로 대체합니다.

한 줄 요약 : innerText는 텍스트를 다루며 HTML 태그를 무시하고, innerHTML은 HTML을 다루며 태그를 포함한 문자열을 다룹니다.