사파리 정규표현식 미지원으로 인한 에러 (크로스브라우징 이슈)

문제발생

맥이나 아이폰 아이패드에서만 홈페이지를 들어가면 vue로 변수를 선언해 데이터를 바인딩 한 부분이 그대로 출력되는 문제가 있었다.

좀더 경우의 수를 가지고 알아낸 것은 운영체제의 문제가 아니라 safari 브라우저에서만 이와 같은 이슈가 생기는 것을 확인했다.

문제원인

SyntaxError: Invalid regular expression: invalid group specifier name 라는 에러가 콘솔로 찍혀서 소스를 보니...

숫자에 콤마, 포메팅하는 정규표현식에 Safai와 iOS에 지원이 되지 않는 부분이 포함되어있었다.

한마디로 safari에서 지원하지 않는 lookbehind 문법을 사용해서 생긴 이슈이다.
구글링 검색결과 👈

문제해결

회사가서 고치고 마저 올리기...