채널톡을 삽입한 원페이지 랜딩페이지 제작기

안녕하세요. 오랜만에 제작기를 작성하게 되었는데요.

오늘은 채널톡이 삽입된 원페이지로 구성된 랜딩페이지에 대해서 이야기 해보고자 합니다. *모든 디자인은 고객의 지시감독하에 레퍼런스를 참고하여 제작 되었습니다.

보통 랜딩페이지에서는 db수집을 위한 폼제작 의뢰가 많은데, 해당건의 경우에는 폼제작이 아니라 채널톡을 연결 시켜달라는 주문이 있었습니다. 채널톡을 삽입하는 일은 생각보다 간단 합니다.

그렇지만 채널톡을 삽입하는 과정에서 자체제작한 egbStyleCss와 호환이 안된다는 사실을 깨닫는데는 오랜 시간이 걸리지 않았습니다. egbStyleCss는 자바스크립트와 css로 동작하는 프레임워크이자 라이브러리 인데요. 자체제작한 egbStyleCss의 큰 문제는 외부의 서비스와의 호환성이 생각보다 좋지 않는다는 것 입니다.

문제는 랜더링시 발생하는데, egbStyleCss는 최상위로 실행되어야하는 자바스크립트인데, 중간에 다른 스크립트를 만나게 되면 충돌이 발생하게 되어 무한로딩에 빠지...