해외 웹사이트 번역 키고 이용할 시 가끔씩 오류가 나는 원인 추측

해당 웹사이트는 react같이 virtual dom기반 라이브러리를 이용해 구축했을 가능성이 크다.

크롬의 번역은 textnode를 직접 한글로 다 바꿔버린다.

<p>hello world</p>

<p>안녕 세계</p>

 

하지만, 이 작업은 virtual dom이 아닌 dom을 브라우저가 바꾸는 동작이다.

virtual dom엔 그대로 영어로된 텍스트노드가 있을 것이다.

만약에 웹사이트 이용시 의도치않게 돔을 조정하는 짓을 했다면, virtual dom과 dom의 괴리로 인해 에러가 발생한다.

경험상 원래 영어로된 텍스트를 포함한 컴포넌트를 언마운트 시키는 행동을 할 때 이런 오류가 많이 일어나는 것 같다.