diff --git a/src/hooks/useNaverMapInit/index.ts b/src/hooks/useNaverMapInit/index.ts index e866ee6..beccd02 100644 --- a/src/hooks/useNaverMapInit/index.ts +++ b/src/hooks/useNaverMapInit/index.ts @@ -4,7 +4,7 @@ import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect"; import { SCRIPT_ID } from "./constants"; import type { InitResult, UseNaverMapInit } from "./types"; import { - createNaverMapScriptByClientId, + createNaverMapScriptByKeyId, insertNaverMapScriptIntoHead, } from "./utils"; @@ -17,7 +17,7 @@ import { * @param onError - This function will triggered when loading script failed. If 'onError' changes too often, wrap that definition in useCallback */ export const useNaverMapInit: UseNaverMapInit = ({ - ncpClientId, + ncpKeyId, submodules, onLoad, onError, @@ -39,8 +39,8 @@ export const useNaverMapInit: UseNaverMapInit = ({ const initNaverMapScript = async () => { const scriptInitResult = new Promise((resolve, reject) => { - const script = createNaverMapScriptByClientId({ - ncpClientId, + const script = createNaverMapScriptByKeyId({ + ncpKeyId: ncpKeyId, submodules, }); insertNaverMapScriptIntoHead(script); @@ -62,7 +62,7 @@ export const useNaverMapInit: UseNaverMapInit = ({ }; initNaverMapScript(); - }, [ncpClientId]); + }, [ncpKeyId]); useIsomorphicLayoutEffect(() => { if (onLoad && isFunction(onLoad) && isLoaded) { diff --git a/src/hooks/useNaverMapInit/types.ts b/src/hooks/useNaverMapInit/types.ts index d7cc30a..1680eb3 100644 --- a/src/hooks/useNaverMapInit/types.ts +++ b/src/hooks/useNaverMapInit/types.ts @@ -1,5 +1,5 @@ export interface InitParams { - ncpClientId: string; + ncpKeyId: string; submodules?: Submodule[] onLoad?: VoidFunction; onError?: VoidFunction; diff --git a/src/hooks/useNaverMapInit/utils/createNaverMapScriptByClientId.ts b/src/hooks/useNaverMapInit/utils/createNaverMapScriptByKeyId.ts similarity index 71% rename from src/hooks/useNaverMapInit/utils/createNaverMapScriptByClientId.ts rename to src/hooks/useNaverMapInit/utils/createNaverMapScriptByKeyId.ts index 26a965e..16029f0 100644 --- a/src/hooks/useNaverMapInit/utils/createNaverMapScriptByClientId.ts +++ b/src/hooks/useNaverMapInit/utils/createNaverMapScriptByKeyId.ts @@ -1,12 +1,12 @@ import { SCRIPT_ID } from "../constants"; import type { InitParams } from "../types"; -export const createNaverMapScriptByClientId = ({ - ncpClientId, +export const createNaverMapScriptByKeyId = ({ + ncpKeyId, submodules, -}: Pick) => { +}: Pick) => { const script = document.createElement("script"); - let paramsString = `ncpClientId=${ncpClientId}`; + let paramsString = `ncpKeyId=${ncpKeyId}`; if (submodules?.length) { paramsString = paramsString.concat(`&submodules=${submodules.join(",")}`); diff --git a/src/hooks/useNaverMapInit/utils/index.ts b/src/hooks/useNaverMapInit/utils/index.ts index e8a46b8..a934d08 100644 --- a/src/hooks/useNaverMapInit/utils/index.ts +++ b/src/hooks/useNaverMapInit/utils/index.ts @@ -1,2 +1,2 @@ -export * from "./createNaverMapScriptByClientId"; +export * from "./createNaverMapScriptByKeyId"; export * from "./insertNaverMapScriptIntoHead";