✔️ React에서 querySelector, document.getElement 같은 DOM탐색 구문을 권장하지 않는 이유
- React는 state값 변경에 따라서 컴포넌트가 재랜더링됨
- 렌더링시 DOM생성되고 그 다음번 렌더링때는 이전 렌더링 만들어진 DOM의 정보값만 추출해서 가상돔 생성
- 해당 렌더링 사이클에서는 최신 가상돔요소를 제어함
- 이때 querySelector를 사용하면 이전 렌더링때 생성한 실제돔을 제어하게됨
- 실제돔을 제어한다는 의미는 이미 리액트의 제어권을 벗어난 예전의 정보값을 활용하게 되므로 비권장
- 폼 인증같이 복잡한 폼 데이터를 실시간으로 관리하기 위해서는 querySelector를 쓰는 것이 적당하지 않지만
- 간단하게 특정 정보값을 서버로 보내거나 간단한 로직의 이벤트 처리시에는 그 상위요소만 참조객체에 담아두고
- 그 안쪽의 자잘한 자식 요소를 추출할때는 제한적으로 querySelector를 사용해도 무방
