이니시스 PG 웹 연동시 결제창이 뜨지 않을 경우 feat. bootstrap v4

회사 프로젝트에서 kg이니시스 모듈을 붙이다 마주한 에러 해결에 관한 글이다.

한 4일동안 고생했다. 사수의 도움을 받기도 했지만, 심리적으로 쉽지 않았다.

 

문제 화면

결제를 클릭했을 때 kg이니시스 모듈이 나와야 하는데, 안나오는 현상이었다.

몇일 동안 고생하던 중 사수님 덕분에 알게됐는데 bootstarp v4 버전에 있는 문제때문에 발생한 현상이었다.

구글링을 다르게 했으면 찾을 수 있었는데 ㅠㅠ나는 부족하다.

아래 코드 때문에 모듈이 안나오는 문제였다.

 

처음 찾은 솔루션

출처 https://sir.kr/qa/247629

bootstrap 버전을 낮추는 방법이였는데 이니시스 모듈을 나오나 큰 단점이 bootstrap버전이 달라지다보니 해놨던 디자인 다 깨지는 현상이 발생해서 다른 솔루션이 필요했다. 그때 큰 절망을 느꼈다.

 

적용 솔루션

열심히 다시 구글링 하던중 발견해서 해결했다. 

그 방법은 바로 이니시스 모듈을 클래스이름을 활용해서 직접 css파일을 만들어서 적용하는 방법이였다.

.inipay_modal.fade:not(.show) {
  opacity: 1 !important;
}

이렇게 문제를 해결했다. 사실 이게 올바른 방법이 아닐 수도 있지만, 이렇게 오래 걸려서 해결한게 개발자가 된 후 오랜만에 마주한 에러였다. 쉽지 않지만 확실히 해결 한 후의 쾌감은 상당히 기분이 좋긴하다.

 

출처  https://cublip.tistory.com/344