f.Script.load()

f.Script.load(src,afterEvent, isSync)

개요

외부 스크립트를 로드합니다. 같은 src의 스크립트를 이미 받은 경우 다시 받아오지 않습니다.

파라미터

파라미터명
필수여부
타입
제약사항
설명

src

필수

String

외부 스크립트 주소

afterEvent

필수

String

스크립트 로드 완료 후 실행할 이벤트명

isSync

Boolean

동기화 여부

isSync

기본값은 false 입니다. true 일 경우 스크립트를 로드하는 동안 로딩뷰가 활성화됩니다.

예시

circle-info

isAsynctrue로 설정하여 요청 후 대기를 사용하는 경우, 하나의 스크립트 블럭 안에서 set() 함수를 여러 번 호출하면 대기 처리가 제대로 동작하지 않아 이벤트 흐름에 문제가 생길 수 있습니다. 이는 요청 후 대기가 스크립트 블럭 단위로 처리되기 때문입니다.

따라서, 여러 값을 연속으로 설정해야 할 경우에는 스크립트 블럭을 분리하거나 return을 사용하여 흐름을 제어해 주세요.

// 네이버 지도 API 사용 예시
// 네이버 지도 API v3를 로드합니다.
// 로드가 끝난 후 afterMapScript 이벤트를 실행합니다.
f.Script.load("https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=xxxxx&callback=initMap"
, 'afterMapScript');
return;

실습

Google Map 그려주기

Naver Map 그려주기

QR코드 생성하기

마지막 업데이트

도움이 되었나요?