KT 기가지니용 웹앱 개발 debug 꿀팁, 화면이 안나올때

KT 기가지니용 웹앱 개발할때 참고하면 좋은 꿀팁을 소개합니다.(리액트로 개발 기준)

정말 꿀팁인 이유는 다른 사이트에 정보도 없고 직접 고생해서 겪어야지만이 알 수 있는 정보이기 때문입니다.

 

우선 기본적으로 처음 기가지니용 웹앱 개발할때 참고해야할 사이트들입니다.

 

기가지니 처음 시작할때 가이드 따라가기 좋은 링크

https://ktaidevelopers.github.io/

 

어휘사전, 인텐트를 좀 더 정확하게 숙지하여 사용할때 참고할 링크

https://github.com/gigagenieDmt/DialogKit-deploymentGuide/wiki

 

KT API 콘솔 집입 링크

https://apilink.kt.co.kr/

 

웹앱 개발할때 참고해야할 SDK 링크

https://github.com/GiGAGenie-ServiceSDK/UserGuide/wiki

 

하지만 KT에서 만들어놓은 문서보다 더 중요한 것이 있습니다. 필자는 리액트로 웹앱을 개발했는데 처음에는 잘되지만 점점 페이지 개발이 늘어나고 로컬에서 작업 후 서버에 배포를 하고 기가지니 개발자 모드에서 테스트를 하는데 갑자기 특정화면이 안나오는 경우가 있었습니다.

 

그런데 이상한건 컴퓨터 웹브라우저에서 개발할때는 문제없이 잘 돌아간다는건데 이건 기가지니의 웹브라우저 버전이 낮아서인지 Javascript 버전이 낮아서인지 특정 자바스크립트 함수가 실행이 안되고 오류가 나서 그렇습니다.

 

기가지니에서 Object.values를 쓰면 에러가 나고 화면이 멈춥니다. 아마 타입스크립트에서 잘못쓰면 에러가 나는것 같습니다. 이 문제를 스택오버 플로우 보고 해결함.

마찬가지로 find(), includes() 함수를 쓰면 기가지니에서 화면이 안나오며 에러가 납니다.

 

본인이 기가지니 앱 개발중에 컴퓨터 웹브라우저에서는 잘되는데 기가지니 테스트할때 갑자기 화면이 안나올때 참고하면 콘솔도 안찍히고 로컬에서 서버에 배포해서 기가지니 개발자 모드에 들어가서 내 앱을 실행시켜보고 테스트 해봐야지만이 알 수 있는 이 고통의 과정을 좀 더 줄여줄 것입니다.