내부 .js파일에서 외부 링크의 .js 라이브러리 불러오기 안됨 오류 해결

아임포트를 통한 결제 시스템 구현 중 계속하여 "IMP is not defined" 오류가 발생했다.

 

내부 js파일(/js/lesson/payment.js)에서 아임포트에서 제공하는 하기 링크의 라이브러리를 읽어와야 하는데 읽어오지 못했다.

<script src="https://cdn.iamport.kr/v1/iamport.js"></script>

 

문제는 html 파일에서 외부 js 파일을 불러오는 순서에 있었다.

 

 

외부 링크 라이브러리가 먼저 실행되어 js파일을 외부로부터 불러오고 내부 js파일을 불러오면, 내부 js파일에서 이를 잘 읽었다.

또 css 파일을 불러오는 link 태그가 가장 아래쪽에 있어야 잘 JS파일도 불러와 졌다.

 

변경전

 

변경후