당근 동네걷기 위에서 동시에 쏟아지는 오버레이들을 우아하게 제어하기
독립적으로 발화하는 웹뷰·OS 오버레이를 Promise 기반 우선순위 큐로 직렬화했습니다. 큐와 로컬 시퀀서의 책임을 분리해 순서 변경과 검증 복잡도를 낮췄습니다.
#JavaScript#Promise#Zustand
10500
당근 동네걷기 위에서 동시에 쏟아지는 오버레이들을 우아하게 제어하기
태그
webview 기술 블로그 글
webview 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 23개최신 20개 표시
관련 태그
최신 게시글
20개 표시
WebView 소셜 인증을 RN 브리지로 전환하기
React Native 네이티브 SDK로 소셜 인증을 처리하고, 기존 React/Gate 로그인 흐름은 그대로 재사용하는 브리지 구조를 도입했습니다. WebView 통신은 계약과 재전송, ACK로 안정화하고 실기기 디버깅 가능성도 높였습니다.
#React Native#WebView#OAuth
2700
결제 기능 공통 컴포넌트 구현기
React 공통 컴포넌트로 결제 SDK 연동과 상태 관리를 일원화한 구현 경험을 정리했습니다. 인라인·팝업을 통합하고 성공·실패 후처리와 멱등성까지 고려한 설계가 핵심입니다.
#React#React Native#WebView
3100
Android WebView 본인인증 오류 개선
React Native Android WebView에서만 발생한 본인 인증 실패를 분석했습니다. 외부 인증 앱 URL 처리 로직을 보완해 인증 흐름을 정상화했습니다.
#Android#WebView#React Native
2500
Android Emulator 로컬 서버 접속하기
Android Emulator에서는 localhost가 호스트 PC가 아니라 에뮬레이터 자신을 가리켜 접속이 실패할 수 있습니다. 에뮬레이터에서는 10.0.2.2를 쓰고, 필요하면 서버 바인딩과 방화벽도 함께 확인하셨습니다.
#Android Emulator#Vite#WebView
1800
Laying the Rails Beyond WebView: Why Karrot Chose Lynx
당근 프론트엔드 코어 팀이 웹뷰를 넘어서는 개발 환경을 위해 Lynx를 선택한 배경을 소개합니다. 포스트 제목상 Lynx 도입 이유를 다루는 기술 공유 글입니다.
#React Native#webview
12300
Laying the Rails Beyond WebView: Why Karrot Chose Lynx
항공 프론트엔드 구축기 (1/10): 웹, 모바일웹, 웹뷰를 코드 한 벌로
항공 서비스를 새로 만들며 웹, 모바일웹, 웹뷰를 하나의 코드로 묶는 프론트엔드 구축 경험을 다룬 글입니다. 다양한 실행 환경을 함께 대응하는 구조를 소개하는 내용입니다.
#web#mobile#webview
9700
항공 프론트엔드 구축기 (1/10): 웹, 모바일웹, 웹뷰를 코드 한 벌로
웹뷰 엔지니어를 위한 iOS Webview Input 경험 개선기
iOS 웹뷰에서 input focus 시 화면이 밀리는 문제를 여러 방식으로 개선한 과정을 정리했습니다. 최종적으로는 opacity 트릭으로 자동 스크롤을 막아 입력 경험을 안정화했습니다.
#iOS#WebView#input
10100
웹뷰 엔지니어를 위한 iOS Webview Input 경험 개선기
Product Engineer — iOS 개발자, 프론트엔드에 도전하다
iOS 개발자가 프론트엔드 운영과 고도화에 참여한 경험을 공유했습니다.\nAI와 도구를 활용해 구조를 파악하고 웹뷰, SSR 이슈를 해결한 과정이 핵심입니다.
#iOS#Swift#WebView
18700
Product Engineer — iOS 개발자, 프론트엔드에 도전하다
여기쏙 — Figma plugin 제작기 : 2. UI
Figma 플러그인 UI를 가볍고 단순한 구조로 설계한 과정을 소개했습니다. 필터 상태, 캐시, 메시지 통신을 중심으로 실데이터 연동과 UX 개선을 정리했습니다.
#Figma#React Query#Preact
5500
여기쏙 — Figma plugin 제작기 : 2. UI
배달의민족 주문접수 채널에 Flutter를 도입하며 고민한 것
Flutter와 Clean Architecture로 주문접수 채널의 멀티 플랫폼 확장성과 유지보수성을 높인 사례를 소개했습니다. 또한 웹뷰 기반 전환으로 배포 속도와 긴급 대응력을 개선하려는 방향을 설명했습니다.
#Flutter#Clean Architecture#BLoC
6700
배달의민족 주문접수 채널에 Flutter를 도입하며 고민한 것
하이브리드 앱에 구축하는 iOS 개발자모드
하이브리드 iOS 앱에 개발자모드와 WebView 디버깅 도구를 SwiftUI로 구축한 사례를 소개했습니다. 프로토콜과 DI로 로컬 플래그를 분리해 운영 리스크를 줄이고 생산성을 높였습니다.
#iOS#SwiftUI#WebView
6100
우아한 디버깅 툴 1부: 웹뷰/웹페이지 원격으로 디버깅하기
웹뷰·웹페이지 이슈를 당시 DevTools 상태 그대로 원격 재현하는 디버깅 툴을 소개했습니다. Chrome DevTools Protocol과 WebSocket으로 기록·재생하는 구조를 설명했습니다.
#Chrome DevTools Protocol#webview#websocket
4700
우아한 디버깅 툴 1부: 웹뷰/웹페이지 원격으로 디버깅하기
에이닷 앱 성능 검증기: ＂빠르다＂를 숫자로 증명하기까지
에이닷 v4.0의 성능을 기능별 지표와 SLO로 나눠 객관적으로 검증했습니다.\nWebView, LLM, 비동기 작업 특성에 맞춘 기준과 측정 절차도 함께 정리했습니다.
#LLM#SLO#성능
6400
앱 성능 측정 방법: 웹과 앱 지표 통합 분석 가이드
앱 성능을 웹뷰 포함 여부에 따라 공통·앱 전용·웹 전용 지표로 나누어 설명했습니다.\nQA에서 Launch Time, FPS, Jank, LCP, INP를 함께 측정해 품질 기준을 세우는 방법을 정리했습니다.
#성능#Web Vitals#Android
6800
당근마켓 웹 플랫폼 외전 — 레거시 시스템 안전하게 제거하기
로컬 웹뷰의 잔존 트래픽과 하위 호환성 문제를 계측한 뒤, Cloudflare Workers로 호환 동작을 이전하며 안전하게 폐기했습니다. 분산된 정책과 AWS 리소스를 단일 스크립트로 통합해 유지보수성과 온보딩 부담도 줄였습니다.
#webview#AWS#Cloudflare Workers
6100
앱과 웹의 연결고리 : 여기어때 통합 WebView 구축기
여기어때 앱에서 웹뷰를 통합한 과정과 연동 방식을 정리한 글입니다. 파편화된 브릿지 규격을 하나로 묶어 유지보수와 협업 효율을 높인 사례를 소개했습니다.
#Android#WebView#JavaScript
4600
Vite로 구버전 브라우저 지원하기
Vite 레거시 플러그인으로 구버전 Safari와 Chrome의 흰 화면 문제를 해결한 사례를 다루었습니다. targets 설정만으로는 부족해 modernPolyfills를 함께 조정한 과정도 설명했습니다.
#Vite#React#browser
6600
토스가 꿈꾸는 React Native 기술의 미래
토스가 React Native를 선택한 이유와 현재 운영 방식을 소개했습니다. 마이크로 프론트엔드, ESBuild, 번들 분리로 사용자 경험과 개발 생산성을 함께 높이고자 했습니다.
#React Native#WebView#ESBuild
6200
ChatGPT로 네이티브 지식없이 react-native-cookies 패키지 Android 버그 해결하기
React Native WebView 자동 로그인 구현 중 Android에서 `react-native-cookies` 버그를 해결한 사례입니다. 네이티브 지식 없이도 ChatGPT를 활용해 쿠키 연동 문제를 점검했습니다.
#React#Android#WebView
3400
