[js] hide() / remove()

hide()는 화면에서만 숨기고 DOM에는 그대로 남아 있는 반면,
remove()는 DOM 자체에서 요소를 완전히 제거합니다.

메서드	설명
hide()	요소를 display: none으로 만들어 화면에서 숨김. DOM에는 존재.
remove()	요소를 DOM 트리에서 완전히 제거. 이후 .find()로도 못 찾음.
detach()	DOM에서 제거하지만, 이벤트 핸들러/데이터는 유지. 나중에 다시 붙일 수 있음.

 

 

✅ 언제 remove를 쓸까?

• 폼에서 아예 해당 항목이 필요 없을 때
• 성능상 필요 없는 노드를 줄이고 싶을 때
• 사용자에게 혼란을 줄 수 있는 비활성화 필드 자체를 안 보여줄 때

---

필요에 따라 hide() vs remove() 선택하시면 됩니다.
remove()를 사용하면 이후 해당 요소는 다시 show()로 복구할 수 없으니 주의하세요!