웹뷰 엔지니어를 위한 iOS Webview Input 경험 개선기
웹뷰 엔지니어를 위한 iOS Webview Input 경험 개선기
iOS 웹뷰에서 input focus 시 화면이 밀리는 문제를 여러 방식으로 개선한 과정을 정리했습니다. 최종적으로는 opacity 트릭으로 자동 스크롤을 막아 입력 경험을 안정화했습니다.
#iOS#WebView
59005분
새로운 기술 블로그가 추가되었어요
필터 1
Product Engineer — iOS 개발자, 프론트엔드에 도전하다
Product Engineer — iOS 개발자, 프론트엔드에 도전하다
iOS 개발자가 프론트엔드 운영과 고도화에 참여한 경험을 공유했습니다.\nAI와 도구를 활용해 구조를 파악하고 웹뷰, SSR 이슈를 해결한 과정이 핵심입니다.
#iOS#Swift
167005분
여기쏙 — Figma plugin 제작기 : 2. UI
여기쏙 — Figma plugin 제작기 : 2. UI
Figma 플러그인 UI를 가볍고 단순한 구조로 설계한 과정을 소개했습니다. 필터 상태, 캐시, 메시지 통신을 중심으로 실데이터 연동과 UX 개선을 정리했습니다.
#Figma#React Query
46005분
하이브리드 앱에 구축하는 iOS 개발자모드
하이브리드 iOS 앱에 개발자모드와 WebView 디버깅 도구를 SwiftUI로 구축한 사례를 소개했습니다. 프로토콜과 DI로 로컬 플래그를 분리해 운영 리스크를 줄이고 생산성을 높였습니다.
#iOS#SwiftUI
56005분
에이닷 앱 성능 검증기: ＂빠르다＂를 숫자로 증명하기까지
에이닷 v4.0의 성능을 기능별 지표와 SLO로 나눠 객관적으로 검증했습니다.\nWebView, LLM, 비동기 작업 특성에 맞춘 기준과 측정 절차도 함께 정리했습니다.
#LLM#SLO
60005분
앱 성능 측정 방법: 웹과 앱 지표 통합 분석 가이드
앱 성능을 웹뷰 포함 여부에 따라 공통·앱 전용·웹 전용 지표로 나누어 설명했습니다.\nQA에서 Launch Time, FPS, Jank, LCP, INP를 함께 측정해 품질 기준을 세우는 방법을 정리했습니다.
#성능#Web Vitals
61005분
앱과 웹의 연결고리 : 여기어때 통합 WebView 구축기
여기어때 앱에서 웹뷰를 통합한 과정과 연동 방식을 정리한 글입니다. 파편화된 브릿지 규격을 하나로 묶어 유지보수와 협업 효율을 높인 사례를 소개했습니다.
#Android#WebView
32005분
토스가 꿈꾸는 React Native 기술의 미래
토스가 React Native를 선택한 이유와 현재 운영 방식을 소개했습니다. 마이크로 프론트엔드, ESBuild, 번들 분리로 사용자 경험과 개발 생산성을 함께 높이고자 했습니다.
#React Native#WebView
50005분
ChatGPT로 네이티브 지식없이 react-native-cookies 패키지 Android 버그 해결하기
React Native WebView 자동 로그인 구현 중 Android에서 `react-native-cookies` 버그를 해결한 사례입니다. 네이티브 지식 없이도 ChatGPT를 활용해 쿠키 연동 문제를 점검했습니다.
#React#Android
25005분
웹에서 파일 선택하기: onShowFileChooser()를 이용한 단일 및 복수 파일 선택 방법
안드로이드 WebView의 파일 입력을 onShowFileChooser()로 직접 구현하는 방법을 설명했습니다. 파일 선택 결과 전달과 URI 권한 처리, 복수 파일 선택 대응까지 다뤘습니다.
#Android#WebView
39005분