카카오 우편번호 검색 api 사용 중입니다

REST API
#1

문의 시, 사용하시는 개발환경과 디벨로퍼스 앱ID를 알려주세요.

리액트로 개발한 랜딩페이지에 저희가 주소를 입력할 수 있도록 카카오 우편번호 검색 서비스를 붙여서 사용 중인데요,
인스타그램 링크로 타고 들어가면 우편번호 팝업이 뜨지 않습니다 어떻게 해결하나요?
js코드 첨부합니다!

import React, { useState, useEffect } from 'react';

const AddressForm = ({ handleAddressSelect, addressInvalid }) => {
  const [postcode, setPostcode] = useState('');
  const [address, setAddress] = useState('');
  const [isEmpty, setIsEmpty] = useState(false);

  const sample6_execDaumPostcode = () => {
    new window.daum.Postcode({
      oncomplete: data => {
        let addr = '';

        if (data.userSelectedType === 'R') {
          addr = data.roadAddress;
        } else {
          addr = data.jibunAddress;
        }

        setPostcode(data.zonecode);
        setAddress(addr);

        document.getElementById('sample6_postcode').value = data.zonecode;
        document.getElementById('sample6_address').value = addr;
        document.getElementById('sample6_detailAddress').focus();
      },
    }).open();
  };

  useEffect(() => {
    const selectedAddress = {
      postcode,
      address,
    };

    if (addressInvalid == true) {
      setIsEmpty(true);
    } else {
      setIsEmpty(false);
    }
    handleAddressSelect(selectedAddress);
  }, [postcode, address, addressInvalid]);

  return (
    <div>
      <input
        type="text"
        onClick={sample6_execDaumPostcode}
        id="sample6_postcode"
        placeholder="우편번호"
        value={postcode}
        readOnly
      />
      <input type="button" onClick={sample6_execDaumPostcode} value="우편번호 찾기" />

샘플 코드 거의 그대로 사용 중입니다!

#2

안녕하세요.

인스타그램 앱내 링크 말씀이실까요?

#3

넵 맞습니다 프로필 상단에 링크를 걸어두었고 그 링크 타고 들어가면 우편번호 검색 팝업이 안 열리네요?

#4

네, 아쉽지만 카카오의 기능과 무관하게
인스타그램 앱에서는 팝업처리를 지원하지 않습니다.
(다른 팝업으로 테스트 해보시면 실행안되는 것을 확인할 수 있습니다. )

반드시 인스타그램 앱 사용이 필요하시다면, 페이지내 레이어 처리로 변형하여 개발하시거나 팝업이 아닌 페이지 이동 처리로 변경해보시면 좋을 것같습니다.

#5

넵넵 답변 감사드립니다 혹시 질문이 하나 더 있는데, 우편번호 검색 버튼 눌렀을때 인풋칸에 autofocus같은 걸 설정해서 모바일에서 키보드를 자동으로 띄울 수 있게 하는 게 가능한가요? 예시 코드에는 oncomplete부분만 커스텀 가능해 보여서요

Daum Postcode Service User Guide 이 가이드 참고중입니다

#6

데브톡에서는 디벨로퍼스 관련설정과 API, SDK를 안내하는터라

번거로우시겠지만
우편번호 서비스관련 문의는 , 우편번호 서비스 Q&A 로 접수 부탁드려요~