ChatGPT로 꽤나 빡센 소프트웨어 기술 문제 해결하기 → 실패 ㅜ

요약# 

이번 사례는 이전 사례의 연장선입니다

지난 2주 동안 구글 애널리틱스(GA)를 크롬 확장앱에 붙이는 시도를 한 내용을 공유합니다.

지난주 요약

지난주 발표 이후에 개발자와 함께 해결을 해 보려 했지만, 예상치 못한 에러를 발견했고 해결을 못하고 있었습니다. 그래서, ChatGPT에게 디버깅을 요청해 봤어요.

(원문: https://sharegpt.com/c/naN21EZ)

하지만, 아쉽게도 이렇게 알려준 것에 대해서 동작하지 않았습니다.


이때 부터가 고난의 시작이었습니다. 이 문제를 정확히 제가 이해하고 해결 방법을 찾으려고 해 보니까, 모르는 것이 한두개가 아니더군요.

일단 이 문제는 쉽게 ChatGPT를 통해 해결했습니다.

gtag.js 를 사용해서 설정을 하면 되겠더라구요.

이때 불현듯 든 생각은 이걸 내가 직접 해결하려 하지 말고, 원래 잘 아는 사람을 찾아서 해결하자! 였습니다. 그래서 크몽을 찾아 갔습니다. 하지만, 크롬 확장앱을 다루는 사람은 1명도 없더라구요. 그래서 Fiverr로 갔습니다. 이곳에는 그래도 약 10명 전후의 인도, 파키스탄, 동유렵 개발자들이 크롬 확장앱을 만드는 것을 전문으로 하더라구요.

이 사람들에게 돌아가면서 질문을 해 보았습니다. 이 문제 해결해 주면 $200불 내겠다고 했어요. 하지만, 선뜻 이 문제를 자기네들이 알고 있고, 해결할 수 있다고 얘기해 주지는 못하더라구요. 크롬 확장앱을 만드는 경우 GA를 연동하는 것이 문제가 되는게 아닌가 싶었습니다.

그래서 본격적으로 ChatGPT로 해당 문제를 해결하려 해 보았습니다.

먼저 설치 방법을 물어봤습니다

HTML에 넣는 것은 크롬 확장앱에서는 해당되지 않는 방법이라, 다른 방법을 물었습니다.

ChatGPT는 gtag.js 파일을 다운로드 받아서 크롬 확장앱에 포함시키는 방법을 알려주었습니다. 하지만, 이렇게 구현하는 경우 Content Secuity Policy가 발생하는 것을 확인했고, 그래서 이걸 문의했습니다.

Manifest.json 파일에 CSP 키 값을 추가해서 해결하는 방법을 알려주었어요.

하지만, 이 방법이 동작하지 않았습니다. 실제 많은 개발자들이 이 방법에서 막혀서 해결 방법을 못 찾고 있었습니다. 하지만 저도 인터넷을 여러번 뒤지면서 얻은 결론인 것이지 실제 GA4를 크롬 확장앱에서는 구현할 수 없는 것인지 확신이 안섭니다.