모바일 청첩장 만들기 회고

<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div
  id="daumRoughmapContainer1653547385965"
  class="root_daum_roughmap root_daum_roughmap_landing"
></div>

<!--
	2. 설치 스크립트
	* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script
  charset="UTF-8"
  class="daum_roughmap_loader_script"
  src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"
></script>

<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
  new daum.roughmap.Lander({
    timestamp: '1653547385965',
    key: '2adxz',
    mapWidth: '640',
    mapHeight: '360',
  }).render();
</script>

const Location = () => {
  // 카카오 맵 불러오기

  // <!-- 3. 실행 스크립트 -->
  const executeScript = () => {
    const scriptTag = document.createElement("script");
    const inlineScript = document.createTextNode(`new daum.roughmap.Lander({
    "timestamp" : "1652464367301",
    "key" : "2a8fe",
    "mapWidth" : "640",
    "mapHeight" : "360"
  }).render();`);
    scriptTag.appendChild(inlineScript);
    document.body.appendChild(scriptTag);
  };

  // <!-- 2. 설치 스크립트 * 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다. -->
  // document.write 문제가 발생해서 해당 파일을 직접 가져온다음 수정했음
  const InstallScript = () => {
    (function () {
      let c = window.location.protocol === "https:" ? "https:" : "http:";
      let a = "16137cec";

      if (window.daum && window.daum.roughmap && window.daum.roughmap.cdn) {
        return;
      }
      window.daum = window.daum || {};
      window.daum.roughmap = {
        cdn: a,
        URL_KEY_DATA_LOAD_PRE: c + "//t1.daumcdn.net/roughmap/",
        url_protocal: c,
      };
      let b =
        c +
        "//t1.daumcdn.net/kakaomapweb/place/jscss/roughmap/" +
        a +
        "/roughmapLander.js";

      // document.write -> doumnet.body.append로 수정
      const scriptTag = document.createElement("script");
      scriptTag.src = b;
      document.body.append(scriptTag);
      scriptTag.onload = () => {
        executeScript();
      };
    })();
  };

  useEffect(() => {
    InstallScript();
  }, [InstallScript]);

  return (
      <div
        id="daumRoughmapContainer1652464367301"
        className="root_daum_roughmap root_daum_roughmap_landing"
      ></div>
  );

6:48:44 PM: failed Building production JavaScript and CSS bundles - 42.123s
6:48:44 PM: error Generating JavaScript bundles failed
6:48:44 PM: Can't resolve '../components/Greeting' in '/opt/build/repo/src/pages'
6:48:44 PM: If you're trying to use a package make sure that '../components/Greeting' is installed. If you're trying to use a local file make sure that the path is correct.
6:48:44 PM: ​
6:48:44 PM: ────────────────────────────────────────────────────────────────
6:48:44 PM:   "build.command" failed
6:48:44 PM: ────────────────────────────────────────────────────────────────
6:48:44 PM: ​
6:48:44 PM:   Error message
6:48:44 PM:   Command failed with exit code 1: CI= npm run build (https://ntl.fyi/exit-code-1)
6:48:44 PM: ​
6:48:44 PM:   Error location
6:48:44 PM:   In Build command from Netlify app:
6:48:44 PM:   CI= npm run build
6:48:44 PM: ​
6:48:44 PM:   Resolved config
6:48:44 PM:   build:
6:48:44 PM:     command: CI= npm run build
6:48:44 PM:     commandOrigin: ui
6:48:44 PM:     publish: /opt/build/repo/public
6:48:44 PM:     publishOrigin: ui
6:48:44 PM:   plugins:
6:48:44 PM:     - inputs: {}
6:48:44 PM:       origin: ui
6:48:44 PM:       package: '@netlify/plugin-gatsby'

6:56:09 PM: The function zip ../../../tmp/zisi-628dfc8c696ab60008c7d3be/__ssr.zip size is 105 MB, which is larger than the maximum supported size of 52.4 MB.
6:56:09 PM: There are a few reasons this could happen, such as accidentally bundling a large dependency or adding lots of files to "included_files".
6:56:09 PM: Contains 43 files
6:56:09 PM:
6:56:09 PM:
6:56:09 PM: These are the largest files in the zip: