서비스에 텍스트 오류가 있다고 연락이 왔다.
"대처하다" 라는 있으면 안되는 텍스트가 화면에서 표기되고 있다는 내용이었다.
저런 텍스트를 넣은 적이 있나 싶어서 IDE 해당 텍스트를 검색했다. "no result found..." 흠?
해당 페이지 코드를 찾아서 들어가도 관련 텍스트는 보이지 않았다. 잘 못본건가 싶어서 문의와 같이 온 스크린샷을 다시 확인해 보았다. 정말로 해당 텍스트가 화면에서 표기되고 있었다. 배포 버전이 잘못된건가? 텍스트가 잘 못 수정된게 있었나 싶었다.
빠르게 찾아가서 해당 이슈를 여쭤보았는데 해당 화면 옆에는 조그만 창이 하나 떠 있었다.
번역..?
해당 내용을 체크하고 자리로 와서 로컬에서 크롬 번역기능을 실행했다. 당연히 DAY 같은 영어는 한국어로 번역되는데 전혀 상관없는 '조건' 이런 텍스트가 '대처하다'로 뜬금없이 번역되는걸 확인해볼 수 있었다. 단어 외에도 문장의 어감이 바뀌는 케이스도 확인할 수 있었다.
이슈의 근본적인 원인은 크롬에서 번역이 일어날때 한국어를 다른 언어로 오탐지해서 발생하는 케이스라고 한다.
그렇다고 크롬 번역 이슈입니다~ 라고만 답을 해서 보낼 수 는 없엇다. 그래서 다른 프로젝트와의 차이점을 체크하던 중에 html 태그에서 이질적인 부분을 발견했다. <html lang="en"> 이라고 되어있는 부분이었다. 이 부분이 "기본 언어는 영어다" 라고 명시해주고 있었던것..
그래서 크롬이 영문으로 기본적으로 체크해서 발생했던 것이다.
그래서 이 부분을 ko 로 변경해주고 나니, 한글 부분은 크롬 한국어 번역에서 변환되지 않고 필요한 영어부분만 번역되는것을 확인했다. 이 서비스의 경우 다국어를 지원해주지 않고 한국어로만 서비스했기에 별다른 사이드 이펙트 없이 해당 방법으로 해결 할 수 있었다.
프런트 작업을 하면서
이 부분은 신경을 별로 쓰지 않고 개발했었는데
접근성, 언어등과 연결될때는 체크를 하고 진행해야겠다...!
'Front-end' 카테고리의 다른 글
| [FE] safari에서 sticky 이슈 in <table> (0) | 2026.06.10 |
|---|---|
| Context로 모달·토스트를 관리할 때 생긴 리렌더링 이슈 (0) | 2026.04.24 |
| Context로 Modal을 함수처럼 사용하는 방법 (3) | 2026.04.17 |
| error Cannot read properties of null (reading 'edgesOut') 빌드 오류 해결하기 (0) | 2026.04.14 |
| [FE] 스크롤이 튕기는 이유와 해결 방법 (1) | 2026.03.10 |