👨‍💻 사건

• 두가지 전부 같은 처리가 되는것 같은데, 굳이 따로 사용하는 이유를 몰랐다.

  <p id="txtP">
      hello
  </p>

  console.log(txtP.textContent); // hello  
  console.log(txtP.innerText); // hello

✅ 해결

• textContent 는 따로 렌더링을 거치지않고 나타내고 , innerText는 한번 렌더링을 거쳐서 우리가 볼 수 있는 내용만을 표시해 줍니다. ( 조금 더 빠른 페이지 렌더링을 위해선 textContent 를 우선적으로 사용 할 필요가 있음 )

<p id="txtP">
    hell<br>o
    <span style="display: none">hello</span> 
</p>

console.log(txtP.textContent); // hello 
															//	hello  
console.log(txtP.innerText); // hell
														//     o

💭 개선

• 상황에 맞는 명령어를 사용해야 한다.