크롬 웹브라우저에서 번역 팝업 비활성화

크롬을 이용할 때 자동 번역은 유용하게 사용하는 기능이지만, 우리가 만든 웹페이지에 계속 뜨는 것을 원치 않는다면 막을 필요가 있다. 특정 부분만 막거나 사이트 전체에 적용을 하는 방법이 있는데, 그냥 메타 정보에 집어넣는 것이 편할 것 같다.

<meta name="google" content="notranslate">

https://esarang.tistory.com/828

구글 크롬의 자동 번역막기 notranslate 태그 - 프로그래밍

다만, 리액트를 사용할 경우에는 meta 태그를 그냥 사용할 수 없으므로 render() 함수 안에 다음과 같이 메타 정보를 추가해주도록 하면 된다.

const meta = document.createElement('meta')

meta.name = 'google'

meta.content = 'notranslate'

document.getElementsByTagName('head')[0].appendChild(meta)

https://thebook.io/006946/ch22/04/

리액트를 다루는 기술: 22.4 react-helmet을 이용한 페이지 head 태그 작성

https://stackoverrun.com/ko/q/10401405

React.js에서 메타 태그를 업데이트하는 방법은 무엇입니까?