웹뷰 액티비티간 데이터 동기화하기
역량 개발 · 카카오스타일 테크 · 2022.10.12
카카오스타일 프론트엔드 챕터의 Jason님이 웹뷰 액티비티 간에 데이터를 동기화하는 방법에 대해 공유한 글입니다. 네이티브 앱과 같은 매끄러운 사용자 경험을 제공하기 위해, 페이지 이동 시 발생하는 데이터 불일치 문제를 `Broadcast Channel API`와 `pubkey/broadcast-channel` 라이브러리를 사용하여 해결하는 과정을 담고 있습니다. 리액트에서 이를 편리하게 사용할 수 있도록 커스텀 훅(`useBroadcastChannel`)을 구현하는 예제도 포함되어 있어, 프론트엔드 개발자분들에게 매우 유용한 기술적 인사이트를 제공합니다.