크롬 126 -> 127 업데이트 후 주소 검색 시 브라우저가 죽어버립니다.

[Carrymachine]

안드로이드 크롬 126 -> 127 업데이트하니까 주소검색 후 브라우저가 죽어버리는 현상이 있는데 혹시 확인된 것이 있을까요? 크롬업데이트 목록에서도 의미있는 사항을 못찾아서 여기에 질문드려요

[daumPostcode]

@Carrymachine

안녕하세요~

현재 안드로이드 크롬 127 버전에서, 공식 가이드페이지 ( https://postcode.map.daum.net/guide) 의 샘플로 확인해 봤을때 크래쉬 되는 현상이 발생하지 않습니다.

크래쉬가 되는게 저희쪽 API이슈인지, 아닌지 개발자도구를 통해서 한번 확인해 보시는게 좋을 것 같습니다.

[Carrymachine]

네 감사합니다

[daumPostcode]

@Carrymachine 만약 해결이 어려우시다면, 제가 접근 할 수 있는 URL을 알려주시면 확인해보도록 하겠습니다. 감사합니다.

[gangnamssal]

저희 서비스도 모바일 크롬 127버전에서 웹뷰 버전이랑 충돌나는 에러가 발생해서 브라우저가 꺼집니다. 한번 더 확인해주 실 수 있나요???

[Carrymachine]

@daumPostcode 기존에 useModal 훅 직접 개발해서 모달에 임베드 띄우는 형식이었는데 새탭으로 여는걸로 바꾼뒤 문제 해결 됐습니다.

@gangnamssal 새탭으로 여는걸로 바꾸면 해결될 수도 있어요!

[gangnamssal]

감사합니다! 저도 embed를 사용하니깐 같은 현상이 발생해서 수정해야겠네요

[daumPostcode]

@gangnamssal @Carrymachine 혹시 해당 현상이 발생하는 조건을 설명해 주실 수 있으실까요?

안드로이드 크롬의 127버전이라는 환경외에도, 현재 이용하시는 프레임워크나; 해당 프레임워크나 라이브러리의 사용방식에 따라서 달라지는 것 같은데,

저희는 가이드페이지를 기준으로 테스트를 진행하기 때문에, 말씀하시는 오류를 재현 해볼 수가 없습니다.

위에 CarryMachine님 내용을 보면 React에서 useModal 커스텀훅을 만들어서 사용하시는 것 같으신데, 이처럼; 어떻게 만들어서 사용하고 계신지 대략적으로 설명해 주시면 감사하겠습니다.

재현조건을 만들지 못하면; 확인이 어렵거든요. 우선 제가 이 오류를 해결할 수 있는지, 또는 우편번호서비스의 구조적 이슈인지, 크롬 127의 버그인지;;; 현재 이를 알 수 없는 상태이기 때문에, 추후라도 대략적인 원인을 파악하기 위해서라도, 환경구성을 설명해 주시면 감사하겠습니다.

[gangnamssal]

현재 Next.js 14.0.4버전의 App Router를 사용하는 중이고 React-hook-form을 추가해서 아래와 같이 사용하고 있습니다.

<input 
  onClick={() => {
      dialogRef.current?.showModal();

      new window.daum.Postcode({
        oncomplete: (data: OpenDaumPostcodeType) => {
          const { address } = data;
          setValue('address', address);
        },
        width: '100%',
        onclose: () => dialogRef.current?.close(),
      }).embed(postCodeRef.current);
  }}
/>

[Carrymachine]

Next 14.2 app router사용중이고 저도 react-hook-form 사용중입니다.

 <Controller
          key="address"
          name="address"
          control={control}
          render={({ field }) => (
            <Section title="주소">
              <AddressInput
                id="address"
                title="주소"
                field={field}
                register={register}
                formState={formState}
                option={{}}
              />
            </Section>
          )}
        />

        //여기서 AddressInput 내부 비지니스 로직에서 useModal을 사용하고 있습니다.

  const { show, close } = useModal(
    <DaumPostcodeEmbed onComplete={handleComplete} autoClose={false} />,
  );

아래는 로그캣 캡처입니다.

++ 리버트해서 다시 디버깅 해보니까 정확히는 임베드 열리자 마자 크러시나네요. +++ 크러시 나기 전에 주소검색하면 검색결과값까지 리턴옵니다.

[daumPostcode]

@Carrymachine @gangnamssal 감사합니다. 한번 확인해 보겠습니다. 다만 API차원에서 해결이 될지는 확신을 드릴 수가 없어서, 해결방법이 있으시다면 서로 공유를 해주시면 좋을 것 같습니다.