리액트에서 useState 쓰는 정확한 이유좀

[익명(211.176)]

document로도 조작은 가능하지 않음?

[익명(1.238)]

DOM 직접 조작 말하는거야?

[익명(211.176)]

맞워요

[익명(1.238)]

결국은 react 에서 상태 조작하면 react 내부에서 결과적으로 하는 게 DOM 조작이긴 함. js 에서 html 을 동적으로 바꾸려면 그 수 밖에 없어서

[익명(1.238)]

근데 직접 해보면 알겠지만 내가 직접 DOM 조작을 하면 어느 순간에는 퍼포먼스가 존나 안나올 수 밖에 없는게 짜다보면 하나만 바뀌어도 다 DOM 을 안바꿔도 될 요소들까지 다 바꾸게끔 짜게 되어있음. 그렇게 안되게 짜려면 코드 복잡도가 많이 올라감

[익명(211.176)]

최적화 문제라는건가요

[익명(1.238)]

근데 react 같은 거를 사용하면 얘가 내부적으로 virtual dom 을 만든 뒤에 여기다가 상태 반영하고 virtual dom 에서 바뀐 애들만 real DOM 에 변경을 하기 때문에 상대적으로 퍼포먼스가 더 나옴

[익명(1.238)]

그리고 그것보다 중요한 건 react 에서 제공하는 state / props 패턴으로 짜면 복잡한 상태를 가진 애플리케이션도 상대적으로 일관성있고 유지보수 가능하게 짜기 쉬움

[익명(1.238)]

물론 상태가 많이 복잡해지면 redux 같은 상태 관리 라이브러리를 따로 쓰긴 해야하지만 그래도 이런 모델 혹은 패턴을 제공해주는게 영향이 큼

[익명(211.176)]

가상 dom 쓰는건 몰랐네... 감사합니다